From f8bf5c88605e51b409d89c9cbd966942796e3ec5 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 19 九月 2025 09:23:20 +0800
Subject: [PATCH] 优化

---
 mobile/images/img_yunwei@2x.png                   |    0 
 mobile/images/solution_zonghetiyuguan@2x.png      |    0 
 mobile/images/icon3/ic_wuliupeisong@2x.png        |    0 
 mobile/images/icon/客户资料.png                       |    0 
 mobile/images/icon3/ic_yunyingbaozhang@2x.png     |    0 
 mobile/images/banner_jingqu@2x.png                |    0 
 mobile/images/icon/器材租赁(1).png                    |    0 
 mobile/js/solutionSmartVenue.js                   |    0 
 mobile/images/icon3/ic_jifenshangcheng@2x.png     |    0 
 mobile/js/dynamic.js                              |    0 
 mobile/cooperation.html                           |  108 
 mobile/images/icon/退款记录.png                       |    0 
 mobile/images/icon3/ic_tuikuanjilu@2x.png         |    0 
 mobile/images/img_yunying@2x.png                  |    0 
 mobile/images/icon3/ic_xunishangpin@2x.png        |    0 
 mobile/css/alot.css                               |  263 +
 mobile/images/wulian_img_jieshui@2x.png           |    0 
 mobile/images/icon/数据分析.png                       |    0 
 mobile/details.html                               |   20 
 mobile/images/tiyupingtai_img_1@2x.png            |    0 
 mobile/images/hexin_img_shangpinguanli.png        |    0 
 mobile/IceSnowSports.html                         |  242 +
 mobile/images/icon3/ic_fangnishuidaping@2x.png    |    0 
 mobile/js/cooperation.js                          |    0 
 mobile/images/ic_time@2x.png                      |    0 
 mobile/js/dynamicList.js                          |    0 
 mobile/images/icon3/ic_zhinengxiaokeji@2x.png     |    0 
 mobile/js/details.js                              |    0 
 mobile/images/icon3/ic_dayinpingzheng@2x.png      |    0 
 mobile/images/yunying_34img2@2x.png               |    0 
 mobile/images/guanli_ic_yuding@2x.png             |    0 
 mobile/images/home_ic_yunwei@2x.png               |    0 
 mobile/images/home_ic_yunying@2x.png              |    0 
 mobile/images/icon3/ic_zaixianyueqiu@2x.png       |    0 
 mobile/js/unattended.js                           |    0 
 mobile/images/icon/设备运维.png                       |    0 
 mobile/images/img_youyongguan@2x.png              |    0 
 mobile/images/jingqu_img_4@2x.png                 |    0 
 mobile/images/icon3/ic_yundongzhidao@2x.png       |    0 
 mobile/images/img_aboutus@2x.png                  |    0 
 mobile/js/swimmingSports.js                       |    0 
 mobile/images/icon/开卡充值.png                       |    0 
 mobile/images/icon3/ic_yingyejiesuan@2x.png       |    0 
 mobile/images/home_banner@2x.png                  |    0 
 mobile/images/wulian_img_tiwenhecha@2x.png        |    0 
 mobile/images/wuren_img_3@2x.png                  |    0 
 mobile/images/icon3/ic_qicaizulin@2x.png          |    0 
 mobile/images/icon3/ic_anquanyujing@2x.png        |    0 
 mobile/js/swiper.min.js                           |   19 
 mobile/images/矩形@2x.png                           |    0 
 mobile/css/solutionSmartVenue.css                 |  308 +
 mobile/images/icon3/ic_shangpingguanli@2x.png     |    0 
 mobile/images/icon3/ic_yundongzhuapai@2x.png      |    0 
 mobile/images/home_ic_bushu@2x.png                |    0 
 mobile/images/矩形5@2x.png                          |    0 
 mobile/css/about.css                              |  365 +
 mobile/images/icon/合同管理.png                       |    0 
 mobile/images/yunyi1ng_img2@2x.png                |    0 
 mobile/images/yunying_img2123@2x.png              |    0 
 mobile/css/dynamicList.css                        |  171 
 mobile/images/icon3/ic_cheweiyuyue@2x.png         |    0 
 mobile/images/icon3/ic_zijinliushui@2x.png        |    0 
 mobile/images/wufu_ic_liuicheng@2x.png            |    0 
 mobile/images/img_wurenguan@2x.png                |    0 
 mobile/js/IceSnowSports.js                        |    0 
 mobile/css/unmannedVenue.css                      |  308 +
 mobile/images/icon/器材租赁.png                       |    0 
 mobile/images/ic_yuanma@2x.png                    |    0 
 mobile/css/intelligentSystem.css                  |  449 ++
 mobile/images/icon/赛事活动.png                       |    0 
 mobile/js/smartSpace.js                           |    0 
 mobile/images/ic_pda@2x.png                       |    0 
 mobile/images/icon3/ic_shouyinjiesuan@2x.png      |    0 
 mobile/images/icon/点餐服务.png                       |    0 
 mobile/images/icon/大屏管理.png                       |    0 
 mobile/images/icon3/ic_banyouka@2x.png            |    0 
 mobile/images/icon3/ic_ticetikao@2x.png           |    0 
 mobile/images/zongheguan_img_7@2x.png             |    0 
 mobile/smartSpace.html                            |  180 
 mobile/images/top_logo@2x.png                     |    0 
 mobile/campusSports.html                          |  233 +
 mobile/images/banner_wulian@2x.png                |    0 
 mobile/images/kongjian_img_4@2x.png               |    0 
 mobile/images/banner_24h@2x.png                   |    0 
 mobile/images/yunyin2g_img2@2x.png                |    0 
 mobile/images/icon3/ic_zhinengdengkong@2x.png     |    0 
 mobile/images/aboutus_img_zizhi@2x.png            |    0 
 mobile/images/icon/ota团购.png                      |    0 
 mobile/images/icon/会员管理.png                       |    0 
 mobile/images/icon3/ic_renlianshibie@2x.png       |    0 
 mobile/images/wulian_img_keliutongji@2x.png       |    0 
 mobile/css/details.css                            |   23 
 mobile/css/swiper.min.css                         |   15 
 mobile/images/icon3/ic_zhinengchuwugui@2x.png     |    0 
 mobile/images/icon3/ic_niankacika@2x.png          |    0 
 mobile/images/wulian_img_qupiao@2x.png            |    0 
 mobile/swimmingSports.html                        |  655 +++
 mobile/images/banner_aboutus@2x.png               |    0 
 mobile/images/ic_gou@2x.png                       |    0 
 mobile/images/icon/客流分析.png                       |    0 
 mobile/js/campusSports.js                         |    0 
 mobile/js/sportsVenue.js                          |    0 
 mobile/images/icon3/ic_jifenmingxi@2x.png         |    0 
 mobile/images/icon3/ic_zhihuiguansai@2x.png       |    0 
 mobile/unattended.html                            |  515 ++
 mobile/images/icon3/ic_airuanjian@2x.png          |    0 
 mobile/images/hexin_img_jifenshangcheng.png       |    0 
 mobile/images/icon/配置管理.png                       |    0 
 mobile/images/fuwu_img_zhichi@2x.png              |    0 
 mobile/images/icon/手续费订单.png                      |    0 
 mobile/unmannedVenue.html                         |  183 
 mobile/images/icon3/ic_jinxiaocunguanli@2x.png    |    0 
 mobile/images/icon3/ic_huodongbaoming@2x.png      |    0 
 mobile/images/icon3/ic_keliufenxi@2x.png          |    0 
 mobile/images/kongjian_img_1@2x.png               |    0 
 mobile/images/wuren_img_4@2x.png                  |    0 
 mobile/images/yunying_img2@12x.png                |    0 
 mobile/images/fuwu_img_zhichi1@2x.png             |    0 
 mobile/images/icon3/ic_taocanshoumai@2x.png       |    0 
 mobile/images/icon/通知公告.png                       |    0 
 mobile/images/icon3/ic_shangpingshoumai@2x.png    |    0 
 mobile/images/icon/我的约球.png                       |    0 
 mobile/images/wulian_img_dengkong@2x.png          |    0 
 mobile/images/yunying_img2@2x.png                 |    0 
 mobile/images/icon3/ic_gaiqiantuipiao@2x.png      |    0 
 mobile/images/zongheguan_img_2@2x.png             |    0 
 mobile/images/banner_tiyupingtai@2x.png           |    0 
 mobile/images/icon/积分商城.png                       |    0 
 mobile/images/guanli_ic_daping@2x.png             |    0 
 mobile/js/alot.js                                 |    0 
 mobile/images/icon/课程表.png                        |    0 
 mobile/images/ic_saas@2x.png                      |    0 
 mobile/images/ic_phone@2x.png                     |    0 
 mobile/images/icon/运动排行.png                       |    0 
 mobile/js/about.js                                |    0 
 mobile/images/solution_gongyuan@2x.png            |    0 
 mobile/images/banner_kongjian@2x.png              |    0 
 mobile/images/icon3/ic_zaixiangoupiao@2x.png      |    0 
 mobile/images/icon3/ic_zizhujinchuchang@2x.png    |    0 
 mobile/images/icon/套餐服务.png                       |    0 
 mobile/images/banner_yunwei@2x.png                |    0 
 mobile/images/home_ic_duoduan@2x.png              |    0 
 mobile/images/wulian_img_tice@2x.png              |    0 
 mobile/images/icon/课时记录.png                       |    0 
 mobile/images/icon3/ic_taocanfuwu@2x.png          |    0 
 mobile/images/icon3/ic_shujudaping@2x.png         |    0 
 mobile/images/icon/亲子卡.png                        |    0 
 mobile/images/icon/房态管理.png                       |    0 
 mobile/images/icon3/ic_jianshenzhidao@2x.png      |    0 
 mobile/images/icon3/ic_zizhuchongzhi@2x.png       |    0 
 mobile/images/ic_close@2x.png                     |    0 
 mobile/images/icon/课堂表现.png                       |    0 
 mobile/images/img_hexingongneng@2x.png            |    0 
 mobile/images/banner_yunying@2x.png               |    0 
 mobile/images/guanli_img_duankou@2x.png           |    0 
 mobile/images/icon/进出场.png                        |    0 
 mobile/about.html                                 |  170 
 mobile/css/smartSportsPark.css                    |  252 +
 mobile/images/icon/课程管理.png                       |    0 
 mobile/images/icon/线上商城.png                       |    0 
 mobile/images/矩形1@2x.png                          |    0 
 mobile/images/aboutus_ic_1@2x.png                 |    0 
 mobile/images/img_keshihua@2x.png                 |    0 
 mobile/images/wulian_img_budao@2x.png             |    0 
 mobile/smartSportsPark.html                       |  252 +
 mobile/js/nationalFitness.js                      |    0 
 mobile/images/img_quanminjianshen@2x.png          |    0 
 mobile/images/yunying_img122@2x.png               |    0 
 mobile/images/icon/财务管理(2).png                    |    0 
 mobile/alot.html                                  |  390 +
 mobile/images/icon3/ic_dingdanguanli@2x.png       |    0 
 mobile/images/img_24h@2x.png                      |    0 
 mobile/dynamicList.html                           |  183 
 mobile/images/icon/财务结算(1).png                    |    0 
 mobile/images/icon/套餐配置.png                       |    0 
 mobile/css/dynamic.css                            |  248 +
 mobile/images/icon3/ic_dingxiangfaquan@2x.png     |    0 
 mobile/images/icon/排课管理.png                       |    0 
 mobile/images/icon3/ic_tingcheshuju@2x.png        |    0 
 mobile/images/icon/我的卡包.png                       |    0 
 mobile/js/intelligentVenue.js                     |    0 
 mobile/images/ic_telephone@2x.png                 |    0 
 mobile/images/zongheguan_img_3@2x.png             |    0 
 mobile/images/zongheguan_img_8@2x.png             |    0 
 mobile/images/kongjian_img_5@2x.png               |    0 
 mobile/scenicArea.html                            |  169 
 mobile/sportsVenue.html                           |  512 ++
 mobile/images/icon3/ic_shitikabanli@2x.png        |    0 
 mobile/images/icon3/ic_xianxiagoupiao@2x.png      |    0 
 mobile/images/tiyupingtai_img_4@2x.png            |    0 
 mobile/css/intelligentVenue.css                   |  252 +
 mobile/images/icon/统计管理.png                       |    0 
 mobile/intelligentSystem.html                     |  242 +
 mobile/sportsPlatform.html                        |  170 
 mobile/dynamic.html                               |  183 
 mobile/images/home_ic_yuanma@2x.png               |    0 
 mobile/images/icon/日志管理.png                       |    0 
 mobile/images/icon3/ic_cheweiyindao@2x.png        |    0 
 mobile/images/icon3/ic_xinlijiankang@2x.png       |    0 
 mobile/images/icon/会员充值.png                       |    0 
 mobile/images/icon3/ic_zizhuquhuanshouhuan@2x.png |    0 
 mobile/images/icon3/ic_yundongtongji@2x.png       |    0 
 mobile/images/icon3/ic_jianshenditu@2x.png        |    0 
 mobile/images/icon/伴游卡.png                        |    0 
 mobile/images/icon3/ic_shourulaiyuan@2x.png       |    0 
 mobile/images/icon3/ic_vipguanli@2x.png           |    0 
 mobile/images/hexin_img_fangnishui.png            |    0 
 mobile/css/nationalFitness.css                    |  252 +
 mobile/images/ar_detail@2x.png                    |    0 
 mobile/images/guanli_ic_guanlipc@2x.png           |    0 
 mobile/images/tiyupingtai_img_3@2x.png            |    0 
 mobile/images/icon3/ic_quanjingshexiang@2x.png    |    0 
 mobile/images/icon/短信管理.png                       |    0 
 mobile/images/icon3/ic_xueyuanganli@2x.png        |    0 
 mobile/images/icon/门票售卖.png                       |    0 
 mobile/images/icon3/ic_jiankangjiance@2x.png      |    0 
 mobile/images/zongheguan_img_5@2x.png             |    0 
 mobile/images/icon3/ic_chengjigongbu@2x.png       |    0 
 mobile/css/unattended.css                         |  252 +
 mobile/images/icon3/ic_shouhuanxiaodu@2x.png      |    0 
 mobile/js/intelligentSystem.js                    |    0 
 mobile/images/solution_xiaoyua9n@2x.png           |    0 
 mobile/images/icon3/ic_zhujiaozulin@2x.png        |    0 
 mobile/images/guanli_ic_yunyingxcx@2x.png         |    0 
 mobile/images/icon/员工资料.png                       |    0 
 mobile/css/intelligentSystem1.css                 |  396 +
 mobile/images/kongjian_img_2@2x.png               |    0 
 mobile/images/icon/设备管理.png                       |    0 
 mobile/images/icon3/ic_xinxigonggao@2x.png        |    0 
 mobile/js/unmannedVenue.js                        |    0 
 mobile/images/icon3/ic_duihuandingdan@2x.png      |    0 
 mobile/images/icon/统计分析(1).png                    |    0 
 mobile/images/icon/通用消费.png                       |    0 
 mobile/index.html                                 |  364 +
 mobile/images/img_zongheguan@2x.png               |    0 
 mobile/images/icon/统计分析.png                       |    0 
 mobile/images/icon3/ic_shujufenxi@2x.png          |    0 
 mobile/images/icon3/ic_menpiaoshoumai@2x.png      |    0 
 mobile/images/guanli_ic_shanghupc@2x.png          |    0 
 mobile/images/icon3/ic_saishiguanli@2x.png        |    0 
 mobile/images/icon3/ic_daolanping@2x.png          |    0 
 mobile/images/ic_siyouhua@2x.png                  |    0 
 mobile/images/icon/财务管理.png                       |    0 
 mobile/images/icon/精彩瞬间.png                       |    0 
 mobile/images/矩形3@2x.png                          |    0 
 mobile/images/ic_cellphone@2x.png                 |    0 
 mobile/images/home_anli_lliuan@2x.png             |    0 
 mobile/images/wulian_img_zhuapai@2x.png           |    0 
 mobile/images/icon3/ic_zizhujiaofei@2x.png        |    0 
 mobile/images/img_gongyuan@2x.png                 |    0 
 mobile/images/home_img1_open@2x.png               |    0 
 mobile/images/icon/活动管理.png                       |    0 
 mobile/images/icon3/ic_chepaishibie@2x.png        |    0 
 mobile/css/swimmingSports.css                     |  252 +
 mobile/nationalFitness.html                       |  261 +
 mobile/images/icon/工单服务.png                       |    0 
 mobile/css/cooperation.css                        |  365 +
 mobile/images/img_aiot@2x.png                     |    0 
 mobile/images/icon3/ic_shuangmushexiangji@2x.png  |    0 
 mobile/images/img_bingxueguan@2x.png              |    0 
 mobile/images/zongheguan_img_4@2x.png             |    0 
 mobile/css/smartSpace.css                         |  308 +
 mobile/css/campusSports.css                       |  252 +
 mobile/images/jingqu_img_1@2x.png                 |    0 
 mobile/images/wulian_img_shouhuan@2x.png          |    0 
 mobile/css/scenicArea.css                         |  308 +
 mobile/images/home_img8@2x.png                    |    0 
 mobile/images/icon3/ic_yingbingjiqi@2x.png        |    0 
 mobile/images/icon3/ic_zhinengpaike@2x.png        |    0 
 mobile/images/img_doumee@2x.png                   |    0 
 mobile/images/icon/团购验券.png                       |    0 
 mobile/images/icon3/ic_changdiyuding@2x.png       |    0 
 mobile/images/icon3/ic_shangpinpandian@2x.png     |    0 
 mobile/images/banner_qudao@2x.png                 |    0 
 mobile/images/ic_dingzhi@2x.png                   |    0 
 mobile/images/icon/库存管理.png                       |    0 
 mobile/images/icon/打卡签到(1).png                    |    0 
 mobile/images/ic_address@2x.png                   |    0 
 mobile/js/scenicArea.js                           |    0 
 mobile/images/wulian_img_zhaji@2x.png             |    0 
 mobile/js/intelligentSystem1.js                   |    0 
 mobile/images/wuren_img_1@2x.png                  |    0 
 mobile/images/cate.png                            |    0 
 mobile/images/icon3/ic_erweimashibie@2x.png       |    0 
 mobile/images/img_changjing@2x.png                |    0 
 mobile/images/icon3/ic_quanyuhuwai@2x.png         |    0 
 mobile/images/yun1ying_img2@2x.png                |    0 
 mobile/solutionSmartVenue.html                    |  227 +
 mobile/images/icon3/ic_keliujiance@2x.png         |    0 
 mobile/images/yunying_img_caozuo@2x.png           |    0 
 mobile/images/banner_shuzhichangguan@2x.png       |    0 
 mobile/images/icon/商品管理.png                       |    0 
 mobile/images/shuzhi_img_1@2x.png                 |    0 
 mobile/js/smartSportsPark.js                      |    0 
 mobile/images/wulian_img_wurenshouhuo@2x.png      |    0 
 mobile/images/home_ic_fuwu@2x.png                 |    0 
 mobile/images/icon/缺课补课.png                       |    0 
 mobile/images/icon3/ic_zhinengzhaji@2x.png        |    0 
 mobile/images/wuren_img_2@2x.png                  |    0 
 mobile/images/icon/资金流水.png                       |    0 
 mobile/images/icon/通知公告(1).png                    |    0 
 mobile/images/icon3/ic_qiandaoxiaoke@2x.png       |    0 
 mobile/images/icon/财务结算.png                       |    0 
 mobile/images/icon3/ic_shoukuanfangshi@2x.png     |    0 
 mobile/images/icon3/ic_luxianzhiyin@2x.png        |    0 
 mobile/images/top_menu@2x.png                     |    0 
 mobile/intelligentVenue.html                      |  358 +
 mobile/images/icon3/ic_xiaoshoubaobiao@2x.png     |    0 
 mobile/images/icon3/ic_kechengguanli@2x.png       |    0 
 mobile/images/solution_wuren@2x.png               |    0 
 mobile/images/icon/设备巡检.png                       |    0 
 mobile/images/icon/账号配置.png                       |    0 
 mobile/images/icon3/ic_yingyefenlei@2x.png        |    0 
 mobile/images/img_quanzhan@2x.png                 |    0 
 mobile/images/icon3/ic_zizhuhuishou@2x.png        |    0 
 mobile/images/solution_youyongguan@2x.png         |    0 
 mobile/images/icon3/ic_aishexiangtou@2x.png       |    0 
 mobile/images/icon3/ic_dengjiquanyi@2x.png        |    0 
 mobile/images/icon/营销政策.png                       |    0 
 mobile/images/img_xiaoyuan@2x.png                 |    0 
 mobile/images/icon3/ic_jianshenquan@2x.png        |    0 
 mobile/images/icon/场地预定.png                       |    0 
 mobile/images/icon/场馆管理.png                       |    0 
 mobile/images/icon3/ic_dingdanchaxun@2x.png       |    0 
 mobile/images/zongheguan_img_6@2x.png             |    0 
 mobile/images/icon3/ic_zingweijiance@2x.png       |    0 
 mobile/images/kongjian_img_3@2x.png               |    0 
 mobile/images/icon/秒杀活动.png                       |    0 
 mobile/images/jingqu_img_3@2x.png                 |    0 
 mobile/images/icon3/ic_zhishipai@2x.png           |    0 
 mobile/images/icon/日常管理.png                       |    0 
 mobile/images/icon/套餐管理.png                       |    0 
 mobile/images/icon3/ic_jiaolianguanli@2x.png      |    0 
 mobile/images/tiyupingtai_img_2@2x.png            |    0 
 mobile/images/icon3/ic_saishizhibo@2x.png         |    0 
 mobile/images/icon/项目资料.png                       |    0 
 mobile/images/icon3/ic_lingquanzhongxin@2x.png    |    0 
 mobile/images/icon3/ic_tizhijiance@2x.png         |    0 
 mobile/images/icon3/ic_yajintuihuan@2x.png        |    0 
 mobile/images/icon/财务管理(1).png                    |    0 
 mobile/images/solution_bingxue@2x.png             |    0 
 mobile/images/icon3/ic_duoyanghuazhifu@2x.png     |    0 
 mobile/images/icon3/ic_xianshanggoupiao@2x.png    |    0 
 mobile/js/index.js                                |    0 
 mobile/images/ic_ar@2x.png                        |    0 
 mobile/images/icon3/ic_dashujuzhidao@2x.png       |    0 
 mobile/images/icon/票务管理.png                       |    0 
 mobile/images/矩形4@2x.png                          |    0 
 mobile/images/icon/专项卡.png                        |    0 
 mobile/js/sportsPlatform.js                       |    0 
 mobile/images/icon/在线购票.png                       |    0 
 mobile/images/icon/会员开卡.png                       |    0 
 mobile/images/icon3/ic_huiyuanbanli@2x.png        |    0 
 mobile/images/img_wulian@2x.png                   |    0 
 mobile/images/icon/会员营销.png                       |    0 
 mobile/images/icon3/ic_shebeizhuangtai@2x.png     |    0 
 mobile/images/icon/能耗管理.png                       |    0 
 mobile/images/icon/场地预定(1).png                    |    0 
 mobile/css/index.css                              |  618 +++
 mobile/images/icon3/ic_anquanyuanbaojing@2x.png   |    0 
 mobile/intelligentSystem1.html                    |  181 
 mobile/images/home_ic_yunwe1i@2x.png              |    0 
 mobile/images/icon/积分商城(1).png                    |    0 
 mobile/css/sportsPlatform.css                     |  308 +
 mobile/images/yunying_img2.png                    |    0 
 mobile/images/icon/领券中心.png                       |    0 
 mobile/images/icon3/ic_yunweiguanli@2x.png        |    0 
 mobile/images/icon3/ic_kechengbaoming@2x.png      |    0 
 mobile/images/wulian_img_chuwu@2x.png             |    0 
 mobile/images/icon/场区场地.png                       |    0 
 mobile/images/banner_dongtai@2x.png               |    0 
 mobile/images/jingqu_img_2@2x.png                 |    0 
 mobile/images/icon3/ic_miaoshachoujiang@2x.png    |    0 
 mobile/images/solution_24h@2x.png                 |    0 
 mobile/css/sportsVenue.css                        |  252 +
 mobile/images/icon3/ic_saishifabu@2x.png          |    0 
 mobile/css/common.css                             |    4 
 mobile/images/ar_more@2x.png                      |    0 
 mobile/images/soluti1on_zonghetiyuguan@2x.png     |    0 
 mobile/images/icon/打卡签到.png                       |    0 
 mobile/css/IceSnowSports.css                      |  252 +
 mobile/images/icon/学员管理.png                       |    0 
 mobile/images/icon3/ic_zhinenganfang@2x.png       |    0 
 mobile/images/icon3/ic_duanxintuisong@2x.png      |    0 
 mobile/images/icon3/ic_shujuchongzhi@2x.png       |    0 
 mobile/images/home_hezuo@2x.png                   |    0 
 mobile/images/icon3/ic_keshijilu@2x.png           |    0 
 mobile/images/icon3/ic_jifenguanli@2x.png         |    0 
 mobile/images/solution_img_8@2x.png               |    0 
 mobile/images/wulian_img_nishui@2x.png            |    0 
 mobile/images/icon/商品售卖.png                       |    0 
 mobile/images/icon3/ic_huodongzuzhi@2x.png        |    0 
 392 files changed, 12,290 insertions(+), 0 deletions(-)

diff --git a/mobile/IceSnowSports.html b/mobile/IceSnowSports.html
new file mode 100644
index 0000000..721688d
--- /dev/null
+++ b/mobile/IceSnowSports.html
@@ -0,0 +1,242 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/IceSnowSports.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>鍐伴洩浣撹偛鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">鍐伴洩浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鎻愪緵鍩轰簬鍐伴洩杩愬姩鐗硅壊鐨勬櫤鑳藉寲瑙e喅鏂规锛岄�傜敤浜庢粦鍐板満銆佹粦闆満绛夛紝婊¤冻鏃ュ父杩愬姩闇�姹傚強鏁欏鍩硅鍦烘櫙</div>
+            <img src="./images/img_bingxueguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鍐伴洩浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="./images/solution_bingxue@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_ticetikao@2x.png" />
+                    <span>浣撴祴浣撹��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dashujuzhidao@2x.png" />
+                    <span>澶ф暟鎹�<br />搴旂敤鎸囧</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/IceSnowSports.js"></script>
+</body>
+</html>
diff --git a/mobile/about.html b/mobile/about.html
new file mode 100644
index 0000000..211563c
--- /dev/null
+++ b/mobile/about.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鍏充簬鎴戜滑</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/about.css">
+</head>
+<body>
+<div class="box">
+    <div class="head">
+        <img class="head_logo" src="./images/top_logo@2x.png" />
+        <img class="head_menu" src="./images/top_menu@2x.png" />
+    </div>
+    <div class="banner">
+        <span class="banner_title">鍏充簬鎴戜滑 璞嗙背绉戞妧</span>
+        <span class="banner_info">鏅烘収鍦洪杩愯惀绠$悊涓�绔欏紡鏈嶅姟骞冲彴</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鍏徃浠嬬粛</div>
+        <div class="fangan_info">10+鐨勭Н绱� 鎴戜滑鍒堕�犳爣鍑� 骞朵笉鏂洿鏂版爣鍑�</div>
+        <div class="fangan_content">
+            瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃锛屾垚绔嬩簬2014骞达紝鎬婚儴浣嶄簬鍚堣偉甯傦紝鏄浗瀹堕珮鏂版妧鏈紒涓氥�佸弻杞璇佷紒涓氥�佺鍒涙澘鎸傜墝浼佷笟銆傚叕鍙镐笓娉ㄥぇ鏁版嵁銆佷簰鑱旂綉銆佺墿鑱旂綉鍙夾I娣卞害瀛︿範绛夐鍩熸妧鏈殑鍒涙柊鐮斿彂锛屾寔缁仛鐒︽暟鏅轰綋鑲插钩鍙般�佹櫤鎱т綋鑲插満棣嗐��24H鏃犱汉鍊煎畧銆佹櫙鍖烘父涔愬洯銆佺┖闂存櫤鎱х鐞嗙郴缁熶簲澶т笟鍔℃柟鍚戙��
+            鍗佸骞存潵浠ユ簮澶存妧鏈垱鏂帮紝寮曢浜т笟铻嶅悎搴旂敤锛屾瀯寤鸿捣"浜�+澶ф暟鎹�+5G+鐗╄仈缃�+AIoT"浜斾綅涓�浣撶殑绌洪棿鏅烘収鍖栬繍钀ョ鐞嗙郴缁燂紝鑷村姏涓烘枃浣撴梾琛屼笟鎻愪緵鏁村杞‖浠跺強鏅烘収鍦烘櫙瑙e喅鏂规锛屽姪鍔涘満棣嗗疄鐜板叏鍦烘櫙鏅鸿兘鍖栧崌绾ф敼閫狅紝鐩墠宸蹭负3000+鏂囦綋鏃呮彁渚涙湇鍔°��
+        </div>
+        <div class="fangan_image">
+            <img src="./images/img_doumee@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">瑕嗙洊澶氳涓氬満鏅� 婊¤冻涓嶅悓鐢ㄦ埛闇�姹�</div>
+        <div class="fangan_info" style="width: 312px;">闈㈠悜鍚勭被鍨嬩綋鑲插満棣嗐�佷紤闂插ū涔愬満鎵�鎻愪緵涓撲笟鐨勬暟鏅烘枃浣撴梾瑙e喅鏂规锛屼负鏀垮簻鍙婄浉鍏充綋鑲叉満鏋勬彁渚涗竴绔欏紡鏁版櫤浣撹偛鏈嶅姟骞冲彴鍜屽ぇ鏁版嵁鏈嶅姟</div>
+        <div class="fangan_image" style="height: 422px;">
+            <img src="./images/img_changjing@2x.png" />
+        </div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鍏徃璧勮川</div>
+        <div class="fangan_info" style="width: 312px;">10+鐨勭Н绱� 鎴戜滑鍒堕�犳爣鍑� 骞朵笉鏂洿鏂版爣鍑�</div>
+        <div class="fangan_image" style="height: 324px;">
+            <img src="./images/aboutus_img_zizhi@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #FFF6ED;">
+        <div class="fangan_title">鎴戜滑鐨勬湇鍔�</div>
+        <div class="fangan_info" style="width: 312px;">涓撲笟鏈嶅姟 鍒涢�犱环鍊�</div>
+        <div class="fangan_image" style="height: 57px;">
+            <img src="./images/wufu_ic_liuicheng@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">涓撲笟鏈嶅姟 鍏ㄧ▼璺熻繘</div>
+        <div class="fangan_info" style="width: 312px;">闈㈠悜鍚勭被鍨嬩綋鑲插満棣嗐�佷紤闂插ū涔愮┖闂存彁渚涗笓涓氫竴绔欏紡鏅烘収鍖栬В鍐虫柟妗�</div>
+        <div class="fangan_list">
+            <div class="fangan_list_item">
+                <div class="fangan_list_item_img">
+                    <img src="./images/fuwu_img_zhichi@2x.png" />
+                </div>
+                <div class="fangan_list_item_info">
+                    <span>搴旂敤鍩硅鏀寔</span>
+                    <span>鍩烘湰搴旂敤鍦烘櫙鍩硅锛屽揩閫熶笂鎵嬫搷浣滀娇鐢紱
+瀹氭湡绾夸笂鏁欏锛屾彁鍗囩鐞嗕汉鍛樹笟鍔℃妧鑳斤紱
+鏀寔绉诲姩瀛︿範锛屽晢鎴烽殢鏃堕殢鍦板挩璇㈠煿璁��</span>
+                    <img src="./images/aboutus_ic_1@2x.png" />
+                </div>
+            </div>
+            <div class="fangan_list_item">
+                <div class="fangan_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="fangan_list_item_info">
+                    <span>涓撲汉涓撻」璺熻繘</span>
+                    <span>鎶�鏈洟闃熷叏绋嬭窡杩涳紝缁欎簣涓撲笟甯姪锛�
+7*24h缁存姢锛屼繚闅滅郴缁熺ǔ瀹氳繍琛岋紱
+瀹㈡湇鍥㈤槦鍏ㄥ勾365澶╋紝鎻愪緵浼樿川鏈嶅姟銆�</span>
+                    <img src="./images/aboutus_ic_1@2x.png" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">娓犻亾鍚堜綔</div>
+        <div class="fangan_info" style="width: 312px;">鐣欎笅鎮ㄧ殑淇℃伅锛屾垜浠皢灏藉揩鑱旂郴鎮�</div>
+        <div class="fangan_form">
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>浜у搧鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <select name="fruits" id="fruits" class="select">
+                        <option value="apple">Apple</option>
+                        <option value="banana">Banana</option>
+                        <option value="cherry">Cherry</option>
+                        <option value="date">Date</option>
+                    </select>
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>濮�      鍚嶏細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勫鍚�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>鐢�      璇濓細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勭數璇�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">閭�      绠憋細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勯偖绠�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">鍗曚綅鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勫崟浣嶅悕绉�">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_title">鑱旂郴鎴戜滑</div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>0551-63450845</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_cellphone@2x.png" />
+            <span>15395136032</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_time@2x.png" />
+            <span>09:00-22:00</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+        </div>
+        <div class="footer_x"></div>
+        <div class="footer_info">
+            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+            <span>dmtt.run. All Rights Reserved</span>
+        </div>
+        <div style="width: 100%; height: 54px;"></div>
+        <div class="footer_qrcode">
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>寰俊鍏紬鍙�</span>
+            </div>
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>瀹㈡湇寰俊</span>
+            </div>
+        </div>
+        <div class="footer_lx">
+            <div class="footer_lx_left">
+                <img src="./images/ic_phone@2x.png" />
+                <span>鐢佃瘽鍜ㄨ</span>
+            </div>
+            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </div>
+    </div>
+</div>
+<script src="./js/about.js"></script>
+</body>
+</html>
diff --git a/mobile/alot.html b/mobile/alot.html
new file mode 100644
index 0000000..85063a5
--- /dev/null
+++ b/mobile/alot.html
@@ -0,0 +1,390 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>alot鐗╄仈</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/alot.css">
+</head>
+<body>
+<div class="box">
+    <div class="head">
+        <img class="head_logo" src="./images/top_logo@2x.png" />
+        <img class="head_menu" src="./images/top_menu@2x.png" />
+    </div>
+    <div class="banner">
+        <span class="banner_title">鏅烘収鐗╄仈銆佷竾鐗╀簰鑱�</span>
+        <span class="banner_info">涓撲笟鐨勬櫤鎱у満棣嗚繍钀ョ鐞嗙郴缁熷钩鍙�</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">AIoT,璁╂櫤鎱у満棣嗕笌绉戞妧铻嶅悎</div>
+        <div class="fangan_info" style="width: 202px;">鏅鸿兘鐗╄仈</div>
+        <div class="fangan_image">
+            <img src="./images/img_wulian@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">鏅鸿兘闂告満閫氶亾&闂ㄧ绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏀寔浜鸿劯/浜岀淮鐮�/鎸囩汗/韬唤璇�/IC鍗�/鎵嬬幆/鎸囬潤鑴夎瘑鍒�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>闂告満鏀寔鑷姩璁℃椂/鎵h垂/鎵f绛夎繘鍑哄満棣嗙殑娑堣垂</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>25-30浜�/鍒嗛挓锛屽揩閫熼�氳 </span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鐩存祦鏃犲埛鐢垫満鍏嶇淮鎶わ紝鍏ㄦ柊鏁板瓧瀹氫綅锛岀數瀛愰槻鎾炴満鑺�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鎴峰闃叉按锛屽彲鐩存帴闇插ぉ浣跨敤</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_zhaji@2x.png" />
+        </div>
+    </div>
+    <div class="item" style="background: #ffffff;">
+        <div class="item_title">鏅鸿兘浣撴俯鏍告煡绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>8鑻卞IPS瑙︽懜灞�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>50000寮犻潰閮ㄥぇ瀹归噺锛�1锛歂浜鸿劯璇嗗埆</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>0.3S鏋侀�熻瘑鍒紝蹇�熼�氳</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>澶氬厜璋卞鍔ㄦ�佷汉鑴歌瘑鍒�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鍙岀洰娲讳綋璇嗗埆锛岄槻鍋囦綋鏀诲嚮</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_tiwenhecha@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">鏅鸿兘瀹㈡祦缁熻绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鍙岀洰绔嬩綋瑙嗚鎶�鏈�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鍐呭祵娣卞害瀛︿範绠楁硶锛孉I鏅鸿兘瀹㈡祦鎽勫儚鏈�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>400涓囧儚绱� CMOS浼犳劅鍣�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鍐呯疆WiFi澶╃嚎锛屾棤绾夸紶杈撹窛绂讳笉浣庝簬80绫�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>瀹㈡祦缁熻鍑嗙‘鐜囦笉灏忎簬99%</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏀寔寰樺緤鎺掗櫎鍔熻兘</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_keliutongji@2x.png" />
+        </div>
+    </div>
+    <div class="item" style="background: #ffffff;">
+        <div class="item_title">鏅鸿兘鑷姪鍞彇绁ㄧ郴缁�</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>32.5瀵告恫鏅惰Е鎽稿睆锛屽垎杈ㄧ巼1920*1080</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鑷姪璐エ銆佸嚭绁�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏀寔浜鸿劯銆佷簩缁寸爜銆佸埛鍗¤嚜鍔╄喘绁�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浼氬憳鑷姪鍔炲崱锛屾煡璇€�佸厖鍊�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_qupiao@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">鏅鸿兘鏃犱汉闆跺敭鍞揣绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>21.5瀵歌Е灞忚嚦鑷讳綋楠�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鍒疯劯鏀粯銆佹柟渚垮揩鎹�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>寮哄姴鍔ㄥ姏锛屾寔缁亽娓�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浜戝钩鍙拌繙绋嬬鐞�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_wurenshouhuo@2x.png" />
+        </div>
+    </div>
+    <div class="item" style="background: #ffffff;">
+        <div class="item_title">鏅鸿兘鍌ㄧ墿&绉熻祦鏌滈攣绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏀寔浜鸿劯锛屾櫤鑳借繍鍔ㄦ墜鐜紝鍒峰崱銆佷簩缁寸爜銆佹寚绾圭瓑澶氱璇嗗埆鏂瑰紡</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏅鸿兘鍖栬瘑鍒紝蹇�熷紑鍏冲偍鐗╂煖&绉熻祦鏌�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浣撹偛鍣ㄦ蹇�熺璧侊紝杞绘澗杩愬姩</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏌滈攣鐘舵�佹煡鐪嬶紝鐗╁搧涓㈠け蹇�熷畾浣�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>璞嗙背璺宠烦绯荤粺闆嗘垚锛岃繍钀ョ鐞嗘洿鍔犻珮鏁�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_chuwu@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">鏅鸿兘鐏帶绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏃犱汉鍖栨帶鍒讹紝鍏ュ満鑷姩寮�鐏紝绂诲満鑷姩鍏崇伅</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鎵嬫満/PC绔繙绋嬫帶鍒讹紝楂樻晥绠$悊</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浜哄伐鏅鸿兘涓庣墿鑱旂綉鎶�鏈瀺鍚堬紝鏅烘収鍦洪绯荤粺楂樺害闆嗘垚</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_dengkong@2x.png" />
+        </div>
+    </div>
+    <div class="item" style="background: #ffffff;">
+        <div class="item_title">鏅鸿兘鑺傛按娣嬫荡绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏀寔鍒峰崱銆佹壂鐮併�佸瘑鐮併�佽摑鐗欑瓑娑堣垂鍦烘櫙锛屾柟渚块�夋嫨</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏅烘収鍦洪绯荤粺楂樺害闆嗘垚锛屼細鍛樺崱娑堣垂缁戝畾锛岃储鍔℃暟鎹竴鐩簡鐒�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏈夋晥閬垮厤姘磋祫婧愭氮璐归棶棰橈紝涓哄満棣嗚妭鐪佹垚鏈�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_jieshui@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">鏅鸿兘鎵嬬幆鑷姪绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鐩戞祴韬綋鍚勯」鎸囨爣锛屽蹇冪巼锛屽績璺筹紝琛�姘э紝琛�鍘嬶紝姝ユ暟绛夋暟鎹�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鏅鸿兘鎵嬬幆涓庝細鍛樺崱鐨勯珮搴﹂泦鎴愶紝瀹炵幇鍒峰崱杩涘嚭鍜屾秷璐圭瓑鍦烘櫙</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鐢ㄦ埛灏忕▼搴忎釜浜鸿繍鍔ㄦ暟鎹嚜鍔ㄧ敓鎴愶紝杩愬姩鎯呭喌涓�鐩簡鐒�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_shouhuan@2x.png" />
+        </div>
+    </div>
+    <div class="item" style="background: #ffffff;">
+        <div class="item_title">鏅鸿兘AI杩愬姩鎶撴媿绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鐗规湁鐨凙I浜鸿劯璇嗗埆鎶�鏈紝鑷姩鎹曟崏杩愬姩绮惧僵鐬棿</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浼氬憳绮惧僵鐬棿鑷姩鐢熸垚锛屾敮鎸佸垎浜�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_zhuapai@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">鏅鸿兘浣撴祴鍒嗘瀽绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>閫氳繃浣撹川鍋ュ悍鏁版嵁閲囬泦缁堢AI绠楁硶鍜岃韩浣撴暟鎹祴閲忚澶囷紝瀹屾垚瀵硅韩浣�30浣欓」韬綋鎸囨爣鐨勬暟鎹噰闆嗗拰鍒嗘瀽</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浣撻噸鍒嗘瀽銆丅MI鍒嗘瀽</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浣撹剛鐜囧垎鏋愩�佽倢鑲夊垎鏋�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鑲ヨ儢搴﹀垎鏋愩�佷綋鍨嬪垎鏋�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>浣撻噸鎺у埗銆佸ぇ灞忓睍绀�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_tice@2x.png" />
+        </div>
+    </div>
+    <div class="item" style="background: #ffffff;">
+        <div class="item_title">鏅鸿兘鍋ヨ韩姝ラ亾绯荤粺</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>閫氳繃钃濈墮瀹氫綅銆佷汉鑴歌瘑鍒�佸皠棰戣瘑鍒瓑鐗╄仈缃戞妧鏈紝浠ユ櫤鎱т簰鍔ㄥぇ灞忋�佹部閫旀暟鎹噰闆嗙珯涓轰富瑕佽浇浣擄紝瀹炵幇瀵硅繍鍔ㄤ汉缇ょ兢瑕嗙洊鏈嶅姟銆�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>姝ラ亾淇℃伅鏁版嵁缁熻</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>杩愬姩淇℃伅鍜岃繍鍔ㄦ帓琛屽睍绀�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>鍙鍖栫鐞�</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>澶氱鏁版嵁鎺ュ彛</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_budao@2x.png" />
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_title">闃叉汉姘寸郴缁�</div>
+        <div class="item_list">
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>閫氳繃姘翠笅鍏ㄦ柟浣嶇洃鎺у拰浜哄伐鏅鸿兘澶ф暟鎹妧鏈负鏍稿績锛屼互鈥滆嚜鍔ㄩ璀�+楂樻晥鏂芥晳+鎶�鏈槻鎺р�濈殑鎵嬫淇濋殰娓告吵鑰呯殑瀹夊叏</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>360搴﹀彲瑙嗙洃鎺ц繘琛屽叏鏂逛綅鏌ョ湅</span>
+            </div>
+            <div class="item_list_row">
+                <img src="./images/ic_gou@2x.png" />
+                <span>婧烘按瓒呰繃30绉掕嚜鍔ㄨ瘑鍒紝1绉掓姤璀�</span>
+            </div>
+        </div>
+        <div class="item_image">
+            <img src="./images/wulian_img_nishui@2x.png" />
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_title">鑱旂郴鎴戜滑</div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>0551-63450845</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_cellphone@2x.png" />
+            <span>15395136032</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_time@2x.png" />
+            <span>09:00-22:00</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+        </div>
+        <div class="footer_x"></div>
+        <div class="footer_info">
+            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+            <span>dmtt.run. All Rights Reserved</span>
+        </div>
+        <div style="width: 100%; height: 54px;"></div>
+        <div class="footer_qrcode">
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>寰俊鍏紬鍙�</span>
+            </div>
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>瀹㈡湇寰俊</span>
+            </div>
+        </div>
+        <div class="footer_lx">
+            <div class="footer_lx_left">
+                <img src="./images/ic_phone@2x.png" />
+                <span>鐢佃瘽鍜ㄨ</span>
+            </div>
+            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </div>
+    </div>
+</div>
+<script src="./js/alot.js"></script>
+</body>
+</html>
diff --git a/mobile/campusSports.html b/mobile/campusSports.html
new file mode 100644
index 0000000..d901b31
--- /dev/null
+++ b/mobile/campusSports.html
@@ -0,0 +1,233 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/campusSports.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>鏍″洯浣撹偛鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">鏍″洯浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鏀寔鏍″唴澶栦汉鍛樺垎娴併�佷竴鍗¢�氥�佸満鍦板畨鍏ㄩ璀︾瓑锛屾弧瓒虫牎鍥繍鍔ㄩ渶姹傚強鏁欏璁粌鍦烘櫙</div>
+            <img src="./images/img_xiaoyuan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鏍″洯浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="./images/solution_xiaoyua9n@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_ticetikao@2x.png" />
+                    <span>浣撴祴浣撹��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dashujuzhidao@2x.png" />
+                    <span>澶ф暟鎹�<br />搴旂敤鎸囧</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yunying_img2@12x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害骞冲彴</div>
+            <div class="item_info">
+                鎼缓绾夸笂鏈嶅姟骞冲彴锛屾敮鎸佺敤鎴峰湪绾块绾﹁鍦猴紝瀹炵幇璧勬簮楂樻晥璋冮厤
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                    <span>棰勭害璁㈠満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>娲诲姩鍏憡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanguanli@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/campusSports.js"></script>
+</body>
+</html>
diff --git a/mobile/cooperation.html b/mobile/cooperation.html
new file mode 100644
index 0000000..f88e606
--- /dev/null
+++ b/mobile/cooperation.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>娓犻亾鍚堜綔</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/cooperation.css">
+</head>
+<body>
+<div class="box">
+    <div class="head">
+        <img class="head_logo" src="./images/top_logo@2x.png" />
+        <img class="head_menu" src="./images/top_menu@2x.png" />
+    </div>
+    <div class="banner">
+        <span class="banner_title">涓撲笟鏈嶅姟涓哄鎴峰垱閫犱环鍊�</span>
+        <span class="banner_info">鍠勫銆佸姟瀹炪�佸垱鏂般�佹媴褰�</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">娓犻亾鍚堜綔</div>
+        <div class="fangan_info" style="width: 312px;">鐣欎笅鎮ㄧ殑淇℃伅锛屾垜浠皢灏藉揩鑱旂郴鎮�</div>
+        <div class="fangan_form">
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>浜у搧鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <select name="fruits" id="fruits" class="select">
+                        <option value="apple">Apple</option>
+                        <option value="banana">Banana</option>
+                        <option value="cherry">Cherry</option>
+                        <option value="date">Date</option>
+                    </select>
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>濮�      鍚嶏細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勫鍚�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>鐢�      璇濓細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勭數璇�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">閭�      绠憋細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勯偖绠�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">鍗曚綅鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" placeholder="璇疯緭鍏ユ偍鐨勫崟浣嶅悕绉�">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_title">鑱旂郴鎴戜滑</div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>0551-63450845</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_cellphone@2x.png" />
+            <span>15395136032</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_time@2x.png" />
+            <span>09:00-22:00</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+        </div>
+        <div class="footer_x"></div>
+        <div class="footer_info">
+            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+            <span>dmtt.run. All Rights Reserved</span>
+        </div>
+        <div style="width: 100%; height: 54px;"></div>
+        <div class="footer_qrcode">
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>寰俊鍏紬鍙�</span>
+            </div>
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>瀹㈡湇寰俊</span>
+            </div>
+        </div>
+        <div class="footer_lx">
+            <div class="footer_lx_left">
+                <img src="./images/ic_phone@2x.png" />
+                <span>鐢佃瘽鍜ㄨ</span>
+            </div>
+            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </div>
+    </div>
+</div>
+<script src="./js/cooperation.js"></script>
+</body>
+</html>
diff --git a/mobile/css/IceSnowSports.css b/mobile/css/IceSnowSports.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/IceSnowSports.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/about.css b/mobile/css/about.css
new file mode 100644
index 0000000..8f362bc
--- /dev/null
+++ b/mobile/css/about.css
@@ -0,0 +1,365 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_aboutus@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_content {
+    width: 100%;
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 30px;
+ }
+.fangan_list_item {
+    width: 100%;
+    height: 119px;
+    display: flex;
+    align-items: center;
+    background-color: #ffffff;
+    margin-bottom: 20px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.fangan_list_item_img {
+    flex-shrink: 0;
+    width: 104px;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.fangan_list_item_info {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    box-sizing: border-box;
+    position: relative;
+}
+.fangan_list_item_info span:nth-child(1) {
+    font-weight: 600;
+    font-size: 15px;
+    color: #222222;
+}
+.fangan_list_item_info span:nth-child(2) {
+    font-weight: 400;
+    font-size: 11px;
+    color: #7B7F87;
+}
+.fangan_list_item_info img {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    width: 28px;
+    height: 7px;
+}
+.fangan_list_item_img img {
+    width: 100%;
+}
+.fangan_image {
+    width: 100%;
+    height: 133px;
+    margin-top: 19px;
+}
+.fangan_image img {
+    width: 100%;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.item {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 30px 20px;
+    box-sizing: border-box;
+    background: #F8FAFF;
+}
+.item_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.item_list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-top: 27px;
+}
+.item_list_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+}
+.item_list_row:last-child {
+    margin: 0 !important;
+}
+.item_list_row img {
+    width: 13px;
+    height: 11px;
+    margin-right: 8px;
+}
+.item_list_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #222222;
+}
+.item_image {
+    width: 300px;
+    margin-top: 23px;
+}
+.item_image img {
+    width: 100%;
+}
+.fangan_form {
+    width: 100%;
+    margin-top: 24px;
+}
+.fangan_form_item {
+    width: 100%;
+    height: 42px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 18px;
+}
+.fangan_form_item:last-child {
+    margin: 0 !important;
+}
+.fangan_form_item_label {
+    flex-shrink: 0;
+    width: 90px;
+    font-weight: 500;
+    font-size: 15px;
+    color: #222222;
+}
+.fangan_form_item_label b {
+    font-weight: 500;
+    font-size: 16px;
+    color: #E60000;
+}
+.fangan_form_item_val {
+    flex: 1;
+    height: 100%;
+}
+.input {
+    width: 100%;
+    height: 100%;
+    padding: 0 20px;
+    box-sizing: border-box;
+    outline: none;
+    border-radius: 4px;
+    border: 1px solid #D8D8D8;
+}
+.select {
+    width: 100%;
+    height: 100%;
+    outline: none;
+    padding: 0 20px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    border: 1px solid #D8D8D8;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/alot.css b/mobile/css/alot.css
new file mode 100644
index 0000000..2e37bbb
--- /dev/null
+++ b/mobile/css/alot.css
@@ -0,0 +1,263 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_wulian@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+
+.fangan_image {
+    width: 100%;
+    height: 321px;
+    margin-top: 17px;
+}
+.fangan_image img {
+    width: 100%;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_tu {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 20px;
+}
+.item {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 30px 20px;
+    box-sizing: border-box;
+    background: #F8FAFF;
+}
+.item_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.item_list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-top: 27px;
+}
+.item_list_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+}
+.item_list_row:last-child {
+    margin: 0 !important;
+}
+.item_list_row img {
+    width: 13px;
+    height: 11px;
+    margin-right: 8px;
+}
+.item_list_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #222222;
+}
+.item_image {
+    width: 300px;
+    margin-top: 23px;
+}
+.item_image img {
+    width: 100%;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/campusSports.css b/mobile/css/campusSports.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/campusSports.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/common.css b/mobile/css/common.css
new file mode 100644
index 0000000..7e8fc1c
--- /dev/null
+++ b/mobile/css/common.css
@@ -0,0 +1,4 @@
+html,body {
+    margin: 0;
+    padding: 0;
+}
diff --git a/mobile/css/cooperation.css b/mobile/css/cooperation.css
new file mode 100644
index 0000000..393d45c
--- /dev/null
+++ b/mobile/css/cooperation.css
@@ -0,0 +1,365 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_qudao@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_content {
+    width: 100%;
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 30px;
+ }
+.fangan_list_item {
+    width: 100%;
+    height: 119px;
+    display: flex;
+    align-items: center;
+    background-color: #ffffff;
+    margin-bottom: 20px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.fangan_list_item_img {
+    flex-shrink: 0;
+    width: 104px;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.fangan_list_item_info {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    box-sizing: border-box;
+    position: relative;
+}
+.fangan_list_item_info span:nth-child(1) {
+    font-weight: 600;
+    font-size: 15px;
+    color: #222222;
+}
+.fangan_list_item_info span:nth-child(2) {
+    font-weight: 400;
+    font-size: 11px;
+    color: #7B7F87;
+}
+.fangan_list_item_info img {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    width: 28px;
+    height: 7px;
+}
+.fangan_list_item_img img {
+    width: 100%;
+}
+.fangan_image {
+    width: 100%;
+    height: 133px;
+    margin-top: 19px;
+}
+.fangan_image img {
+    width: 100%;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.item {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 30px 20px;
+    box-sizing: border-box;
+    background: #F8FAFF;
+}
+.item_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.item_list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-top: 27px;
+}
+.item_list_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+}
+.item_list_row:last-child {
+    margin: 0 !important;
+}
+.item_list_row img {
+    width: 13px;
+    height: 11px;
+    margin-right: 8px;
+}
+.item_list_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #222222;
+}
+.item_image {
+    width: 300px;
+    margin-top: 23px;
+}
+.item_image img {
+    width: 100%;
+}
+.fangan_form {
+    width: 100%;
+    margin-top: 24px;
+}
+.fangan_form_item {
+    width: 100%;
+    height: 42px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 18px;
+}
+.fangan_form_item:last-child {
+    margin: 0 !important;
+}
+.fangan_form_item_label {
+    flex-shrink: 0;
+    width: 90px;
+    font-weight: 500;
+    font-size: 15px;
+    color: #222222;
+}
+.fangan_form_item_label b {
+    font-weight: 500;
+    font-size: 16px;
+    color: #E60000;
+}
+.fangan_form_item_val {
+    flex: 1;
+    height: 100%;
+}
+.input {
+    width: 100%;
+    height: 100%;
+    padding: 0 20px;
+    box-sizing: border-box;
+    outline: none;
+    border-radius: 4px;
+    border: 1px solid #D8D8D8;
+}
+.select {
+    width: 100%;
+    height: 100%;
+    outline: none;
+    padding: 0 20px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    border: 1px solid #D8D8D8;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/details.css b/mobile/css/details.css
new file mode 100644
index 0000000..43447cf
--- /dev/null
+++ b/mobile/css/details.css
@@ -0,0 +1,23 @@
+.box {
+    width: 100%;
+    padding: 11px 15px;
+    box-sizing: border-box;
+}
+.box_title {
+    width: 100%;
+    font-weight: bold;
+    font-size: 20px;
+    color: #191B1F;
+}
+.box_date {
+    font-weight: 400;
+    font-size: 12px;
+    color: #7B7F87;
+    margin-top: 10px;
+}
+.box_x {
+    width: 100%;
+    height: 1px;
+    background-color: #E5E5E5;
+    margin: 16px 0;
+}
diff --git a/mobile/css/dynamic.css b/mobile/css/dynamic.css
new file mode 100644
index 0000000..d6b15e2
--- /dev/null
+++ b/mobile/css/dynamic.css
@@ -0,0 +1,248 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_dongtai@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.item {
+    width: 100%;
+    padding: 20px 15px;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_head {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.item_head_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.item_head_to {
+    display: flex;
+    align-items: center;
+}
+.item_head_to span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #9196A1;
+    margin-right: 4px;
+}
+.item_head_to img {
+    width: 5px;
+    height: 10px;
+}
+.item_list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.item_list_item {
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 15px;
+}
+.item_list_item_img {
+    flex-shrink: 0;
+    width: 106px;
+    height: 80px;
+    overflow: hidden;
+    border-radius: 8px;
+    margin-right: 12px;
+}
+.item_list_item_img img {
+    width: 100%;
+}
+.item_list_item_info {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.item_list_item_info span:nth-child(1) {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_list_item_info span:nth-child(2) {
+    font-weight: 400;
+    font-size: 12px;
+    color: #7B7F87;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/dynamicList.css b/mobile/css/dynamicList.css
new file mode 100644
index 0000000..6bdb585
--- /dev/null
+++ b/mobile/css/dynamicList.css
@@ -0,0 +1,171 @@
+.box {
+    width: 100%;
+}
+
+.item {
+    width: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_head {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.item_list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.item_list_item {
+    width: 100%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 15px;
+}
+.item_list_item_img {
+    flex-shrink: 0;
+    width: 106px;
+    height: 80px;
+    overflow: hidden;
+    border-radius: 8px;
+    margin-right: 12px;
+}
+.item_list_item_img img {
+    width: 100%;
+}
+.item_list_item_info {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.item_list_item_info span:nth-child(1) {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_list_item_info span:nth-child(2) {
+    font-weight: 400;
+    font-size: 12px;
+    color: #7B7F87;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/index.css b/mobile/css/index.css
new file mode 100644
index 0000000..fae82a9
--- /dev/null
+++ b/mobile/css/index.css
@@ -0,0 +1,618 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_box {
+    width: 100%;
+    height: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.head_menus {
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    height: calc(100vh - 44px);
+    position: absolute;
+    top: 44px;
+    left: 0;
+    z-index: 9;
+    background-color: #F5F5F5;
+    overflow-y: scroll;
+}
+.head_menus_item {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 15px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #DFE2E8;
+    margin-bottom: 20px;
+}
+.head_menus_item:last-child {
+    margin: 0 !important;
+}
+.menus_top {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.menus_top_left {
+    display: flex;
+    align-items: center;
+}
+.menus_top_left_x {
+    width: 3px;
+    height: 15px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-right: 10px;
+}
+.menus_top_left span {
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.menus_top img {
+    width: 7px;
+    height: 14px;
+}
+.menus_list {
+    width: 100%;
+    margin-top: 15px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.menus_list_item {
+    width: 49%;
+    height: 47px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 14px;
+    color: #222222;
+    margin-top: 10px;
+}
+.menus_list_item:nth-child(1) {
+    margin-top: 0 !important;
+}
+.menus_list_item:nth-child(2) {
+    margin-top: 0 !important;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/home_banner@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_image {
+    width: 100%;
+    height: 115px;
+    margin-top: 20px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.swiper-container {
+    width: 100%;
+    height: 210px;
+    margin-top: 20px;
+}
+.swiper-slide {
+    padding: 15px;
+    box-sizing: border-box;
+    border-radius: 8px;
+    background-image: url("../images/home_img1_open@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+}
+.swiper-slide-title {
+    font-weight: bold;
+    font-size: 16px;
+    color: #FFFFFF;
+    text-shadow: 0px 2px 4px rgba(0,0,0,0.7);
+}
+.swiper-slide-x {
+    width: 32px;
+    height: 3px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin: 10px 0;
+}
+.swiper-slide-info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    text-shadow: 0px 2px 4px rgba(0,0,0,0.7);
+}
+.yunwei {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #FFF6ED;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.yunwei_list {
+    width: 100%;
+    margin-top: 20px;
+}
+.yunwei_list_item {
+    width: 100%;
+    height: 341px;
+    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.08);
+    border-radius: 8px;
+    overflow: hidden;
+    background-color: #ffffff;
+    margin-bottom: 15px;
+}
+.yunwei_list_item:last-child {
+    margin: 0 !important;
+}
+.yunwei_list_item_image {
+    width: 100%;
+    height: 180px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.yunwei_list_item_image image {
+    width: 100%;
+}
+.yunwei_list_item_info {
+    width: 100%;
+    height: calc(100% - 180px);
+    padding: 20px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.yunwei_top {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.yunwei_top_left {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+.yunwei_top_left_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.yunwei_top_left_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #9196A1;
+}
+.yunwei_top_right {
+    flex-shrink: 0;
+    width: 54px;
+    margin-left: 38px;
+}
+.yunwei_top_right img {
+    width: 54px;
+    height: 54px;
+}
+.yunwei_bottom {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.yunwei_bottom span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #FF7900;
+}
+.yunwei_bottom img {
+    width: 13px;
+    height: 13px;
+    margin-left: 6px;
+}
+.cate {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #E5E5E5;
+    margin-top: 15px;
+}
+.cate_row {
+    flex: 1;
+    padding: 11px 0;
+    text-align: center;
+    font-weight: 400;
+    font-size: 14px;
+    color: #333333;
+}
+.active {
+    color: #FF7900 !important;
+    font-weight: 600 !important;
+    border-bottom: 2px solid #FF7900 !important;
+}
+.tupian {
+    width: 100%;
+    padding: 0 30px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 20px;
+    flex-direction: column;
+}
+.tupian img {
+    width: 250px;
+    height: 178px;
+}
+.tupian_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-top: 24px;
+}
+.tupian_info_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.tupian_info_list {
+    width: 100%;
+    margin-top: 16px;
+}
+.tupian_info_list_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-bottom: 12px;
+}
+.tupian_info_list_row:last-child {
+    margin-bottom: 0 !important;
+}
+.tupian_info_list_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 10px;
+}
+.tupian_info_list_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #333333;
+}
+.youshi {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-top: 20px;
+}
+.youshi_item {
+    width: 100%;
+    padding: 12px 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    background: linear-gradient( 270deg, #FFFFFF 0%, #FFF4EA 100%);
+    border-radius: 4px;
+    margin-bottom: 10px;
+}
+.youshi_item:last-child {
+    margin: 0 !important;
+}
+.youshi_item img {
+    width: 34px;
+    height: 34px;
+    margin-right: 12px;
+}
+.youshi_item_title {
+    font-weight: bold;
+    font-size: 15px;
+    color: #191B1F;
+    margin-right: 13px;
+}
+.youshi_item_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+}
+.fangan_new {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-top: 20px;
+}
+.fangan_new_item {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+}
+.fangan_new_item:last-child {
+    margin-bottom: 0 !important;
+}
+.fangan_new_item_image {
+    width: 106px;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
+    margin-right: 10px;
+}
+.fangan_new_item_image img {
+    width: 100%;
+}
+.fangan_new_item_info {
+    flex: 1;
+    height: 80px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.fangan_new_item_info span:nth-child(1) {
+    font-weight: 500;
+    font-size: 15px;
+    color: #191B1F;
+}
+.fangan_new_item_info span:nth-child(2) {
+    font-weight: 400;
+    font-size: 12px;
+    color: #7B7F87;
+}
+.swiper-container1 {
+    width: 100%;
+    height: 300px;
+    margin-top: 20px;
+    overflow: hidden;
+}
+.swiper-container1 .swiper-slide {
+    width: 100%;
+    height: 296px;
+    padding: 0 !important;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #FFFFFF;
+    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.08);
+}
+.swiper-container1 .swiper-slide .anli_head {
+    width: 100%;
+    height: 164px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.swiper-container1 .swiper-slide .anli_head img {
+    width: 100%;
+}
+.swiper-container1 .swiper-slide .anli_info {
+    width: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+}
+.swiper-container1 .swiper-slide .anli_info_title {
+    font-weight: 500;
+    font-size: 15px;
+    color: #191B1F;
+}
+.swiper-container1 .swiper-slide .anli_info_desc {
+    font-weight: 400;
+    font-size: 12px;
+    color: #9196A1;
+    margin-top: 12px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/intelligentSystem.css b/mobile/css/intelligentSystem.css
new file mode 100644
index 0000000..9fa25fa
--- /dev/null
+++ b/mobile/css/intelligentSystem.css
@@ -0,0 +1,449 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_yunying@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+
+.cate {
+    width: 100%;
+    height: 49px;
+    display: flex;
+    align-items: center;
+    background: #FFF5EC;
+}
+.cate_item {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 14px;
+    color: #333333;
+}
+.active {
+    border-bottom: 2px solid #FF7900 !important;
+    color: #FF7900 !important;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_tu {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 20px;
+}
+.fangan_tu_image {
+    width: 100%;
+    height: 194px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 25px;
+}
+.fangan_tu_image img {
+    width: 100%;
+}
+.fangan_tu_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_tu_list_item {
+    width: 33.3%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    margin-bottom: 20px;
+}
+.fangan_tu_list_item img {
+    width: 40px;
+    height: 40px;
+}
+.fangan_tu_list_item span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #222222;
+}
+.fangan_num {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 12px;
+}
+.fangan_num_item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_num_item_top {
+    display: flex;
+    align-items: baseline;
+}
+.fangan_num_item_top span:nth-child(1) {
+    font-weight: 600;
+    font-size: 22px;
+    color: #FF7900;
+}
+.fangan_num_item_top span:nth-child(2) {
+    font-weight: 400;
+    font-size: 10px;
+    color: #666666;
+}
+.fangan_num_item_name {
+    font-weight: 400;
+    font-size: 12px;
+    color: #191B1F;
+    margin-top: 2px;
+}
+.fangan_num_datu {
+    width: 100%;
+    height: 156px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 14px;
+}
+.fangan_num_datu img {
+    width: 100%;
+}
+.fangan_cates {
+    width: 100%;
+    height: 50px;
+    padding: 0 18px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    overflow-y: scroll;
+    border-bottom: 1px solid #E5E5E5;
+    margin-top: 10px;
+}
+.fangan_cates_item {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 14px;
+    color: #333333;
+    margin-right: 35px;
+}
+.fangan_cates_item:last-child {
+    margin-right: 0 !important;
+}
+.active1 {
+    color: #FF7900 !important;
+    border-bottom: 2px solid #FF7900 !important;
+}
+.fangan_content {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    margin-top: 20px;
+}
+.fangan_content_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.fangan_content_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #7B7F87;
+    margin-top: 8px;
+}
+.fangan_content_img {
+    width: 100%;
+    height: 178px;
+    padding: 0 29px;
+    box-sizing: border-box;
+    margin-top: 20px;
+}
+.fangan_content_img img {
+    width: 100%;
+}
+.fangan_content_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_content_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_content_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_content_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_func {
+    width: 100%;
+    margin-top: 23px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_func_item {
+    width: 48%;
+    height: 120px;
+    padding: 15px;
+    box-sizing: border-box;
+    background: rgba(255,255,255,0.98);
+    box-shadow: 0px 1px 8px 0px #DFE2E8;
+    border-radius: 5px;
+}
+.fangan_func_item_top {
+    width: 100%;
+    display: flex;
+    align-items: start;
+    justify-content: space-between;
+}
+.fangan_func_item_top img:nth-child(1) {
+    width: 35px;
+    height: 35px;
+}
+.fangan_func_item_top img:nth-child(2) {
+    width: 22px;
+    height: 6px;
+}
+.fangan_func_item_title {
+    font-weight: bold;
+    font-size: 12px;
+    color: #191B1F;
+    margin-top: 6px;
+}
+.fangan_func_item_info {
+    font-weight: 400;
+    font-size: 10px;
+    color: #7B7F87;
+    margin-top: 3px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/intelligentSystem1.css b/mobile/css/intelligentSystem1.css
new file mode 100644
index 0000000..790bfbb
--- /dev/null
+++ b/mobile/css/intelligentSystem1.css
@@ -0,0 +1,396 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_yunwei@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+
+.fangan_image {
+    width: 100%;
+    height: 328px;
+    margin-top: 17px;
+}
+.fangan_image img {
+    width: 100%;
+}
+.fangan_image1 {
+    width: 100%;
+    height: 210px;
+    margin-top: 17px;
+}
+.fangan_image1 img {
+    width: 100%;
+}
+.fangan_image2 {
+    width: 100%;
+    height: 178px;
+    margin-top: 17px;
+}
+.fangan_image2 img {
+    width: 100%;
+}
+.cate {
+    width: 100%;
+    height: 49px;
+    display: flex;
+    align-items: center;
+    background: #FFF5EC;
+}
+.cate_item {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 14px;
+    color: #333333;
+}
+.active {
+    border-bottom: 2px solid #FF7900 !important;
+    color: #FF7900 !important;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_tu {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 20px;
+}
+.fangan_tu_image {
+    width: 100%;
+    height: 194px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 25px;
+}
+.fangan_tu_image img {
+    width: 100%;
+}
+.fangan_tu_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_tu_list_item {
+    width: 33.3%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    margin-bottom: 20px;
+}
+.fangan_tu_list_item img {
+    width: 40px;
+    height: 40px;
+}
+.fangan_tu_list_item span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #222222;
+}
+.fangan_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+
+.fangan_content_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_content_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_content_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_content_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_func {
+    width: 100%;
+    margin-top: 23px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_func_item {
+    width: 48%;
+    height: 120px;
+    padding: 15px;
+    box-sizing: border-box;
+    background: rgba(255,255,255,0.98);
+    box-shadow: 0px 1px 8px 0px #DFE2E8;
+    border-radius: 5px;
+}
+.fangan_func_item_top {
+    width: 100%;
+    display: flex;
+    align-items: start;
+    justify-content: space-between;
+}
+.fangan_func_item_top img:nth-child(1) {
+    width: 35px;
+    height: 35px;
+}
+.fangan_func_item_top img:nth-child(2) {
+    width: 22px;
+    height: 6px;
+}
+.fangan_func_item_title {
+    font-weight: bold;
+    font-size: 12px;
+    color: #191B1F;
+    margin-top: 6px;
+}
+.fangan_func_item_info {
+    font-weight: 400;
+    font-size: 10px;
+    color: #7B7F87;
+    margin-top: 3px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/intelligentVenue.css b/mobile/css/intelligentVenue.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/intelligentVenue.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/nationalFitness.css b/mobile/css/nationalFitness.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/nationalFitness.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/scenicArea.css b/mobile/css/scenicArea.css
new file mode 100644
index 0000000..fe75541
--- /dev/null
+++ b/mobile/css/scenicArea.css
@@ -0,0 +1,308 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_jingqu@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_image {
+    width: 100%;
+    height: 115px;
+    margin-top: 20px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 20px;
+}
+.fangan_list_item {
+    width: 100%;
+    height: 130px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    margin-bottom: 10px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.left {
+    flex-shrink: 0;
+    width: 150px;
+    height: 130px;
+    border-radius: 4px 0px 0px 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.left img {
+    height: 100%;
+}
+.right {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right_title {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.right_xian {
+    width: 20px;
+    height: 3px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-top: 6px;
+    margin-bottom: 10px;
+}
+.right_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #333333;
+}
+.fangan_list_icon {
+    position: absolute;
+    right: 15px;
+    top: 22px;
+    width: 15px;
+    height: 15px;
+}
+
+.fangan_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_list_item1 {
+    width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_list_item1 img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_list_item1 span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/smartSpace.css b/mobile/css/smartSpace.css
new file mode 100644
index 0000000..c0a7159
--- /dev/null
+++ b/mobile/css/smartSpace.css
@@ -0,0 +1,308 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_kongjian@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_image {
+    width: 100%;
+    height: 115px;
+    margin-top: 20px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 20px;
+}
+.fangan_list_item {
+    width: 100%;
+    height: 130px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    margin-bottom: 10px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.left {
+    flex-shrink: 0;
+    width: 150px;
+    height: 130px;
+    border-radius: 4px 0px 0px 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.left img {
+    height: 100%;
+}
+.right {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right_title {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.right_xian {
+    width: 20px;
+    height: 3px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-top: 6px;
+    margin-bottom: 10px;
+}
+.right_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #333333;
+}
+.fangan_list_icon {
+    position: absolute;
+    right: 15px;
+    top: 22px;
+    width: 15px;
+    height: 15px;
+}
+
+.fangan_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_list_item1 {
+    width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_list_item1 img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_list_item1 span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/smartSportsPark.css b/mobile/css/smartSportsPark.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/smartSportsPark.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/solutionSmartVenue.css b/mobile/css/solutionSmartVenue.css
new file mode 100644
index 0000000..710583e
--- /dev/null
+++ b/mobile/css/solutionSmartVenue.css
@@ -0,0 +1,308 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_shuzhichangguan@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_image {
+    width: 100%;
+    height: 115px;
+    margin-top: 20px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 20px;
+}
+.fangan_list_item {
+    width: 100%;
+    height: 130px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    margin-bottom: 10px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.left {
+    flex-shrink: 0;
+    width: 150px;
+    height: 130px;
+    border-radius: 4px 0px 0px 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.left img {
+    height: 100%;
+}
+.right {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right_title {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.right_xian {
+    width: 20px;
+    height: 3px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-top: 6px;
+    margin-bottom: 10px;
+}
+.right_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #333333;
+}
+.fangan_list_icon {
+    position: absolute;
+    right: 15px;
+    top: 22px;
+    width: 15px;
+    height: 15px;
+}
+
+.fangan_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_list_item1 {
+    width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_list_item1 img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_list_item1 span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/sportsPlatform.css b/mobile/css/sportsPlatform.css
new file mode 100644
index 0000000..3b41099
--- /dev/null
+++ b/mobile/css/sportsPlatform.css
@@ -0,0 +1,308 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_tiyupingtai@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_image {
+    width: 100%;
+    height: 115px;
+    margin-top: 20px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 20px;
+}
+.fangan_list_item {
+    width: 100%;
+    height: 130px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    margin-bottom: 10px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.left {
+    flex-shrink: 0;
+    width: 150px;
+    height: 130px;
+    border-radius: 4px 0px 0px 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.left img {
+    height: 100%;
+}
+.right {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right_title {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.right_xian {
+    width: 20px;
+    height: 3px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-top: 6px;
+    margin-bottom: 10px;
+}
+.right_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #333333;
+}
+.fangan_list_icon {
+    position: absolute;
+    right: 15px;
+    top: 22px;
+    width: 15px;
+    height: 15px;
+}
+
+.fangan_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_list_item1 {
+    width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_list_item1 img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_list_item1 span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/sportsVenue.css b/mobile/css/sportsVenue.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/sportsVenue.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/swimmingSports.css b/mobile/css/swimmingSports.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/swimmingSports.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/swiper.min.css b/mobile/css/swiper.min.css
new file mode 100644
index 0000000..474d9d9
--- /dev/null
+++ b/mobile/css/swiper.min.css
@@ -0,0 +1,15 @@
+/**
+ * Swiper 3.4.2
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ *
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2017, Vladimir Kharlampidi
+ * The iDangero.us
+ * http://www.idangero.us/
+ *
+ * Licensed under MIT
+ *
+ * Released on: March 10, 2017
+ */
+.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
diff --git a/mobile/css/unattended.css b/mobile/css/unattended.css
new file mode 100644
index 0000000..99cd998
--- /dev/null
+++ b/mobile/css/unattended.css
@@ -0,0 +1,252 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    background: #F8F9FB;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.banner img {
+    width: 345px;
+    height: 173px;
+    margin-top: 20px;
+}
+.lanmu {
+    width: 100%;
+    height: 70px;
+}
+.item {
+    width: 100%;
+    padding: 24px 0;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.item_title {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.item_info {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 11px;
+}
+.item_list {
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.item_list_item {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 15px;
+}
+.item_list_item img {
+    width: 44px;
+    height: 44px;
+}
+.item_list_item span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.item_image {
+    width: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    margin-top: 5px;
+}
+.gengduo {
+    width: 100%;
+    padding: 24px 17px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+}
+.gengduo_title {
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.gengduo_info {
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+    text-align: center;
+}
+.gengduo img {
+    width: 100%;
+    margin-top: 13px;
+}
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/css/unmannedVenue.css b/mobile/css/unmannedVenue.css
new file mode 100644
index 0000000..9fc539d
--- /dev/null
+++ b/mobile/css/unmannedVenue.css
@@ -0,0 +1,308 @@
+.box {
+    width: 100%;
+}
+.head {
+    width: 100%;
+    height: 44px;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.banner {
+    width: 100%;
+    height: 211px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-image: url("../images/banner_24h@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+.banner_title {
+    font-weight: bold;
+    font-size: 25px;
+    color: #191B1F;
+}
+.banner_info {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+.banner_btn {
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan {
+    width: 100%;
+    padding: 24px 15px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.fangan_title {
+    width: 100%;
+    text-align: center;
+    font-weight: 600;
+    font-size: 18px;
+    color: #191B1F;
+}
+.fangan_info {
+    width: 209px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 11px;
+    color: #9196A1;
+    margin-top: 10px;
+}
+.fangan_image {
+    width: 100%;
+    height: 115px;
+    margin-top: 20px;
+}
+.fangan_btn {
+    margin: 0 auto;
+    width: 72px;
+    height: 27px;
+    line-height: 27px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+    border-radius: 18px;
+    font-weight: 400;
+    font-size: 12px;
+    color: #FFFFFF;
+    margin-top: 20px;
+}
+.fangan_list {
+    width: 100%;
+    margin-top: 20px;
+}
+.fangan_list_item {
+    width: 100%;
+    height: 130px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    margin-bottom: 10px;
+}
+.fangan_list_item:last-child {
+    margin: 0 !important;
+}
+.left {
+    flex-shrink: 0;
+    width: 150px;
+    height: 130px;
+    border-radius: 4px 0px 0px 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+.left img {
+    height: 100%;
+}
+.right {
+    flex: 1;
+    height: 100%;
+    padding: 15px;
+    box-sizing: border-box;
+}
+.right_title {
+    font-weight: 500;
+    font-size: 16px;
+    color: #191B1F;
+}
+.right_xian {
+    width: 20px;
+    height: 3px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-top: 6px;
+    margin-bottom: 10px;
+}
+.right_info {
+    font-weight: 400;
+    font-size: 12px;
+    color: #333333;
+}
+.fangan_list_icon {
+    position: absolute;
+    right: 15px;
+    top: 22px;
+    width: 15px;
+    height: 15px;
+}
+
+.fangan_list {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.fangan_list_item1 {
+    width: 20%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+}
+.fangan_list_item1 img {
+    width: 44px;
+    height: 44px;
+}
+.fangan_list_item1 span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #191B1F;
+    margin-top: 10px;
+}
+
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}
diff --git a/mobile/details.html b/mobile/details.html
new file mode 100644
index 0000000..a601848
--- /dev/null
+++ b/mobile/details.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>琛屼笟璧勮</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/details.css">
+</head>
+<body>
+    <div class="box">
+        <div class="box_title">浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</div>
+        <div class="box_date">琛屼笟璧勮锝�2025骞�4鏈�20鏃� 12:00:00</div>
+        <div class="box_x"></div>
+        <div class="box_content">瀵屾枃鏈�</div>
+    </div>
+    <script src="./js/details.js"></script>
+</body>
+</html>
diff --git a/mobile/dynamic.html b/mobile/dynamic.html
new file mode 100644
index 0000000..dff76c0
--- /dev/null
+++ b/mobile/dynamic.html
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鏈�鏂板姩鎬�</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/dynamic.css">
+</head>
+<body>
+<div class="box">
+    <div class="head">
+        <img class="head_logo" src="./images/top_logo@2x.png" />
+        <img class="head_menu" src="./images/top_menu@2x.png" />
+    </div>
+    <div class="banner">
+        <span class="banner_title">鏈�鏂板姩鎬� 涓庢偍鍒嗕韩</span>
+        <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="item">
+        <div class="item_head">
+            <div class="item_head_title">琛屼笟璧勮</div>
+            <div class="item_head_to">
+                <span>鏌ョ湅鏇村</span>
+                <img src="./images/ar_more@2x.png" />
+            </div>
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="item" style="background: #F8FAFF;">
+        <div class="item_head">
+            <div class="item_head_title">杩愯惀缁忛獙</div>
+            <div class="item_head_to">
+                <span>鏌ョ湅鏇村</span>
+                <img src="./images/ar_more@2x.png" />
+            </div>
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_head">
+            <div class="item_head_title">鍔熻兘浠嬬粛</div>
+            <div class="item_head_to">
+                <span>鏌ョ湅鏇村</span>
+                <img src="./images/ar_more@2x.png" />
+            </div>
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="item" style="background: #F8FAFF;">
+        <div class="item_head">
+            <div class="item_head_title">甯傚満淇℃伅</div>
+            <div class="item_head_to">
+                <span>鏌ョ湅鏇村</span>
+                <img src="./images/ar_more@2x.png" />
+            </div>
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="footer">
+        <div class="footer_title">鑱旂郴鎴戜滑</div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>0551-63450845</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_cellphone@2x.png" />
+            <span>15395136032</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_time@2x.png" />
+            <span>09:00-22:00</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+        </div>
+        <div class="footer_x"></div>
+        <div class="footer_info">
+            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+            <span>dmtt.run. All Rights Reserved</span>
+        </div>
+        <div style="width: 100%; height: 54px;"></div>
+        <div class="footer_qrcode">
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>寰俊鍏紬鍙�</span>
+            </div>
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>瀹㈡湇寰俊</span>
+            </div>
+        </div>
+        <div class="footer_lx">
+            <div class="footer_lx_left">
+                <img src="./images/ic_phone@2x.png" />
+                <span>鐢佃瘽鍜ㄨ</span>
+            </div>
+            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </div>
+    </div>
+</div>
+<script src="./js/dynamic.js"></script>
+</body>
+</html>
diff --git a/mobile/dynamicList.html b/mobile/dynamicList.html
new file mode 100644
index 0000000..747d652
--- /dev/null
+++ b/mobile/dynamicList.html
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>琛屼笟璧勮</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/dynamicList.css">
+</head>
+<body>
+<div class="box">
+<!--    <div class="head">-->
+<!--        <img class="head_logo" src="./images/top_logo@2x.png" />-->
+<!--        <img class="head_menu" src="./images/top_menu@2x.png" />-->
+<!--    </div>-->
+<!--    <div class="banner">-->
+<!--        <span class="banner_title">鏈�鏂板姩鎬� 涓庢偍鍒嗕韩</span>-->
+<!--        <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>-->
+<!--        <div class="banner_btn">鍜ㄨ璇︽儏</div>-->
+<!--    </div>-->
+    <div class="item">
+<!--        <div class="item_head">-->
+<!--            <div class="item_head_title">琛屼笟璧勮</div>-->
+<!--            <div class="item_head_to">-->
+<!--                <span>鏌ョ湅鏇村</span>-->
+<!--                <img src="./images/ar_more@2x.png" />-->
+<!--            </div>-->
+<!--        </div>-->
+        <div class="item_list">
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+            <div class="item_list_item">
+                <div class="item_list_item_img">
+                    <img src="./images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="item_list_item_info">
+                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                    <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                </div>
+            </div>
+        </div>
+    </div>
+<!--    <div class="item" style="background: #F8FAFF;">-->
+<!--        <div class="item_head">-->
+<!--            <div class="item_head_title">杩愯惀缁忛獙</div>-->
+<!--            <div class="item_head_to">-->
+<!--                <span>鏌ョ湅鏇村</span>-->
+<!--                <img src="./images/ar_more@2x.png" />-->
+<!--            </div>-->
+<!--        </div>-->
+<!--        <div class="item_list">-->
+<!--            <div class="item_list_item">-->
+<!--                <div class="item_list_item_img">-->
+<!--                    <img src="./images/fuwu_img_zhichi1@2x.png" />-->
+<!--                </div>-->
+<!--                <div class="item_list_item_info">-->
+<!--                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>-->
+<!--                    <span>2025骞�4鏈�20鏃� 12:00:00</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <div class="item_list_item">-->
+<!--                <div class="item_list_item_img">-->
+<!--                    <img src="./images/fuwu_img_zhichi1@2x.png" />-->
+<!--                </div>-->
+<!--                <div class="item_list_item_info">-->
+<!--                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>-->
+<!--                    <span>2025骞�4鏈�20鏃� 12:00:00</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--    </div>-->
+<!--    <div class="item">-->
+<!--        <div class="item_head">-->
+<!--            <div class="item_head_title">鍔熻兘浠嬬粛</div>-->
+<!--            <div class="item_head_to">-->
+<!--                <span>鏌ョ湅鏇村</span>-->
+<!--                <img src="./images/ar_more@2x.png" />-->
+<!--            </div>-->
+<!--        </div>-->
+<!--        <div class="item_list">-->
+<!--            <div class="item_list_item">-->
+<!--                <div class="item_list_item_img">-->
+<!--                    <img src="./images/fuwu_img_zhichi1@2x.png" />-->
+<!--                </div>-->
+<!--                <div class="item_list_item_info">-->
+<!--                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>-->
+<!--                    <span>2025骞�4鏈�20鏃� 12:00:00</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <div class="item_list_item">-->
+<!--                <div class="item_list_item_img">-->
+<!--                    <img src="./images/fuwu_img_zhichi1@2x.png" />-->
+<!--                </div>-->
+<!--                <div class="item_list_item_info">-->
+<!--                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>-->
+<!--                    <span>2025骞�4鏈�20鏃� 12:00:00</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--    </div>-->
+<!--    <div class="item" style="background: #F8FAFF;">-->
+<!--        <div class="item_head">-->
+<!--            <div class="item_head_title">甯傚満淇℃伅</div>-->
+<!--            <div class="item_head_to">-->
+<!--                <span>鏌ョ湅鏇村</span>-->
+<!--                <img src="./images/ar_more@2x.png" />-->
+<!--            </div>-->
+<!--        </div>-->
+<!--        <div class="item_list">-->
+<!--            <div class="item_list_item">-->
+<!--                <div class="item_list_item_img">-->
+<!--                    <img src="./images/fuwu_img_zhichi1@2x.png" />-->
+<!--                </div>-->
+<!--                <div class="item_list_item_info">-->
+<!--                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>-->
+<!--                    <span>2025骞�4鏈�20鏃� 12:00:00</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <div class="item_list_item">-->
+<!--                <div class="item_list_item_img">-->
+<!--                    <img src="./images/fuwu_img_zhichi1@2x.png" />-->
+<!--                </div>-->
+<!--                <div class="item_list_item_info">-->
+<!--                    <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>-->
+<!--                    <span>2025骞�4鏈�20鏃� 12:00:00</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--    </div>-->
+<!--    <div class="footer">-->
+<!--        <div class="footer_title">鑱旂郴鎴戜滑</div>-->
+<!--        <div class="footer_row">-->
+<!--            <img src="./images/ic_telephone@2x.png" />-->
+<!--            <span>0551-63450845</span>-->
+<!--        </div>-->
+<!--        <div class="footer_row">-->
+<!--            <img src="./images/ic_cellphone@2x.png" />-->
+<!--            <span>15395136032</span>-->
+<!--        </div>-->
+<!--        <div class="footer_row">-->
+<!--            <img src="./images/ic_time@2x.png" />-->
+<!--            <span>09:00-22:00</span>-->
+<!--        </div>-->
+<!--        <div class="footer_row">-->
+<!--            <img src="./images/ic_telephone@2x.png" />-->
+<!--            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>-->
+<!--        </div>-->
+<!--        <div class="footer_x"></div>-->
+<!--        <div class="footer_info">-->
+<!--            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>-->
+<!--            <span>dmtt.run. All Rights Reserved</span>-->
+<!--        </div>-->
+<!--        <div style="width: 100%; height: 54px;"></div>-->
+<!--        <div class="footer_qrcode">-->
+<!--            <div class="footer_qrcode_item">-->
+<!--                <img src="./images/home_ic_bushu@2x.png" />-->
+<!--                <span>寰俊鍏紬鍙�</span>-->
+<!--            </div>-->
+<!--            <div class="footer_qrcode_item">-->
+<!--                <img src="./images/home_ic_bushu@2x.png" />-->
+<!--                <span>瀹㈡湇寰俊</span>-->
+<!--            </div>-->
+<!--        </div>-->
+<!--        <div class="footer_lx">-->
+<!--            <div class="footer_lx_left">-->
+<!--                <img src="./images/ic_phone@2x.png" />-->
+<!--                <span>鐢佃瘽鍜ㄨ</span>-->
+<!--            </div>-->
+<!--            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>-->
+<!--        </div>-->
+<!--    </div>-->
+</div>
+<script src="./js/dynamicList.js"></script>
+</body>
+</html>
diff --git a/mobile/images/aboutus_ic_1@2x.png b/mobile/images/aboutus_ic_1@2x.png
new file mode 100644
index 0000000..7025d64
--- /dev/null
+++ b/mobile/images/aboutus_ic_1@2x.png
Binary files differ
diff --git a/mobile/images/aboutus_img_zizhi@2x.png b/mobile/images/aboutus_img_zizhi@2x.png
new file mode 100644
index 0000000..df135ed
--- /dev/null
+++ b/mobile/images/aboutus_img_zizhi@2x.png
Binary files differ
diff --git a/mobile/images/ar_detail@2x.png b/mobile/images/ar_detail@2x.png
new file mode 100644
index 0000000..f021d04
--- /dev/null
+++ b/mobile/images/ar_detail@2x.png
Binary files differ
diff --git a/mobile/images/ar_more@2x.png b/mobile/images/ar_more@2x.png
new file mode 100644
index 0000000..3c42e87
--- /dev/null
+++ b/mobile/images/ar_more@2x.png
Binary files differ
diff --git a/mobile/images/banner_24h@2x.png b/mobile/images/banner_24h@2x.png
new file mode 100644
index 0000000..f8cd479
--- /dev/null
+++ b/mobile/images/banner_24h@2x.png
Binary files differ
diff --git a/mobile/images/banner_aboutus@2x.png b/mobile/images/banner_aboutus@2x.png
new file mode 100644
index 0000000..1a2b0f0
--- /dev/null
+++ b/mobile/images/banner_aboutus@2x.png
Binary files differ
diff --git a/mobile/images/banner_dongtai@2x.png b/mobile/images/banner_dongtai@2x.png
new file mode 100644
index 0000000..c1a92c1
--- /dev/null
+++ b/mobile/images/banner_dongtai@2x.png
Binary files differ
diff --git a/mobile/images/banner_jingqu@2x.png b/mobile/images/banner_jingqu@2x.png
new file mode 100644
index 0000000..fa89497
--- /dev/null
+++ b/mobile/images/banner_jingqu@2x.png
Binary files differ
diff --git a/mobile/images/banner_kongjian@2x.png b/mobile/images/banner_kongjian@2x.png
new file mode 100644
index 0000000..7501e7d
--- /dev/null
+++ b/mobile/images/banner_kongjian@2x.png
Binary files differ
diff --git a/mobile/images/banner_qudao@2x.png b/mobile/images/banner_qudao@2x.png
new file mode 100644
index 0000000..ac45de7
--- /dev/null
+++ b/mobile/images/banner_qudao@2x.png
Binary files differ
diff --git a/mobile/images/banner_shuzhichangguan@2x.png b/mobile/images/banner_shuzhichangguan@2x.png
new file mode 100644
index 0000000..36c1310
--- /dev/null
+++ b/mobile/images/banner_shuzhichangguan@2x.png
Binary files differ
diff --git a/mobile/images/banner_tiyupingtai@2x.png b/mobile/images/banner_tiyupingtai@2x.png
new file mode 100644
index 0000000..92becd5
--- /dev/null
+++ b/mobile/images/banner_tiyupingtai@2x.png
Binary files differ
diff --git a/mobile/images/banner_wulian@2x.png b/mobile/images/banner_wulian@2x.png
new file mode 100644
index 0000000..38c0188
--- /dev/null
+++ b/mobile/images/banner_wulian@2x.png
Binary files differ
diff --git a/mobile/images/banner_yunwei@2x.png b/mobile/images/banner_yunwei@2x.png
new file mode 100644
index 0000000..2f452c6
--- /dev/null
+++ b/mobile/images/banner_yunwei@2x.png
Binary files differ
diff --git a/mobile/images/banner_yunying@2x.png b/mobile/images/banner_yunying@2x.png
new file mode 100644
index 0000000..984cab7
--- /dev/null
+++ b/mobile/images/banner_yunying@2x.png
Binary files differ
diff --git a/mobile/images/cate.png b/mobile/images/cate.png
new file mode 100644
index 0000000..4e6492a
--- /dev/null
+++ b/mobile/images/cate.png
Binary files differ
diff --git a/mobile/images/fuwu_img_zhichi1@2x.png b/mobile/images/fuwu_img_zhichi1@2x.png
new file mode 100644
index 0000000..6a453bf
--- /dev/null
+++ b/mobile/images/fuwu_img_zhichi1@2x.png
Binary files differ
diff --git a/mobile/images/fuwu_img_zhichi@2x.png b/mobile/images/fuwu_img_zhichi@2x.png
new file mode 100644
index 0000000..e39dece
--- /dev/null
+++ b/mobile/images/fuwu_img_zhichi@2x.png
Binary files differ
diff --git a/mobile/images/guanli_ic_daping@2x.png b/mobile/images/guanli_ic_daping@2x.png
new file mode 100644
index 0000000..adaf9d5
--- /dev/null
+++ b/mobile/images/guanli_ic_daping@2x.png
Binary files differ
diff --git a/mobile/images/guanli_ic_guanlipc@2x.png b/mobile/images/guanli_ic_guanlipc@2x.png
new file mode 100644
index 0000000..e5eeb2a
--- /dev/null
+++ b/mobile/images/guanli_ic_guanlipc@2x.png
Binary files differ
diff --git a/mobile/images/guanli_ic_shanghupc@2x.png b/mobile/images/guanli_ic_shanghupc@2x.png
new file mode 100644
index 0000000..82f8a9e
--- /dev/null
+++ b/mobile/images/guanli_ic_shanghupc@2x.png
Binary files differ
diff --git a/mobile/images/guanli_ic_yuding@2x.png b/mobile/images/guanli_ic_yuding@2x.png
new file mode 100644
index 0000000..4b94531
--- /dev/null
+++ b/mobile/images/guanli_ic_yuding@2x.png
Binary files differ
diff --git a/mobile/images/guanli_ic_yunyingxcx@2x.png b/mobile/images/guanli_ic_yunyingxcx@2x.png
new file mode 100644
index 0000000..c4787f4
--- /dev/null
+++ b/mobile/images/guanli_ic_yunyingxcx@2x.png
Binary files differ
diff --git a/mobile/images/guanli_img_duankou@2x.png b/mobile/images/guanli_img_duankou@2x.png
new file mode 100644
index 0000000..3b3a2cb
--- /dev/null
+++ b/mobile/images/guanli_img_duankou@2x.png
Binary files differ
diff --git a/mobile/images/hexin_img_fangnishui.png b/mobile/images/hexin_img_fangnishui.png
new file mode 100644
index 0000000..2504706
--- /dev/null
+++ b/mobile/images/hexin_img_fangnishui.png
Binary files differ
diff --git a/mobile/images/hexin_img_jifenshangcheng.png b/mobile/images/hexin_img_jifenshangcheng.png
new file mode 100644
index 0000000..9979964
--- /dev/null
+++ b/mobile/images/hexin_img_jifenshangcheng.png
Binary files differ
diff --git a/mobile/images/hexin_img_shangpinguanli.png b/mobile/images/hexin_img_shangpinguanli.png
new file mode 100644
index 0000000..43c8da1
--- /dev/null
+++ b/mobile/images/hexin_img_shangpinguanli.png
Binary files differ
diff --git a/mobile/images/home_anli_lliuan@2x.png b/mobile/images/home_anli_lliuan@2x.png
new file mode 100644
index 0000000..23c0f09
--- /dev/null
+++ b/mobile/images/home_anli_lliuan@2x.png
Binary files differ
diff --git a/mobile/images/home_banner@2x.png b/mobile/images/home_banner@2x.png
new file mode 100644
index 0000000..1fa28b6
--- /dev/null
+++ b/mobile/images/home_banner@2x.png
Binary files differ
diff --git a/mobile/images/home_hezuo@2x.png b/mobile/images/home_hezuo@2x.png
new file mode 100644
index 0000000..a9e2eea
--- /dev/null
+++ b/mobile/images/home_hezuo@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_bushu@2x.png b/mobile/images/home_ic_bushu@2x.png
new file mode 100644
index 0000000..f4a1022
--- /dev/null
+++ b/mobile/images/home_ic_bushu@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_duoduan@2x.png b/mobile/images/home_ic_duoduan@2x.png
new file mode 100644
index 0000000..8729df2
--- /dev/null
+++ b/mobile/images/home_ic_duoduan@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_fuwu@2x.png b/mobile/images/home_ic_fuwu@2x.png
new file mode 100644
index 0000000..fb3c408
--- /dev/null
+++ b/mobile/images/home_ic_fuwu@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_yuanma@2x.png b/mobile/images/home_ic_yuanma@2x.png
new file mode 100644
index 0000000..571a6d8
--- /dev/null
+++ b/mobile/images/home_ic_yuanma@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_yunwe1i@2x.png b/mobile/images/home_ic_yunwe1i@2x.png
new file mode 100644
index 0000000..0e08f00
--- /dev/null
+++ b/mobile/images/home_ic_yunwe1i@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_yunwei@2x.png b/mobile/images/home_ic_yunwei@2x.png
new file mode 100644
index 0000000..9e9d707
--- /dev/null
+++ b/mobile/images/home_ic_yunwei@2x.png
Binary files differ
diff --git a/mobile/images/home_ic_yunying@2x.png b/mobile/images/home_ic_yunying@2x.png
new file mode 100644
index 0000000..074185c
--- /dev/null
+++ b/mobile/images/home_ic_yunying@2x.png
Binary files differ
diff --git a/mobile/images/home_img1_open@2x.png b/mobile/images/home_img1_open@2x.png
new file mode 100644
index 0000000..7705cb9
--- /dev/null
+++ b/mobile/images/home_img1_open@2x.png
Binary files differ
diff --git a/mobile/images/home_img8@2x.png b/mobile/images/home_img8@2x.png
new file mode 100644
index 0000000..f447397
--- /dev/null
+++ b/mobile/images/home_img8@2x.png
Binary files differ
diff --git a/mobile/images/ic_address@2x.png b/mobile/images/ic_address@2x.png
new file mode 100644
index 0000000..6dea36f
--- /dev/null
+++ b/mobile/images/ic_address@2x.png
Binary files differ
diff --git a/mobile/images/ic_ar@2x.png b/mobile/images/ic_ar@2x.png
new file mode 100644
index 0000000..07c693c
--- /dev/null
+++ b/mobile/images/ic_ar@2x.png
Binary files differ
diff --git a/mobile/images/ic_cellphone@2x.png b/mobile/images/ic_cellphone@2x.png
new file mode 100644
index 0000000..2b1dddb
--- /dev/null
+++ b/mobile/images/ic_cellphone@2x.png
Binary files differ
diff --git a/mobile/images/ic_close@2x.png b/mobile/images/ic_close@2x.png
new file mode 100644
index 0000000..d17653d
--- /dev/null
+++ b/mobile/images/ic_close@2x.png
Binary files differ
diff --git a/mobile/images/ic_dingzhi@2x.png b/mobile/images/ic_dingzhi@2x.png
new file mode 100644
index 0000000..bf4d0a2
--- /dev/null
+++ b/mobile/images/ic_dingzhi@2x.png
Binary files differ
diff --git a/mobile/images/ic_gou@2x.png b/mobile/images/ic_gou@2x.png
new file mode 100644
index 0000000..ffc4d36
--- /dev/null
+++ b/mobile/images/ic_gou@2x.png
Binary files differ
diff --git a/mobile/images/ic_pda@2x.png b/mobile/images/ic_pda@2x.png
new file mode 100644
index 0000000..e081812
--- /dev/null
+++ b/mobile/images/ic_pda@2x.png
Binary files differ
diff --git a/mobile/images/ic_phone@2x.png b/mobile/images/ic_phone@2x.png
new file mode 100644
index 0000000..04bbd51
--- /dev/null
+++ b/mobile/images/ic_phone@2x.png
Binary files differ
diff --git a/mobile/images/ic_saas@2x.png b/mobile/images/ic_saas@2x.png
new file mode 100644
index 0000000..867845e
--- /dev/null
+++ b/mobile/images/ic_saas@2x.png
Binary files differ
diff --git a/mobile/images/ic_siyouhua@2x.png b/mobile/images/ic_siyouhua@2x.png
new file mode 100644
index 0000000..f6a0154
--- /dev/null
+++ b/mobile/images/ic_siyouhua@2x.png
Binary files differ
diff --git a/mobile/images/ic_telephone@2x.png b/mobile/images/ic_telephone@2x.png
new file mode 100644
index 0000000..ae9a580
--- /dev/null
+++ b/mobile/images/ic_telephone@2x.png
Binary files differ
diff --git a/mobile/images/ic_time@2x.png b/mobile/images/ic_time@2x.png
new file mode 100644
index 0000000..a828c42
--- /dev/null
+++ b/mobile/images/ic_time@2x.png
Binary files differ
diff --git a/mobile/images/ic_yuanma@2x.png b/mobile/images/ic_yuanma@2x.png
new file mode 100644
index 0000000..ce0a688
--- /dev/null
+++ b/mobile/images/ic_yuanma@2x.png
Binary files differ
diff --git "a/mobile/images/icon/ota\345\233\242\350\264\255.png" "b/mobile/images/icon/ota\345\233\242\350\264\255.png"
new file mode 100644
index 0000000..4e4d955
--- /dev/null
+++ "b/mobile/images/icon/ota\345\233\242\350\264\255.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\270\223\351\241\271\345\215\241.png" "b/mobile/images/icon/\344\270\223\351\241\271\345\215\241.png"
new file mode 100644
index 0000000..e1e1c09
--- /dev/null
+++ "b/mobile/images/icon/\344\270\223\351\241\271\345\215\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\272\262\345\255\220\345\215\241.png" "b/mobile/images/icon/\344\272\262\345\255\220\345\215\241.png"
new file mode 100644
index 0000000..f31464f
--- /dev/null
+++ "b/mobile/images/icon/\344\272\262\345\255\220\345\215\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\274\232\345\221\230\345\205\205\345\200\274.png" "b/mobile/images/icon/\344\274\232\345\221\230\345\205\205\345\200\274.png"
new file mode 100644
index 0000000..d055a01
--- /dev/null
+++ "b/mobile/images/icon/\344\274\232\345\221\230\345\205\205\345\200\274.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\274\232\345\221\230\345\274\200\345\215\241.png" "b/mobile/images/icon/\344\274\232\345\221\230\345\274\200\345\215\241.png"
new file mode 100644
index 0000000..fa20bbc
--- /dev/null
+++ "b/mobile/images/icon/\344\274\232\345\221\230\345\274\200\345\215\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\274\232\345\221\230\347\256\241\347\220\206.png" "b/mobile/images/icon/\344\274\232\345\221\230\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..8f4dcc1
--- /dev/null
+++ "b/mobile/images/icon/\344\274\232\345\221\230\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\274\232\345\221\230\350\220\245\351\224\200.png" "b/mobile/images/icon/\344\274\232\345\221\230\350\220\245\351\224\200.png"
new file mode 100644
index 0000000..c359654
--- /dev/null
+++ "b/mobile/images/icon/\344\274\232\345\221\230\350\220\245\351\224\200.png"
Binary files differ
diff --git "a/mobile/images/icon/\344\274\264\346\270\270\345\215\241.png" "b/mobile/images/icon/\344\274\264\346\270\270\345\215\241.png"
new file mode 100644
index 0000000..5c99150
--- /dev/null
+++ "b/mobile/images/icon/\344\274\264\346\270\270\345\215\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\220\210\345\220\214\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\220\210\345\220\214\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..c66d72d
--- /dev/null
+++ "b/mobile/images/icon/\345\220\210\345\220\214\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\221\230\345\267\245\350\265\204\346\226\231.png" "b/mobile/images/icon/\345\221\230\345\267\245\350\265\204\346\226\231.png"
new file mode 100644
index 0000000..53e27c4
--- /dev/null
+++ "b/mobile/images/icon/\345\221\230\345\267\245\350\265\204\346\226\231.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\225\206\345\223\201\345\224\256\345\215\226.png" "b/mobile/images/icon/\345\225\206\345\223\201\345\224\256\345\215\226.png"
new file mode 100644
index 0000000..e4f2fa6
--- /dev/null
+++ "b/mobile/images/icon/\345\225\206\345\223\201\345\224\256\345\215\226.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\225\206\345\223\201\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\225\206\345\223\201\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..53c8515
--- /dev/null
+++ "b/mobile/images/icon/\345\225\206\345\223\201\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\231\250\346\235\220\347\247\237\350\265\201\0501\051.png" "b/mobile/images/icon/\345\231\250\346\235\220\347\247\237\350\265\201\0501\051.png"
new file mode 100644
index 0000000..6bac93a
--- /dev/null
+++ "b/mobile/images/icon/\345\231\250\346\235\220\347\247\237\350\265\201\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\231\250\346\235\220\347\247\237\350\265\201.png" "b/mobile/images/icon/\345\231\250\346\235\220\347\247\237\350\265\201.png"
new file mode 100644
index 0000000..6bac93a
--- /dev/null
+++ "b/mobile/images/icon/\345\231\250\346\235\220\347\247\237\350\265\201.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\233\242\350\264\255\351\252\214\345\210\270.png" "b/mobile/images/icon/\345\233\242\350\264\255\351\252\214\345\210\270.png"
new file mode 100644
index 0000000..b2f42e7
--- /dev/null
+++ "b/mobile/images/icon/\345\233\242\350\264\255\351\252\214\345\210\270.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\234\250\347\272\277\350\264\255\347\245\250.png" "b/mobile/images/icon/\345\234\250\347\272\277\350\264\255\347\245\250.png"
new file mode 100644
index 0000000..5fb61cd
--- /dev/null
+++ "b/mobile/images/icon/\345\234\250\347\272\277\350\264\255\347\245\250.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\234\272\345\214\272\345\234\272\345\234\260.png" "b/mobile/images/icon/\345\234\272\345\214\272\345\234\272\345\234\260.png"
new file mode 100644
index 0000000..8eef4e6
--- /dev/null
+++ "b/mobile/images/icon/\345\234\272\345\214\272\345\234\272\345\234\260.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\234\272\345\234\260\351\242\204\345\256\232\0501\051.png" "b/mobile/images/icon/\345\234\272\345\234\260\351\242\204\345\256\232\0501\051.png"
new file mode 100644
index 0000000..69181de
--- /dev/null
+++ "b/mobile/images/icon/\345\234\272\345\234\260\351\242\204\345\256\232\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\234\272\345\234\260\351\242\204\345\256\232.png" "b/mobile/images/icon/\345\234\272\345\234\260\351\242\204\345\256\232.png"
new file mode 100644
index 0000000..69181de
--- /dev/null
+++ "b/mobile/images/icon/\345\234\272\345\234\260\351\242\204\345\256\232.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\234\272\351\246\206\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\234\272\351\246\206\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..50a2bfe
--- /dev/null
+++ "b/mobile/images/icon/\345\234\272\351\246\206\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\244\247\345\261\217\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\244\247\345\261\217\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..f9144f5
--- /dev/null
+++ "b/mobile/images/icon/\345\244\247\345\261\217\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\245\227\351\244\220\346\234\215\345\212\241.png" "b/mobile/images/icon/\345\245\227\351\244\220\346\234\215\345\212\241.png"
new file mode 100644
index 0000000..2c67bfc
--- /dev/null
+++ "b/mobile/images/icon/\345\245\227\351\244\220\346\234\215\345\212\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\245\227\351\244\220\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\245\227\351\244\220\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..348b3a5
--- /dev/null
+++ "b/mobile/images/icon/\345\245\227\351\244\220\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\245\227\351\244\220\351\205\215\347\275\256.png" "b/mobile/images/icon/\345\245\227\351\244\220\351\205\215\347\275\256.png"
new file mode 100644
index 0000000..28b5215
--- /dev/null
+++ "b/mobile/images/icon/\345\245\227\351\244\220\351\205\215\347\275\256.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\255\246\345\221\230\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\255\246\345\221\230\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..6b1c697
--- /dev/null
+++ "b/mobile/images/icon/\345\255\246\345\221\230\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\256\242\346\210\267\350\265\204\346\226\231.png" "b/mobile/images/icon/\345\256\242\346\210\267\350\265\204\346\226\231.png"
new file mode 100644
index 0000000..0f96bc7
--- /dev/null
+++ "b/mobile/images/icon/\345\256\242\346\210\267\350\265\204\346\226\231.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\256\242\346\265\201\345\210\206\346\236\220.png" "b/mobile/images/icon/\345\256\242\346\265\201\345\210\206\346\236\220.png"
new file mode 100644
index 0000000..2a91d16
--- /dev/null
+++ "b/mobile/images/icon/\345\256\242\346\265\201\345\210\206\346\236\220.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\267\245\345\215\225\346\234\215\345\212\241.png" "b/mobile/images/icon/\345\267\245\345\215\225\346\234\215\345\212\241.png"
new file mode 100644
index 0000000..fc96a3c
--- /dev/null
+++ "b/mobile/images/icon/\345\267\245\345\215\225\346\234\215\345\212\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\272\223\345\255\230\347\256\241\347\220\206.png" "b/mobile/images/icon/\345\272\223\345\255\230\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..cf47d7f
--- /dev/null
+++ "b/mobile/images/icon/\345\272\223\345\255\230\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\345\274\200\345\215\241\345\205\205\345\200\274.png" "b/mobile/images/icon/\345\274\200\345\215\241\345\205\205\345\200\274.png"
new file mode 100644
index 0000000..54061ba
--- /dev/null
+++ "b/mobile/images/icon/\345\274\200\345\215\241\345\205\205\345\200\274.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\210\221\347\232\204\345\215\241\345\214\205.png" "b/mobile/images/icon/\346\210\221\347\232\204\345\215\241\345\214\205.png"
new file mode 100644
index 0000000..eaaf832
--- /dev/null
+++ "b/mobile/images/icon/\346\210\221\347\232\204\345\215\241\345\214\205.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\210\221\347\232\204\347\272\246\347\220\203.png" "b/mobile/images/icon/\346\210\221\347\232\204\347\272\246\347\220\203.png"
new file mode 100644
index 0000000..2f16e30
--- /dev/null
+++ "b/mobile/images/icon/\346\210\221\347\232\204\347\272\246\347\220\203.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\210\277\346\200\201\347\256\241\347\220\206.png" "b/mobile/images/icon/\346\210\277\346\200\201\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..83f57da
--- /dev/null
+++ "b/mobile/images/icon/\346\210\277\346\200\201\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\211\213\347\273\255\350\264\271\350\256\242\345\215\225.png" "b/mobile/images/icon/\346\211\213\347\273\255\350\264\271\350\256\242\345\215\225.png"
new file mode 100644
index 0000000..d96f02a
--- /dev/null
+++ "b/mobile/images/icon/\346\211\213\347\273\255\350\264\271\350\256\242\345\215\225.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\211\223\345\215\241\347\255\276\345\210\260\0501\051.png" "b/mobile/images/icon/\346\211\223\345\215\241\347\255\276\345\210\260\0501\051.png"
new file mode 100644
index 0000000..da7a829
--- /dev/null
+++ "b/mobile/images/icon/\346\211\223\345\215\241\347\255\276\345\210\260\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\211\223\345\215\241\347\255\276\345\210\260.png" "b/mobile/images/icon/\346\211\223\345\215\241\347\255\276\345\210\260.png"
new file mode 100644
index 0000000..da7a829
--- /dev/null
+++ "b/mobile/images/icon/\346\211\223\345\215\241\347\255\276\345\210\260.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\216\222\350\257\276\347\256\241\347\220\206.png" "b/mobile/images/icon/\346\216\222\350\257\276\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..b2255c7
--- /dev/null
+++ "b/mobile/images/icon/\346\216\222\350\257\276\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\225\260\346\215\256\345\210\206\346\236\220.png" "b/mobile/images/icon/\346\225\260\346\215\256\345\210\206\346\236\220.png"
new file mode 100644
index 0000000..761015f
--- /dev/null
+++ "b/mobile/images/icon/\346\225\260\346\215\256\345\210\206\346\236\220.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\227\245\345\270\270\347\256\241\347\220\206.png" "b/mobile/images/icon/\346\227\245\345\270\270\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..7b1f183
--- /dev/null
+++ "b/mobile/images/icon/\346\227\245\345\270\270\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\227\245\345\277\227\347\256\241\347\220\206.png" "b/mobile/images/icon/\346\227\245\345\277\227\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..5a8bd19
--- /dev/null
+++ "b/mobile/images/icon/\346\227\245\345\277\227\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\346\264\273\345\212\250\347\256\241\347\220\206.png" "b/mobile/images/icon/\346\264\273\345\212\250\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..a37ad7a
--- /dev/null
+++ "b/mobile/images/icon/\346\264\273\345\212\250\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\202\271\351\244\220\346\234\215\345\212\241.png" "b/mobile/images/icon/\347\202\271\351\244\220\346\234\215\345\212\241.png"
new file mode 100644
index 0000000..75b12f9
--- /dev/null
+++ "b/mobile/images/icon/\347\202\271\351\244\220\346\234\215\345\212\241.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\237\255\344\277\241\347\256\241\347\220\206.png" "b/mobile/images/icon/\347\237\255\344\277\241\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..d486109
--- /dev/null
+++ "b/mobile/images/icon/\347\237\255\344\277\241\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\245\250\345\212\241\347\256\241\347\220\206.png" "b/mobile/images/icon/\347\245\250\345\212\241\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..bdab09e
--- /dev/null
+++ "b/mobile/images/icon/\347\245\250\345\212\241\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\247\222\346\235\200\346\264\273\345\212\250.png" "b/mobile/images/icon/\347\247\222\346\235\200\346\264\273\345\212\250.png"
new file mode 100644
index 0000000..1687199
--- /dev/null
+++ "b/mobile/images/icon/\347\247\222\346\235\200\346\264\273\345\212\250.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\247\257\345\210\206\345\225\206\345\237\216\0501\051.png" "b/mobile/images/icon/\347\247\257\345\210\206\345\225\206\345\237\216\0501\051.png"
new file mode 100644
index 0000000..f00359d
--- /dev/null
+++ "b/mobile/images/icon/\347\247\257\345\210\206\345\225\206\345\237\216\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\247\257\345\210\206\345\225\206\345\237\216.png" "b/mobile/images/icon/\347\247\257\345\210\206\345\225\206\345\237\216.png"
new file mode 100644
index 0000000..f00359d
--- /dev/null
+++ "b/mobile/images/icon/\347\247\257\345\210\206\345\225\206\345\237\216.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\262\276\345\275\251\347\236\254\351\227\264.png" "b/mobile/images/icon/\347\262\276\345\275\251\347\236\254\351\227\264.png"
new file mode 100644
index 0000000..32a1db5
--- /dev/null
+++ "b/mobile/images/icon/\347\262\276\345\275\251\347\236\254\351\227\264.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\272\277\344\270\212\345\225\206\345\237\216.png" "b/mobile/images/icon/\347\272\277\344\270\212\345\225\206\345\237\216.png"
new file mode 100644
index 0000000..060629e
--- /dev/null
+++ "b/mobile/images/icon/\347\272\277\344\270\212\345\225\206\345\237\216.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\273\237\350\256\241\345\210\206\346\236\220\0501\051.png" "b/mobile/images/icon/\347\273\237\350\256\241\345\210\206\346\236\220\0501\051.png"
new file mode 100644
index 0000000..d968e09
--- /dev/null
+++ "b/mobile/images/icon/\347\273\237\350\256\241\345\210\206\346\236\220\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\273\237\350\256\241\345\210\206\346\236\220.png" "b/mobile/images/icon/\347\273\237\350\256\241\345\210\206\346\236\220.png"
new file mode 100644
index 0000000..71377ff
--- /dev/null
+++ "b/mobile/images/icon/\347\273\237\350\256\241\345\210\206\346\236\220.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\273\237\350\256\241\347\256\241\347\220\206.png" "b/mobile/images/icon/\347\273\237\350\256\241\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..e765601
--- /dev/null
+++ "b/mobile/images/icon/\347\273\237\350\256\241\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\347\274\272\350\257\276\350\241\245\350\257\276.png" "b/mobile/images/icon/\347\274\272\350\257\276\350\241\245\350\257\276.png"
new file mode 100644
index 0000000..a6ce53f
--- /dev/null
+++ "b/mobile/images/icon/\347\274\272\350\257\276\350\241\245\350\257\276.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\203\275\350\200\227\347\256\241\347\220\206.png" "b/mobile/images/icon/\350\203\275\350\200\227\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..e4c063f
--- /dev/null
+++ "b/mobile/images/icon/\350\203\275\350\200\227\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\220\245\351\224\200\346\224\277\347\255\226.png" "b/mobile/images/icon/\350\220\245\351\224\200\346\224\277\347\255\226.png"
new file mode 100644
index 0000000..bd97bb4
--- /dev/null
+++ "b/mobile/images/icon/\350\220\245\351\224\200\346\224\277\347\255\226.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\256\276\345\244\207\345\267\241\346\243\200.png" "b/mobile/images/icon/\350\256\276\345\244\207\345\267\241\346\243\200.png"
new file mode 100644
index 0000000..6e79e13
--- /dev/null
+++ "b/mobile/images/icon/\350\256\276\345\244\207\345\267\241\346\243\200.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\256\276\345\244\207\347\256\241\347\220\206.png" "b/mobile/images/icon/\350\256\276\345\244\207\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..3b030cb
--- /dev/null
+++ "b/mobile/images/icon/\350\256\276\345\244\207\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\256\276\345\244\207\350\277\220\347\273\264.png" "b/mobile/images/icon/\350\256\276\345\244\207\350\277\220\347\273\264.png"
new file mode 100644
index 0000000..e4db5da
--- /dev/null
+++ "b/mobile/images/icon/\350\256\276\345\244\207\350\277\220\347\273\264.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\257\276\345\240\202\350\241\250\347\216\260.png" "b/mobile/images/icon/\350\257\276\345\240\202\350\241\250\347\216\260.png"
new file mode 100644
index 0000000..92c89e8
--- /dev/null
+++ "b/mobile/images/icon/\350\257\276\345\240\202\350\241\250\347\216\260.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\257\276\346\227\266\350\256\260\345\275\225.png" "b/mobile/images/icon/\350\257\276\346\227\266\350\256\260\345\275\225.png"
new file mode 100644
index 0000000..67cb734
--- /dev/null
+++ "b/mobile/images/icon/\350\257\276\346\227\266\350\256\260\345\275\225.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\257\276\347\250\213\347\256\241\347\220\206.png" "b/mobile/images/icon/\350\257\276\347\250\213\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..e13a248
--- /dev/null
+++ "b/mobile/images/icon/\350\257\276\347\250\213\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\257\276\347\250\213\350\241\250.png" "b/mobile/images/icon/\350\257\276\347\250\213\350\241\250.png"
new file mode 100644
index 0000000..83224b7
--- /dev/null
+++ "b/mobile/images/icon/\350\257\276\347\250\213\350\241\250.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206\0501\051.png" "b/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206\0501\051.png"
new file mode 100644
index 0000000..2090173
--- /dev/null
+++ "b/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206\0502\051.png" "b/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206\0502\051.png"
new file mode 100644
index 0000000..2090173
--- /dev/null
+++ "b/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206\0502\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206.png" "b/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..2090173
--- /dev/null
+++ "b/mobile/images/icon/\350\264\242\345\212\241\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\264\242\345\212\241\347\273\223\347\256\227\0501\051.png" "b/mobile/images/icon/\350\264\242\345\212\241\347\273\223\347\256\227\0501\051.png"
new file mode 100644
index 0000000..1be5fcb
--- /dev/null
+++ "b/mobile/images/icon/\350\264\242\345\212\241\347\273\223\347\256\227\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\264\242\345\212\241\347\273\223\347\256\227.png" "b/mobile/images/icon/\350\264\242\345\212\241\347\273\223\347\256\227.png"
new file mode 100644
index 0000000..1be5fcb
--- /dev/null
+++ "b/mobile/images/icon/\350\264\242\345\212\241\347\273\223\347\256\227.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\264\246\345\217\267\351\205\215\347\275\256.png" "b/mobile/images/icon/\350\264\246\345\217\267\351\205\215\347\275\256.png"
new file mode 100644
index 0000000..ff589e6
--- /dev/null
+++ "b/mobile/images/icon/\350\264\246\345\217\267\351\205\215\347\275\256.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\265\204\351\207\221\346\265\201\346\260\264.png" "b/mobile/images/icon/\350\265\204\351\207\221\346\265\201\346\260\264.png"
new file mode 100644
index 0000000..eac0efc
--- /dev/null
+++ "b/mobile/images/icon/\350\265\204\351\207\221\346\265\201\346\260\264.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\265\233\344\272\213\346\264\273\345\212\250.png" "b/mobile/images/icon/\350\265\233\344\272\213\346\264\273\345\212\250.png"
new file mode 100644
index 0000000..d385044
--- /dev/null
+++ "b/mobile/images/icon/\350\265\233\344\272\213\346\264\273\345\212\250.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\277\220\345\212\250\346\216\222\350\241\214.png" "b/mobile/images/icon/\350\277\220\345\212\250\346\216\222\350\241\214.png"
new file mode 100644
index 0000000..ca4bf51
--- /dev/null
+++ "b/mobile/images/icon/\350\277\220\345\212\250\346\216\222\350\241\214.png"
Binary files differ
diff --git "a/mobile/images/icon/\350\277\233\345\207\272\345\234\272.png" "b/mobile/images/icon/\350\277\233\345\207\272\345\234\272.png"
new file mode 100644
index 0000000..e2ee62a
--- /dev/null
+++ "b/mobile/images/icon/\350\277\233\345\207\272\345\234\272.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\200\200\346\254\276\350\256\260\345\275\225.png" "b/mobile/images/icon/\351\200\200\346\254\276\350\256\260\345\275\225.png"
new file mode 100644
index 0000000..08049aa
--- /dev/null
+++ "b/mobile/images/icon/\351\200\200\346\254\276\350\256\260\345\275\225.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\200\232\347\224\250\346\266\210\350\264\271.png" "b/mobile/images/icon/\351\200\232\347\224\250\346\266\210\350\264\271.png"
new file mode 100644
index 0000000..54e7b44
--- /dev/null
+++ "b/mobile/images/icon/\351\200\232\347\224\250\346\266\210\350\264\271.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\200\232\347\237\245\345\205\254\345\221\212\0501\051.png" "b/mobile/images/icon/\351\200\232\347\237\245\345\205\254\345\221\212\0501\051.png"
new file mode 100644
index 0000000..3192861
--- /dev/null
+++ "b/mobile/images/icon/\351\200\232\347\237\245\345\205\254\345\221\212\0501\051.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\200\232\347\237\245\345\205\254\345\221\212.png" "b/mobile/images/icon/\351\200\232\347\237\245\345\205\254\345\221\212.png"
new file mode 100644
index 0000000..3192861
--- /dev/null
+++ "b/mobile/images/icon/\351\200\232\347\237\245\345\205\254\345\221\212.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\205\215\347\275\256\347\256\241\347\220\206.png" "b/mobile/images/icon/\351\205\215\347\275\256\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..6fe10c3
--- /dev/null
+++ "b/mobile/images/icon/\351\205\215\347\275\256\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\227\250\347\245\250\345\224\256\345\215\226.png" "b/mobile/images/icon/\351\227\250\347\245\250\345\224\256\345\215\226.png"
new file mode 100644
index 0000000..bdab09e
--- /dev/null
+++ "b/mobile/images/icon/\351\227\250\347\245\250\345\224\256\345\215\226.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\241\271\347\233\256\350\265\204\346\226\231.png" "b/mobile/images/icon/\351\241\271\347\233\256\350\265\204\346\226\231.png"
new file mode 100644
index 0000000..900b12f
--- /dev/null
+++ "b/mobile/images/icon/\351\241\271\347\233\256\350\265\204\346\226\231.png"
Binary files differ
diff --git "a/mobile/images/icon/\351\242\206\345\210\270\344\270\255\345\277\203.png" "b/mobile/images/icon/\351\242\206\345\210\270\344\270\255\345\277\203.png"
new file mode 100644
index 0000000..a71f037
--- /dev/null
+++ "b/mobile/images/icon/\351\242\206\345\210\270\344\270\255\345\277\203.png"
Binary files differ
diff --git a/mobile/images/icon3/ic_airuanjian@2x.png b/mobile/images/icon3/ic_airuanjian@2x.png
new file mode 100644
index 0000000..569414c
--- /dev/null
+++ b/mobile/images/icon3/ic_airuanjian@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_aishexiangtou@2x.png b/mobile/images/icon3/ic_aishexiangtou@2x.png
new file mode 100644
index 0000000..c0dadcd
--- /dev/null
+++ b/mobile/images/icon3/ic_aishexiangtou@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_anquanyuanbaojing@2x.png b/mobile/images/icon3/ic_anquanyuanbaojing@2x.png
new file mode 100644
index 0000000..ebee376
--- /dev/null
+++ b/mobile/images/icon3/ic_anquanyuanbaojing@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_anquanyujing@2x.png b/mobile/images/icon3/ic_anquanyujing@2x.png
new file mode 100644
index 0000000..e5cade8
--- /dev/null
+++ b/mobile/images/icon3/ic_anquanyujing@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_banyouka@2x.png b/mobile/images/icon3/ic_banyouka@2x.png
new file mode 100644
index 0000000..b57486c
--- /dev/null
+++ b/mobile/images/icon3/ic_banyouka@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_changdiyuding@2x.png b/mobile/images/icon3/ic_changdiyuding@2x.png
new file mode 100644
index 0000000..d8c518f
--- /dev/null
+++ b/mobile/images/icon3/ic_changdiyuding@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_chengjigongbu@2x.png b/mobile/images/icon3/ic_chengjigongbu@2x.png
new file mode 100644
index 0000000..7315a17
--- /dev/null
+++ b/mobile/images/icon3/ic_chengjigongbu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_chepaishibie@2x.png b/mobile/images/icon3/ic_chepaishibie@2x.png
new file mode 100644
index 0000000..11490c4
--- /dev/null
+++ b/mobile/images/icon3/ic_chepaishibie@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_cheweiyindao@2x.png b/mobile/images/icon3/ic_cheweiyindao@2x.png
new file mode 100644
index 0000000..1419f6b
--- /dev/null
+++ b/mobile/images/icon3/ic_cheweiyindao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_cheweiyuyue@2x.png b/mobile/images/icon3/ic_cheweiyuyue@2x.png
new file mode 100644
index 0000000..e348aff
--- /dev/null
+++ b/mobile/images/icon3/ic_cheweiyuyue@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_daolanping@2x.png b/mobile/images/icon3/ic_daolanping@2x.png
new file mode 100644
index 0000000..553d7f7
--- /dev/null
+++ b/mobile/images/icon3/ic_daolanping@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_dashujuzhidao@2x.png b/mobile/images/icon3/ic_dashujuzhidao@2x.png
new file mode 100644
index 0000000..39f6bb4
--- /dev/null
+++ b/mobile/images/icon3/ic_dashujuzhidao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_dayinpingzheng@2x.png b/mobile/images/icon3/ic_dayinpingzheng@2x.png
new file mode 100644
index 0000000..a6219cd
--- /dev/null
+++ b/mobile/images/icon3/ic_dayinpingzheng@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_dengjiquanyi@2x.png b/mobile/images/icon3/ic_dengjiquanyi@2x.png
new file mode 100644
index 0000000..9d8eba2
--- /dev/null
+++ b/mobile/images/icon3/ic_dengjiquanyi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_dingdanchaxun@2x.png b/mobile/images/icon3/ic_dingdanchaxun@2x.png
new file mode 100644
index 0000000..9282cc9
--- /dev/null
+++ b/mobile/images/icon3/ic_dingdanchaxun@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_dingdanguanli@2x.png b/mobile/images/icon3/ic_dingdanguanli@2x.png
new file mode 100644
index 0000000..d3409cb
--- /dev/null
+++ b/mobile/images/icon3/ic_dingdanguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_dingxiangfaquan@2x.png b/mobile/images/icon3/ic_dingxiangfaquan@2x.png
new file mode 100644
index 0000000..5087d74
--- /dev/null
+++ b/mobile/images/icon3/ic_dingxiangfaquan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_duanxintuisong@2x.png b/mobile/images/icon3/ic_duanxintuisong@2x.png
new file mode 100644
index 0000000..c44c543
--- /dev/null
+++ b/mobile/images/icon3/ic_duanxintuisong@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_duihuandingdan@2x.png b/mobile/images/icon3/ic_duihuandingdan@2x.png
new file mode 100644
index 0000000..8345e79
--- /dev/null
+++ b/mobile/images/icon3/ic_duihuandingdan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_duoyanghuazhifu@2x.png b/mobile/images/icon3/ic_duoyanghuazhifu@2x.png
new file mode 100644
index 0000000..f43accd
--- /dev/null
+++ b/mobile/images/icon3/ic_duoyanghuazhifu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_erweimashibie@2x.png b/mobile/images/icon3/ic_erweimashibie@2x.png
new file mode 100644
index 0000000..516ad29
--- /dev/null
+++ b/mobile/images/icon3/ic_erweimashibie@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_fangnishuidaping@2x.png b/mobile/images/icon3/ic_fangnishuidaping@2x.png
new file mode 100644
index 0000000..5257a44
--- /dev/null
+++ b/mobile/images/icon3/ic_fangnishuidaping@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_gaiqiantuipiao@2x.png b/mobile/images/icon3/ic_gaiqiantuipiao@2x.png
new file mode 100644
index 0000000..6b68ca0
--- /dev/null
+++ b/mobile/images/icon3/ic_gaiqiantuipiao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_huiyuanbanli@2x.png b/mobile/images/icon3/ic_huiyuanbanli@2x.png
new file mode 100644
index 0000000..c2b8d6a
--- /dev/null
+++ b/mobile/images/icon3/ic_huiyuanbanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_huodongbaoming@2x.png b/mobile/images/icon3/ic_huodongbaoming@2x.png
new file mode 100644
index 0000000..16ab576
--- /dev/null
+++ b/mobile/images/icon3/ic_huodongbaoming@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_huodongzuzhi@2x.png b/mobile/images/icon3/ic_huodongzuzhi@2x.png
new file mode 100644
index 0000000..9c161ff
--- /dev/null
+++ b/mobile/images/icon3/ic_huodongzuzhi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jiankangjiance@2x.png b/mobile/images/icon3/ic_jiankangjiance@2x.png
new file mode 100644
index 0000000..36c345b
--- /dev/null
+++ b/mobile/images/icon3/ic_jiankangjiance@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jianshenditu@2x.png b/mobile/images/icon3/ic_jianshenditu@2x.png
new file mode 100644
index 0000000..1d1eb1d
--- /dev/null
+++ b/mobile/images/icon3/ic_jianshenditu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jianshenquan@2x.png b/mobile/images/icon3/ic_jianshenquan@2x.png
new file mode 100644
index 0000000..45780a9
--- /dev/null
+++ b/mobile/images/icon3/ic_jianshenquan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jianshenzhidao@2x.png b/mobile/images/icon3/ic_jianshenzhidao@2x.png
new file mode 100644
index 0000000..02531b2
--- /dev/null
+++ b/mobile/images/icon3/ic_jianshenzhidao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jiaolianguanli@2x.png b/mobile/images/icon3/ic_jiaolianguanli@2x.png
new file mode 100644
index 0000000..2be413e
--- /dev/null
+++ b/mobile/images/icon3/ic_jiaolianguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jifenguanli@2x.png b/mobile/images/icon3/ic_jifenguanli@2x.png
new file mode 100644
index 0000000..962eab9
--- /dev/null
+++ b/mobile/images/icon3/ic_jifenguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jifenmingxi@2x.png b/mobile/images/icon3/ic_jifenmingxi@2x.png
new file mode 100644
index 0000000..9daf43a
--- /dev/null
+++ b/mobile/images/icon3/ic_jifenmingxi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jifenshangcheng@2x.png b/mobile/images/icon3/ic_jifenshangcheng@2x.png
new file mode 100644
index 0000000..27ccc46
--- /dev/null
+++ b/mobile/images/icon3/ic_jifenshangcheng@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_jinxiaocunguanli@2x.png b/mobile/images/icon3/ic_jinxiaocunguanli@2x.png
new file mode 100644
index 0000000..1021df8
--- /dev/null
+++ b/mobile/images/icon3/ic_jinxiaocunguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_kechengbaoming@2x.png b/mobile/images/icon3/ic_kechengbaoming@2x.png
new file mode 100644
index 0000000..a59d712
--- /dev/null
+++ b/mobile/images/icon3/ic_kechengbaoming@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_kechengguanli@2x.png b/mobile/images/icon3/ic_kechengguanli@2x.png
new file mode 100644
index 0000000..f369e2d
--- /dev/null
+++ b/mobile/images/icon3/ic_kechengguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_keliufenxi@2x.png b/mobile/images/icon3/ic_keliufenxi@2x.png
new file mode 100644
index 0000000..49959a7
--- /dev/null
+++ b/mobile/images/icon3/ic_keliufenxi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_keliujiance@2x.png b/mobile/images/icon3/ic_keliujiance@2x.png
new file mode 100644
index 0000000..aaa4263
--- /dev/null
+++ b/mobile/images/icon3/ic_keliujiance@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_keshijilu@2x.png b/mobile/images/icon3/ic_keshijilu@2x.png
new file mode 100644
index 0000000..47fc1b6
--- /dev/null
+++ b/mobile/images/icon3/ic_keshijilu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_lingquanzhongxin@2x.png b/mobile/images/icon3/ic_lingquanzhongxin@2x.png
new file mode 100644
index 0000000..c75e8a6
--- /dev/null
+++ b/mobile/images/icon3/ic_lingquanzhongxin@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_luxianzhiyin@2x.png b/mobile/images/icon3/ic_luxianzhiyin@2x.png
new file mode 100644
index 0000000..a90ee70
--- /dev/null
+++ b/mobile/images/icon3/ic_luxianzhiyin@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_menpiaoshoumai@2x.png b/mobile/images/icon3/ic_menpiaoshoumai@2x.png
new file mode 100644
index 0000000..056b706
--- /dev/null
+++ b/mobile/images/icon3/ic_menpiaoshoumai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_miaoshachoujiang@2x.png b/mobile/images/icon3/ic_miaoshachoujiang@2x.png
new file mode 100644
index 0000000..412758d
--- /dev/null
+++ b/mobile/images/icon3/ic_miaoshachoujiang@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_niankacika@2x.png b/mobile/images/icon3/ic_niankacika@2x.png
new file mode 100644
index 0000000..146597e
--- /dev/null
+++ b/mobile/images/icon3/ic_niankacika@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_qiandaoxiaoke@2x.png b/mobile/images/icon3/ic_qiandaoxiaoke@2x.png
new file mode 100644
index 0000000..46e98ff
--- /dev/null
+++ b/mobile/images/icon3/ic_qiandaoxiaoke@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_qicaizulin@2x.png b/mobile/images/icon3/ic_qicaizulin@2x.png
new file mode 100644
index 0000000..c7ee7b0
--- /dev/null
+++ b/mobile/images/icon3/ic_qicaizulin@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_quanjingshexiang@2x.png b/mobile/images/icon3/ic_quanjingshexiang@2x.png
new file mode 100644
index 0000000..b5565b1
--- /dev/null
+++ b/mobile/images/icon3/ic_quanjingshexiang@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_quanyuhuwai@2x.png b/mobile/images/icon3/ic_quanyuhuwai@2x.png
new file mode 100644
index 0000000..2435f93
--- /dev/null
+++ b/mobile/images/icon3/ic_quanyuhuwai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_renlianshibie@2x.png b/mobile/images/icon3/ic_renlianshibie@2x.png
new file mode 100644
index 0000000..bf841d5
--- /dev/null
+++ b/mobile/images/icon3/ic_renlianshibie@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_saishifabu@2x.png b/mobile/images/icon3/ic_saishifabu@2x.png
new file mode 100644
index 0000000..1e40e30
--- /dev/null
+++ b/mobile/images/icon3/ic_saishifabu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_saishiguanli@2x.png b/mobile/images/icon3/ic_saishiguanli@2x.png
new file mode 100644
index 0000000..ded0a11
--- /dev/null
+++ b/mobile/images/icon3/ic_saishiguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_saishizhibo@2x.png b/mobile/images/icon3/ic_saishizhibo@2x.png
new file mode 100644
index 0000000..c893fc9
--- /dev/null
+++ b/mobile/images/icon3/ic_saishizhibo@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shangpingguanli@2x.png b/mobile/images/icon3/ic_shangpingguanli@2x.png
new file mode 100644
index 0000000..03d74f7
--- /dev/null
+++ b/mobile/images/icon3/ic_shangpingguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shangpingshoumai@2x.png b/mobile/images/icon3/ic_shangpingshoumai@2x.png
new file mode 100644
index 0000000..7237d5b
--- /dev/null
+++ b/mobile/images/icon3/ic_shangpingshoumai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shangpinpandian@2x.png b/mobile/images/icon3/ic_shangpinpandian@2x.png
new file mode 100644
index 0000000..6a26e47
--- /dev/null
+++ b/mobile/images/icon3/ic_shangpinpandian@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shebeizhuangtai@2x.png b/mobile/images/icon3/ic_shebeizhuangtai@2x.png
new file mode 100644
index 0000000..8179413
--- /dev/null
+++ b/mobile/images/icon3/ic_shebeizhuangtai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shitikabanli@2x.png b/mobile/images/icon3/ic_shitikabanli@2x.png
new file mode 100644
index 0000000..f781b0a
--- /dev/null
+++ b/mobile/images/icon3/ic_shitikabanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shouhuanxiaodu@2x.png b/mobile/images/icon3/ic_shouhuanxiaodu@2x.png
new file mode 100644
index 0000000..aaf60db
--- /dev/null
+++ b/mobile/images/icon3/ic_shouhuanxiaodu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shoukuanfangshi@2x.png b/mobile/images/icon3/ic_shoukuanfangshi@2x.png
new file mode 100644
index 0000000..6987ae5
--- /dev/null
+++ b/mobile/images/icon3/ic_shoukuanfangshi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shourulaiyuan@2x.png b/mobile/images/icon3/ic_shourulaiyuan@2x.png
new file mode 100644
index 0000000..8aee6a3
--- /dev/null
+++ b/mobile/images/icon3/ic_shourulaiyuan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shouyinjiesuan@2x.png b/mobile/images/icon3/ic_shouyinjiesuan@2x.png
new file mode 100644
index 0000000..7f6d440
--- /dev/null
+++ b/mobile/images/icon3/ic_shouyinjiesuan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shuangmushexiangji@2x.png b/mobile/images/icon3/ic_shuangmushexiangji@2x.png
new file mode 100644
index 0000000..947ca43
--- /dev/null
+++ b/mobile/images/icon3/ic_shuangmushexiangji@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shujuchongzhi@2x.png b/mobile/images/icon3/ic_shujuchongzhi@2x.png
new file mode 100644
index 0000000..25abd34
--- /dev/null
+++ b/mobile/images/icon3/ic_shujuchongzhi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shujudaping@2x.png b/mobile/images/icon3/ic_shujudaping@2x.png
new file mode 100644
index 0000000..e466b5a
--- /dev/null
+++ b/mobile/images/icon3/ic_shujudaping@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_shujufenxi@2x.png b/mobile/images/icon3/ic_shujufenxi@2x.png
new file mode 100644
index 0000000..78a9b96
--- /dev/null
+++ b/mobile/images/icon3/ic_shujufenxi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_taocanfuwu@2x.png b/mobile/images/icon3/ic_taocanfuwu@2x.png
new file mode 100644
index 0000000..f87c316
--- /dev/null
+++ b/mobile/images/icon3/ic_taocanfuwu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_taocanshoumai@2x.png b/mobile/images/icon3/ic_taocanshoumai@2x.png
new file mode 100644
index 0000000..f87c316
--- /dev/null
+++ b/mobile/images/icon3/ic_taocanshoumai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_ticetikao@2x.png b/mobile/images/icon3/ic_ticetikao@2x.png
new file mode 100644
index 0000000..9eb3718
--- /dev/null
+++ b/mobile/images/icon3/ic_ticetikao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_tingcheshuju@2x.png b/mobile/images/icon3/ic_tingcheshuju@2x.png
new file mode 100644
index 0000000..2c10706
--- /dev/null
+++ b/mobile/images/icon3/ic_tingcheshuju@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_tizhijiance@2x.png b/mobile/images/icon3/ic_tizhijiance@2x.png
new file mode 100644
index 0000000..949d095
--- /dev/null
+++ b/mobile/images/icon3/ic_tizhijiance@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_tuikuanjilu@2x.png b/mobile/images/icon3/ic_tuikuanjilu@2x.png
new file mode 100644
index 0000000..b7c386d
--- /dev/null
+++ b/mobile/images/icon3/ic_tuikuanjilu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_vipguanli@2x.png b/mobile/images/icon3/ic_vipguanli@2x.png
new file mode 100644
index 0000000..c92d93f
--- /dev/null
+++ b/mobile/images/icon3/ic_vipguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_wuliupeisong@2x.png b/mobile/images/icon3/ic_wuliupeisong@2x.png
new file mode 100644
index 0000000..397c5c6
--- /dev/null
+++ b/mobile/images/icon3/ic_wuliupeisong@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xianshanggoupiao@2x.png b/mobile/images/icon3/ic_xianshanggoupiao@2x.png
new file mode 100644
index 0000000..89f5b66
--- /dev/null
+++ b/mobile/images/icon3/ic_xianshanggoupiao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xianxiagoupiao@2x.png b/mobile/images/icon3/ic_xianxiagoupiao@2x.png
new file mode 100644
index 0000000..649d83d
--- /dev/null
+++ b/mobile/images/icon3/ic_xianxiagoupiao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xiaoshoubaobiao@2x.png b/mobile/images/icon3/ic_xiaoshoubaobiao@2x.png
new file mode 100644
index 0000000..ada1132
--- /dev/null
+++ b/mobile/images/icon3/ic_xiaoshoubaobiao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xinlijiankang@2x.png b/mobile/images/icon3/ic_xinlijiankang@2x.png
new file mode 100644
index 0000000..0b5817c
--- /dev/null
+++ b/mobile/images/icon3/ic_xinlijiankang@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xinxigonggao@2x.png b/mobile/images/icon3/ic_xinxigonggao@2x.png
new file mode 100644
index 0000000..01e86fe
--- /dev/null
+++ b/mobile/images/icon3/ic_xinxigonggao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xueyuanganli@2x.png b/mobile/images/icon3/ic_xueyuanganli@2x.png
new file mode 100644
index 0000000..599d31b
--- /dev/null
+++ b/mobile/images/icon3/ic_xueyuanganli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_xunishangpin@2x.png b/mobile/images/icon3/ic_xunishangpin@2x.png
new file mode 100644
index 0000000..8abb81e
--- /dev/null
+++ b/mobile/images/icon3/ic_xunishangpin@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yajintuihuan@2x.png b/mobile/images/icon3/ic_yajintuihuan@2x.png
new file mode 100644
index 0000000..07d6861
--- /dev/null
+++ b/mobile/images/icon3/ic_yajintuihuan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yingbingjiqi@2x.png b/mobile/images/icon3/ic_yingbingjiqi@2x.png
new file mode 100644
index 0000000..3156dc2
--- /dev/null
+++ b/mobile/images/icon3/ic_yingbingjiqi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yingyefenlei@2x.png b/mobile/images/icon3/ic_yingyefenlei@2x.png
new file mode 100644
index 0000000..b1e359c
--- /dev/null
+++ b/mobile/images/icon3/ic_yingyefenlei@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yingyejiesuan@2x.png b/mobile/images/icon3/ic_yingyejiesuan@2x.png
new file mode 100644
index 0000000..194e724
--- /dev/null
+++ b/mobile/images/icon3/ic_yingyejiesuan@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yundongtongji@2x.png b/mobile/images/icon3/ic_yundongtongji@2x.png
new file mode 100644
index 0000000..a0293a2
--- /dev/null
+++ b/mobile/images/icon3/ic_yundongtongji@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yundongzhidao@2x.png b/mobile/images/icon3/ic_yundongzhidao@2x.png
new file mode 100644
index 0000000..c945347
--- /dev/null
+++ b/mobile/images/icon3/ic_yundongzhidao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yundongzhuapai@2x.png b/mobile/images/icon3/ic_yundongzhuapai@2x.png
new file mode 100644
index 0000000..f191dc9
--- /dev/null
+++ b/mobile/images/icon3/ic_yundongzhuapai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yunweiguanli@2x.png b/mobile/images/icon3/ic_yunweiguanli@2x.png
new file mode 100644
index 0000000..6face4f
--- /dev/null
+++ b/mobile/images/icon3/ic_yunweiguanli@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_yunyingbaozhang@2x.png b/mobile/images/icon3/ic_yunyingbaozhang@2x.png
new file mode 100644
index 0000000..0e77b54
--- /dev/null
+++ b/mobile/images/icon3/ic_yunyingbaozhang@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zaixiangoupiao@2x.png b/mobile/images/icon3/ic_zaixiangoupiao@2x.png
new file mode 100644
index 0000000..056b706
--- /dev/null
+++ b/mobile/images/icon3/ic_zaixiangoupiao@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zaixianyueqiu@2x.png b/mobile/images/icon3/ic_zaixianyueqiu@2x.png
new file mode 100644
index 0000000..5b39ad8
--- /dev/null
+++ b/mobile/images/icon3/ic_zaixianyueqiu@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhihuiguansai@2x.png b/mobile/images/icon3/ic_zhihuiguansai@2x.png
new file mode 100644
index 0000000..647bb63
--- /dev/null
+++ b/mobile/images/icon3/ic_zhihuiguansai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhinenganfang@2x.png b/mobile/images/icon3/ic_zhinenganfang@2x.png
new file mode 100644
index 0000000..d502dee
--- /dev/null
+++ b/mobile/images/icon3/ic_zhinenganfang@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhinengchuwugui@2x.png b/mobile/images/icon3/ic_zhinengchuwugui@2x.png
new file mode 100644
index 0000000..66abb60
--- /dev/null
+++ b/mobile/images/icon3/ic_zhinengchuwugui@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhinengdengkong@2x.png b/mobile/images/icon3/ic_zhinengdengkong@2x.png
new file mode 100644
index 0000000..7e4c919
--- /dev/null
+++ b/mobile/images/icon3/ic_zhinengdengkong@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhinengpaike@2x.png b/mobile/images/icon3/ic_zhinengpaike@2x.png
new file mode 100644
index 0000000..36f463a
--- /dev/null
+++ b/mobile/images/icon3/ic_zhinengpaike@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhinengxiaokeji@2x.png b/mobile/images/icon3/ic_zhinengxiaokeji@2x.png
new file mode 100644
index 0000000..f78aa31
--- /dev/null
+++ b/mobile/images/icon3/ic_zhinengxiaokeji@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhinengzhaji@2x.png b/mobile/images/icon3/ic_zhinengzhaji@2x.png
new file mode 100644
index 0000000..4d6fa8c
--- /dev/null
+++ b/mobile/images/icon3/ic_zhinengzhaji@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhishipai@2x.png b/mobile/images/icon3/ic_zhishipai@2x.png
new file mode 100644
index 0000000..07f7eb5
--- /dev/null
+++ b/mobile/images/icon3/ic_zhishipai@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zhujiaozulin@2x.png b/mobile/images/icon3/ic_zhujiaozulin@2x.png
new file mode 100644
index 0000000..3810f45
--- /dev/null
+++ b/mobile/images/icon3/ic_zhujiaozulin@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zijinliushui@2x.png b/mobile/images/icon3/ic_zijinliushui@2x.png
new file mode 100644
index 0000000..538a9f0
--- /dev/null
+++ b/mobile/images/icon3/ic_zijinliushui@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zingweijiance@2x.png b/mobile/images/icon3/ic_zingweijiance@2x.png
new file mode 100644
index 0000000..a560c44
--- /dev/null
+++ b/mobile/images/icon3/ic_zingweijiance@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zizhuchongzhi@2x.png b/mobile/images/icon3/ic_zizhuchongzhi@2x.png
new file mode 100644
index 0000000..bb20a0c
--- /dev/null
+++ b/mobile/images/icon3/ic_zizhuchongzhi@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zizhuhuishou@2x.png b/mobile/images/icon3/ic_zizhuhuishou@2x.png
new file mode 100644
index 0000000..46a3ece
--- /dev/null
+++ b/mobile/images/icon3/ic_zizhuhuishou@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zizhujiaofei@2x.png b/mobile/images/icon3/ic_zizhujiaofei@2x.png
new file mode 100644
index 0000000..ebc4451
--- /dev/null
+++ b/mobile/images/icon3/ic_zizhujiaofei@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zizhujinchuchang@2x.png b/mobile/images/icon3/ic_zizhujinchuchang@2x.png
new file mode 100644
index 0000000..34aacab
--- /dev/null
+++ b/mobile/images/icon3/ic_zizhujinchuchang@2x.png
Binary files differ
diff --git a/mobile/images/icon3/ic_zizhuquhuanshouhuan@2x.png b/mobile/images/icon3/ic_zizhuquhuanshouhuan@2x.png
new file mode 100644
index 0000000..5c6df57
--- /dev/null
+++ b/mobile/images/icon3/ic_zizhuquhuanshouhuan@2x.png
Binary files differ
diff --git a/mobile/images/img_24h@2x.png b/mobile/images/img_24h@2x.png
new file mode 100644
index 0000000..262e250
--- /dev/null
+++ b/mobile/images/img_24h@2x.png
Binary files differ
diff --git a/mobile/images/img_aboutus@2x.png b/mobile/images/img_aboutus@2x.png
new file mode 100644
index 0000000..18921eb
--- /dev/null
+++ b/mobile/images/img_aboutus@2x.png
Binary files differ
diff --git a/mobile/images/img_aiot@2x.png b/mobile/images/img_aiot@2x.png
new file mode 100644
index 0000000..0939e2e
--- /dev/null
+++ b/mobile/images/img_aiot@2x.png
Binary files differ
diff --git a/mobile/images/img_bingxueguan@2x.png b/mobile/images/img_bingxueguan@2x.png
new file mode 100644
index 0000000..8555465
--- /dev/null
+++ b/mobile/images/img_bingxueguan@2x.png
Binary files differ
diff --git a/mobile/images/img_changjing@2x.png b/mobile/images/img_changjing@2x.png
new file mode 100644
index 0000000..e02607b
--- /dev/null
+++ b/mobile/images/img_changjing@2x.png
Binary files differ
diff --git a/mobile/images/img_doumee@2x.png b/mobile/images/img_doumee@2x.png
new file mode 100644
index 0000000..a068b07
--- /dev/null
+++ b/mobile/images/img_doumee@2x.png
Binary files differ
diff --git a/mobile/images/img_gongyuan@2x.png b/mobile/images/img_gongyuan@2x.png
new file mode 100644
index 0000000..d3a73a9
--- /dev/null
+++ b/mobile/images/img_gongyuan@2x.png
Binary files differ
diff --git a/mobile/images/img_hexingongneng@2x.png b/mobile/images/img_hexingongneng@2x.png
new file mode 100644
index 0000000..58046db
--- /dev/null
+++ b/mobile/images/img_hexingongneng@2x.png
Binary files differ
diff --git a/mobile/images/img_keshihua@2x.png b/mobile/images/img_keshihua@2x.png
new file mode 100644
index 0000000..66b8f47
--- /dev/null
+++ b/mobile/images/img_keshihua@2x.png
Binary files differ
diff --git a/mobile/images/img_quanminjianshen@2x.png b/mobile/images/img_quanminjianshen@2x.png
new file mode 100644
index 0000000..10c7cb8
--- /dev/null
+++ b/mobile/images/img_quanminjianshen@2x.png
Binary files differ
diff --git a/mobile/images/img_quanzhan@2x.png b/mobile/images/img_quanzhan@2x.png
new file mode 100644
index 0000000..862d47c
--- /dev/null
+++ b/mobile/images/img_quanzhan@2x.png
Binary files differ
diff --git a/mobile/images/img_wulian@2x.png b/mobile/images/img_wulian@2x.png
new file mode 100644
index 0000000..ea5ab59
--- /dev/null
+++ b/mobile/images/img_wulian@2x.png
Binary files differ
diff --git a/mobile/images/img_wurenguan@2x.png b/mobile/images/img_wurenguan@2x.png
new file mode 100644
index 0000000..50e842d
--- /dev/null
+++ b/mobile/images/img_wurenguan@2x.png
Binary files differ
diff --git a/mobile/images/img_xiaoyuan@2x.png b/mobile/images/img_xiaoyuan@2x.png
new file mode 100644
index 0000000..dd3f441
--- /dev/null
+++ b/mobile/images/img_xiaoyuan@2x.png
Binary files differ
diff --git a/mobile/images/img_youyongguan@2x.png b/mobile/images/img_youyongguan@2x.png
new file mode 100644
index 0000000..f07607b
--- /dev/null
+++ b/mobile/images/img_youyongguan@2x.png
Binary files differ
diff --git a/mobile/images/img_yunwei@2x.png b/mobile/images/img_yunwei@2x.png
new file mode 100644
index 0000000..3a6b55b
--- /dev/null
+++ b/mobile/images/img_yunwei@2x.png
Binary files differ
diff --git a/mobile/images/img_yunying@2x.png b/mobile/images/img_yunying@2x.png
new file mode 100644
index 0000000..f691d2d
--- /dev/null
+++ b/mobile/images/img_yunying@2x.png
Binary files differ
diff --git a/mobile/images/img_zongheguan@2x.png b/mobile/images/img_zongheguan@2x.png
new file mode 100644
index 0000000..60bc26c
--- /dev/null
+++ b/mobile/images/img_zongheguan@2x.png
Binary files differ
diff --git a/mobile/images/jingqu_img_1@2x.png b/mobile/images/jingqu_img_1@2x.png
new file mode 100644
index 0000000..aae00a0
--- /dev/null
+++ b/mobile/images/jingqu_img_1@2x.png
Binary files differ
diff --git a/mobile/images/jingqu_img_2@2x.png b/mobile/images/jingqu_img_2@2x.png
new file mode 100644
index 0000000..e91fd51
--- /dev/null
+++ b/mobile/images/jingqu_img_2@2x.png
Binary files differ
diff --git a/mobile/images/jingqu_img_3@2x.png b/mobile/images/jingqu_img_3@2x.png
new file mode 100644
index 0000000..ff32262
--- /dev/null
+++ b/mobile/images/jingqu_img_3@2x.png
Binary files differ
diff --git a/mobile/images/jingqu_img_4@2x.png b/mobile/images/jingqu_img_4@2x.png
new file mode 100644
index 0000000..c559db5
--- /dev/null
+++ b/mobile/images/jingqu_img_4@2x.png
Binary files differ
diff --git a/mobile/images/kongjian_img_1@2x.png b/mobile/images/kongjian_img_1@2x.png
new file mode 100644
index 0000000..b887b78
--- /dev/null
+++ b/mobile/images/kongjian_img_1@2x.png
Binary files differ
diff --git a/mobile/images/kongjian_img_2@2x.png b/mobile/images/kongjian_img_2@2x.png
new file mode 100644
index 0000000..47c4c37
--- /dev/null
+++ b/mobile/images/kongjian_img_2@2x.png
Binary files differ
diff --git a/mobile/images/kongjian_img_3@2x.png b/mobile/images/kongjian_img_3@2x.png
new file mode 100644
index 0000000..55ff465
--- /dev/null
+++ b/mobile/images/kongjian_img_3@2x.png
Binary files differ
diff --git a/mobile/images/kongjian_img_4@2x.png b/mobile/images/kongjian_img_4@2x.png
new file mode 100644
index 0000000..6a664b3
--- /dev/null
+++ b/mobile/images/kongjian_img_4@2x.png
Binary files differ
diff --git a/mobile/images/kongjian_img_5@2x.png b/mobile/images/kongjian_img_5@2x.png
new file mode 100644
index 0000000..4857cec
--- /dev/null
+++ b/mobile/images/kongjian_img_5@2x.png
Binary files differ
diff --git a/mobile/images/shuzhi_img_1@2x.png b/mobile/images/shuzhi_img_1@2x.png
new file mode 100644
index 0000000..0e09671
--- /dev/null
+++ b/mobile/images/shuzhi_img_1@2x.png
Binary files differ
diff --git a/mobile/images/soluti1on_zonghetiyuguan@2x.png b/mobile/images/soluti1on_zonghetiyuguan@2x.png
new file mode 100644
index 0000000..dfc2104
--- /dev/null
+++ b/mobile/images/soluti1on_zonghetiyuguan@2x.png
Binary files differ
diff --git a/mobile/images/solution_24h@2x.png b/mobile/images/solution_24h@2x.png
new file mode 100644
index 0000000..d4bf86e
--- /dev/null
+++ b/mobile/images/solution_24h@2x.png
Binary files differ
diff --git a/mobile/images/solution_bingxue@2x.png b/mobile/images/solution_bingxue@2x.png
new file mode 100644
index 0000000..892ecd2
--- /dev/null
+++ b/mobile/images/solution_bingxue@2x.png
Binary files differ
diff --git a/mobile/images/solution_gongyuan@2x.png b/mobile/images/solution_gongyuan@2x.png
new file mode 100644
index 0000000..a526fad
--- /dev/null
+++ b/mobile/images/solution_gongyuan@2x.png
Binary files differ
diff --git a/mobile/images/solution_img_8@2x.png b/mobile/images/solution_img_8@2x.png
new file mode 100644
index 0000000..df7bfa4
--- /dev/null
+++ b/mobile/images/solution_img_8@2x.png
Binary files differ
diff --git a/mobile/images/solution_wuren@2x.png b/mobile/images/solution_wuren@2x.png
new file mode 100644
index 0000000..0a43a8f
--- /dev/null
+++ b/mobile/images/solution_wuren@2x.png
Binary files differ
diff --git a/mobile/images/solution_xiaoyua9n@2x.png b/mobile/images/solution_xiaoyua9n@2x.png
new file mode 100644
index 0000000..892ecd2
--- /dev/null
+++ b/mobile/images/solution_xiaoyua9n@2x.png
Binary files differ
diff --git a/mobile/images/solution_youyongguan@2x.png b/mobile/images/solution_youyongguan@2x.png
new file mode 100644
index 0000000..e183fa2
--- /dev/null
+++ b/mobile/images/solution_youyongguan@2x.png
Binary files differ
diff --git a/mobile/images/solution_zonghetiyuguan@2x.png b/mobile/images/solution_zonghetiyuguan@2x.png
new file mode 100644
index 0000000..832b0b6
--- /dev/null
+++ b/mobile/images/solution_zonghetiyuguan@2x.png
Binary files differ
diff --git a/mobile/images/tiyupingtai_img_1@2x.png b/mobile/images/tiyupingtai_img_1@2x.png
new file mode 100644
index 0000000..47ecdfd
--- /dev/null
+++ b/mobile/images/tiyupingtai_img_1@2x.png
Binary files differ
diff --git a/mobile/images/tiyupingtai_img_2@2x.png b/mobile/images/tiyupingtai_img_2@2x.png
new file mode 100644
index 0000000..3593cbc
--- /dev/null
+++ b/mobile/images/tiyupingtai_img_2@2x.png
Binary files differ
diff --git a/mobile/images/tiyupingtai_img_3@2x.png b/mobile/images/tiyupingtai_img_3@2x.png
new file mode 100644
index 0000000..5bf9e83
--- /dev/null
+++ b/mobile/images/tiyupingtai_img_3@2x.png
Binary files differ
diff --git a/mobile/images/tiyupingtai_img_4@2x.png b/mobile/images/tiyupingtai_img_4@2x.png
new file mode 100644
index 0000000..13c45f1
--- /dev/null
+++ b/mobile/images/tiyupingtai_img_4@2x.png
Binary files differ
diff --git a/mobile/images/top_logo@2x.png b/mobile/images/top_logo@2x.png
new file mode 100644
index 0000000..30b6fcc
--- /dev/null
+++ b/mobile/images/top_logo@2x.png
Binary files differ
diff --git a/mobile/images/top_menu@2x.png b/mobile/images/top_menu@2x.png
new file mode 100644
index 0000000..4bfab2a
--- /dev/null
+++ b/mobile/images/top_menu@2x.png
Binary files differ
diff --git a/mobile/images/wufu_ic_liuicheng@2x.png b/mobile/images/wufu_ic_liuicheng@2x.png
new file mode 100644
index 0000000..4a9ba3a
--- /dev/null
+++ b/mobile/images/wufu_ic_liuicheng@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_budao@2x.png b/mobile/images/wulian_img_budao@2x.png
new file mode 100644
index 0000000..ef1d5a2
--- /dev/null
+++ b/mobile/images/wulian_img_budao@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_chuwu@2x.png b/mobile/images/wulian_img_chuwu@2x.png
new file mode 100644
index 0000000..a9ed1ab
--- /dev/null
+++ b/mobile/images/wulian_img_chuwu@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_dengkong@2x.png b/mobile/images/wulian_img_dengkong@2x.png
new file mode 100644
index 0000000..2bb3979
--- /dev/null
+++ b/mobile/images/wulian_img_dengkong@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_jieshui@2x.png b/mobile/images/wulian_img_jieshui@2x.png
new file mode 100644
index 0000000..995b710
--- /dev/null
+++ b/mobile/images/wulian_img_jieshui@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_keliutongji@2x.png b/mobile/images/wulian_img_keliutongji@2x.png
new file mode 100644
index 0000000..a068ee4
--- /dev/null
+++ b/mobile/images/wulian_img_keliutongji@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_nishui@2x.png b/mobile/images/wulian_img_nishui@2x.png
new file mode 100644
index 0000000..d8def5a
--- /dev/null
+++ b/mobile/images/wulian_img_nishui@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_qupiao@2x.png b/mobile/images/wulian_img_qupiao@2x.png
new file mode 100644
index 0000000..4e0182a
--- /dev/null
+++ b/mobile/images/wulian_img_qupiao@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_shouhuan@2x.png b/mobile/images/wulian_img_shouhuan@2x.png
new file mode 100644
index 0000000..54a226e
--- /dev/null
+++ b/mobile/images/wulian_img_shouhuan@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_tice@2x.png b/mobile/images/wulian_img_tice@2x.png
new file mode 100644
index 0000000..2a8055f
--- /dev/null
+++ b/mobile/images/wulian_img_tice@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_tiwenhecha@2x.png b/mobile/images/wulian_img_tiwenhecha@2x.png
new file mode 100644
index 0000000..5650150
--- /dev/null
+++ b/mobile/images/wulian_img_tiwenhecha@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_wurenshouhuo@2x.png b/mobile/images/wulian_img_wurenshouhuo@2x.png
new file mode 100644
index 0000000..d637c72
--- /dev/null
+++ b/mobile/images/wulian_img_wurenshouhuo@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_zhaji@2x.png b/mobile/images/wulian_img_zhaji@2x.png
new file mode 100644
index 0000000..001060f
--- /dev/null
+++ b/mobile/images/wulian_img_zhaji@2x.png
Binary files differ
diff --git a/mobile/images/wulian_img_zhuapai@2x.png b/mobile/images/wulian_img_zhuapai@2x.png
new file mode 100644
index 0000000..a6d294c
--- /dev/null
+++ b/mobile/images/wulian_img_zhuapai@2x.png
Binary files differ
diff --git a/mobile/images/wuren_img_1@2x.png b/mobile/images/wuren_img_1@2x.png
new file mode 100644
index 0000000..8be0e0d
--- /dev/null
+++ b/mobile/images/wuren_img_1@2x.png
Binary files differ
diff --git a/mobile/images/wuren_img_2@2x.png b/mobile/images/wuren_img_2@2x.png
new file mode 100644
index 0000000..3e57585
--- /dev/null
+++ b/mobile/images/wuren_img_2@2x.png
Binary files differ
diff --git a/mobile/images/wuren_img_3@2x.png b/mobile/images/wuren_img_3@2x.png
new file mode 100644
index 0000000..2e55d66
--- /dev/null
+++ b/mobile/images/wuren_img_3@2x.png
Binary files differ
diff --git a/mobile/images/wuren_img_4@2x.png b/mobile/images/wuren_img_4@2x.png
new file mode 100644
index 0000000..eb8fb98
--- /dev/null
+++ b/mobile/images/wuren_img_4@2x.png
Binary files differ
diff --git a/mobile/images/yun1ying_img2@2x.png b/mobile/images/yun1ying_img2@2x.png
new file mode 100644
index 0000000..edf7586
--- /dev/null
+++ b/mobile/images/yun1ying_img2@2x.png
Binary files differ
diff --git a/mobile/images/yunyi1ng_img2@2x.png b/mobile/images/yunyi1ng_img2@2x.png
new file mode 100644
index 0000000..bf7402e
--- /dev/null
+++ b/mobile/images/yunyi1ng_img2@2x.png
Binary files differ
diff --git a/mobile/images/yunyin2g_img2@2x.png b/mobile/images/yunyin2g_img2@2x.png
new file mode 100644
index 0000000..19d77e3
--- /dev/null
+++ b/mobile/images/yunyin2g_img2@2x.png
Binary files differ
diff --git a/mobile/images/yunying_34img2@2x.png b/mobile/images/yunying_34img2@2x.png
new file mode 100644
index 0000000..d2b18c9
--- /dev/null
+++ b/mobile/images/yunying_34img2@2x.png
Binary files differ
diff --git a/mobile/images/yunying_img122@2x.png b/mobile/images/yunying_img122@2x.png
new file mode 100644
index 0000000..b43ac67
--- /dev/null
+++ b/mobile/images/yunying_img122@2x.png
Binary files differ
diff --git a/mobile/images/yunying_img2.png b/mobile/images/yunying_img2.png
new file mode 100644
index 0000000..7f493a3
--- /dev/null
+++ b/mobile/images/yunying_img2.png
Binary files differ
diff --git a/mobile/images/yunying_img2123@2x.png b/mobile/images/yunying_img2123@2x.png
new file mode 100644
index 0000000..5c06800
--- /dev/null
+++ b/mobile/images/yunying_img2123@2x.png
Binary files differ
diff --git a/mobile/images/yunying_img2@12x.png b/mobile/images/yunying_img2@12x.png
new file mode 100644
index 0000000..99ed94c
--- /dev/null
+++ b/mobile/images/yunying_img2@12x.png
Binary files differ
diff --git a/mobile/images/yunying_img2@2x.png b/mobile/images/yunying_img2@2x.png
new file mode 100644
index 0000000..956aa46
--- /dev/null
+++ b/mobile/images/yunying_img2@2x.png
Binary files differ
diff --git a/mobile/images/yunying_img_caozuo@2x.png b/mobile/images/yunying_img_caozuo@2x.png
new file mode 100644
index 0000000..57f6140
--- /dev/null
+++ b/mobile/images/yunying_img_caozuo@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_2@2x.png b/mobile/images/zongheguan_img_2@2x.png
new file mode 100644
index 0000000..99ed94c
--- /dev/null
+++ b/mobile/images/zongheguan_img_2@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_3@2x.png b/mobile/images/zongheguan_img_3@2x.png
new file mode 100644
index 0000000..45c70eb
--- /dev/null
+++ b/mobile/images/zongheguan_img_3@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_4@2x.png b/mobile/images/zongheguan_img_4@2x.png
new file mode 100644
index 0000000..12e43cc
--- /dev/null
+++ b/mobile/images/zongheguan_img_4@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_5@2x.png b/mobile/images/zongheguan_img_5@2x.png
new file mode 100644
index 0000000..5aefbf3
--- /dev/null
+++ b/mobile/images/zongheguan_img_5@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_6@2x.png b/mobile/images/zongheguan_img_6@2x.png
new file mode 100644
index 0000000..d84291d
--- /dev/null
+++ b/mobile/images/zongheguan_img_6@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_7@2x.png b/mobile/images/zongheguan_img_7@2x.png
new file mode 100644
index 0000000..e269108
--- /dev/null
+++ b/mobile/images/zongheguan_img_7@2x.png
Binary files differ
diff --git a/mobile/images/zongheguan_img_8@2x.png b/mobile/images/zongheguan_img_8@2x.png
new file mode 100644
index 0000000..a4aeab3
--- /dev/null
+++ b/mobile/images/zongheguan_img_8@2x.png
Binary files differ
diff --git "a/mobile/images/\347\237\251\345\275\2421@2x.png" "b/mobile/images/\347\237\251\345\275\2421@2x.png"
new file mode 100644
index 0000000..b9a89d1
--- /dev/null
+++ "b/mobile/images/\347\237\251\345\275\2421@2x.png"
Binary files differ
diff --git "a/mobile/images/\347\237\251\345\275\2423@2x.png" "b/mobile/images/\347\237\251\345\275\2423@2x.png"
new file mode 100644
index 0000000..c8ca81e
--- /dev/null
+++ "b/mobile/images/\347\237\251\345\275\2423@2x.png"
Binary files differ
diff --git "a/mobile/images/\347\237\251\345\275\2424@2x.png" "b/mobile/images/\347\237\251\345\275\2424@2x.png"
new file mode 100644
index 0000000..17ea0bf
--- /dev/null
+++ "b/mobile/images/\347\237\251\345\275\2424@2x.png"
Binary files differ
diff --git "a/mobile/images/\347\237\251\345\275\2425@2x.png" "b/mobile/images/\347\237\251\345\275\2425@2x.png"
new file mode 100644
index 0000000..307edfd
--- /dev/null
+++ "b/mobile/images/\347\237\251\345\275\2425@2x.png"
Binary files differ
diff --git "a/mobile/images/\347\237\251\345\275\242@2x.png" "b/mobile/images/\347\237\251\345\275\242@2x.png"
new file mode 100644
index 0000000..863818f
--- /dev/null
+++ "b/mobile/images/\347\237\251\345\275\242@2x.png"
Binary files differ
diff --git a/mobile/index.html b/mobile/index.html
new file mode 100644
index 0000000..eeae690
--- /dev/null
+++ b/mobile/index.html
@@ -0,0 +1,364 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/index.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/swiper.min.css">
+    <title>Document</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <div class="head_box">
+                <img class="head_logo" src="./images/top_logo@2x.png" />
+                <img class="head_menu" src="./images/top_menu@2x.png" />
+                <div class="head_menus">
+                    <div class="head_menus_item">
+                        <div class="menus_top">
+                            <div class="menus_top_left">
+                                <div class="menus_top_left_x"></div>
+                                <span>棣栭〉</span>
+                            </div>
+                            <img src="./images/ic_ar@2x.png" />
+                        </div>
+                    </div>
+                    <div class="head_menus_item">
+                        <div class="menus_top">
+                            <div class="menus_top_left">
+                                <div class="menus_top_left_x"></div>
+                                <span>鏅烘収绯荤粺</span>
+                            </div>
+                            <img src="./images/ic_ar@2x.png" />
+                        </div>
+                        <div class="menus_list">
+                            <div class="menus_list_item">鏅烘収鍦洪杩愯惀绯荤粺</div>
+                            <div class="menus_list_item">鏅烘収鍦洪杩愮淮绯荤粺</div>
+                        </div>
+                    </div>
+                    <div class="head_menus_item">
+                        <div class="menus_top">
+                            <div class="menus_top_left">
+                                <div class="menus_top_left_x"></div>
+                                <span>鏁版櫤浣撹偛鍦洪</span>
+                            </div>
+                            <img src="./images/ic_ar@2x.png" />
+                        </div>
+                        <div class="menus_list">
+                            <div class="menus_list_item">缁煎悎浣撹偛鍦洪</div>
+                            <div class="menus_list_item">鍏ㄦ皯鍋ヨ韩涓績</div>
+                            <div class="menus_list_item">鏍″洯浣撹偛鍦洪</div>
+                            <div class="menus_list_item">鍐伴洩浣撹偛鍦洪</div>
+                            <div class="menus_list_item">娓告吵浣撹偛鍦洪</div>
+                            <div class="menus_list_item">鏅烘収浣撹偛鍏洯</div>
+                        </div>
+                    </div>
+                    <div class="head_menus_item">
+                        <div class="menus_top">
+                            <div class="menus_top_left">
+                                <div class="menus_top_left_x"></div>
+                                <span>24H鏅鸿兘鍦洪</span>
+                            </div>
+                            <img src="./images/ic_ar@2x.png" />
+                        </div>
+                        <div class="menus_list">
+                            <div class="menus_list_item">24H鏅鸿兘鍦洪</div>
+                            <div class="menus_list_item">鏃犱汉鍊煎畧鍦洪</div>
+                        </div>
+                    </div>
+                    <div class="head_menus_item">
+                        <div class="menus_top">
+                            <div class="menus_top_left">
+                                <div class="menus_top_left_x"></div>
+                                <span>鏁版櫤浣撹偛骞冲彴</span>
+                            </div>
+                            <img src="./images/ic_ar@2x.png" />
+                        </div>
+                        <div class="menus_list">
+                            <div class="menus_list_item">浣撹偛杩為攣杩愯惀骞冲彴</div>
+                            <div class="menus_list_item">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</div>
+                        </div>
+                    </div>
+                    <div class="head_menus_item">
+                        <div class="menus_top">
+                            <div class="menus_top_left">
+                                <div class="menus_top_left_x"></div>
+                                <span>鏅尯&娓镐箰鍥�</span>
+                            </div>
+                            <img src="./images/ic_ar@2x.png" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="banner">
+            <span class="banner_title">璞嗙背绉戞妧 鏁版櫤鏂囦綋鏃呮湇鍔″晢</span>
+            <span class="banner_info">鏅烘収鍦洪钀ラ攢SaaS绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏅烘収绌洪棿瑙e喅鏂规</div>
+            <div class="fangan_info">鈥滀簯+澶ф暟鎹�+5G+鐗╄仈缃�+AIoT鈥濅簲浣嶄竴浣擄紝
+                婊¤冻澶氬厓鍖栨櫤鎱у満鏅笟鍔¢渶姹�</div>
+            <div class="swiper-container">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                        <div class="swiper-slide-title">鏁版櫤浣撹偛鍦洪</div>
+                        <div class="swiper-slide-x"></div>
+                        <div class="swiper-slide-info">鏋勫缓澶氱鍙g鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩�</div>
+                    </div>
+                    <div class="swiper-slide">Slide 2</div>
+                    <div class="swiper-slide">Slide 3</div>
+                    <div class="swiper-slide">Slide 4</div>
+                </div>
+                <!-- Add Pagination -->
+                <div class="swiper-pagination"></div>
+            </div>
+        </div>
+        <div class="yunwei">
+            <div class="fangan_title">杩愯惀杩愮淮涓�浣撳寲瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">涓哄満棣嗛噺韬墦閫犵殑杩愯惀銆佽繍缁磋В鍐虫柟妗堬紝浣撶郴鍖栧府鍔╁満棣嗚В鍐宠繍钀ャ�佽繍缁磋繃绋嬩腑鐨勭鐞嗛棶棰橈紝鎻愬崌鍦洪杩愯惀鍜岃繍缁存暣浣撹兘鍔�</div>
+            <div class="yunwei_list">
+                <div class="yunwei_list_item">
+                    <div class="yunwei_list_item_image">
+                        <img src="./images/img_yunying@2x.png" alt="" />
+                    </div>
+                    <div class="yunwei_list_item_info">
+                        <div class="yunwei_top">
+                            <div class="yunwei_top_left">
+                                <div class="yunwei_top_left_title">鏅烘収鍦洪杩愯惀绯荤粺</div>
+                                <div class="yunwei_top_left_info">鏁村悎鍦洪鍐呴儴璧勬簮锛屽鍦洪鐨勮鏂姐�佽澶囥�佹湇鍔$瓑杩涜鏅鸿兘鍖栨敼閫犲拰鍗囩骇锛屽疄鐜扮敤鎴蜂綋楠屼笌钀ユ敹鍙屽闀裤��</div>
+                            </div>
+                            <div class="yunwei_top_right">
+                                <img src="./images/home_ic_yunying@2x.png" />
+                            </div>
+                        </div>
+                        <div class="yunwei_bottom">
+                            <span>浜嗚В璇︽儏</span>
+                            <img src="./images/ar_detail@2x.png" />
+                        </div>
+                    </div>
+                </div>
+                <div class="yunwei_list_item">
+                    <div class="yunwei_list_item_image">
+                        <img src="./images/img_yunwei@2x.png" alt="" />
+                    </div>
+                    <div class="yunwei_list_item_info">
+                        <div class="yunwei_top">
+                            <div class="yunwei_top_left">
+                                <div class="yunwei_top_left_title">鏅烘収鍦洪杩愮淮绯荤粺</div>
+                                <div class="yunwei_top_left_info">鍏锋湁璧勪骇绠$悊銆佷粨鍌ㄧ鐞嗐�佽澶囧贰妫�鍜屽晢鎴风鐞嗙瓑鍔熻兘鐨勮繍缁寸鎺у钩鍙帮紝淇濋殰鍦洪瀹夊叏楂樻晥杩愯浆銆�</div>
+                            </div>
+                            <div class="yunwei_top_right">
+                                <img src="./images/home_ic_yunwei@2x.png" />
+                            </div>
+                        </div>
+                        <div class="yunwei_bottom">
+                            <span>浜嗚В璇︽儏</span>
+                            <img src="./images/ar_detail@2x.png" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">AIOT鏅烘収鐗╄仈缃戜骇鍝佽В鍐虫柟妗�</div>
+            <div class="fangan_info" style="width: 331px;">鏀寔鎺ュ叆鍚勭被鏅鸿兘纭欢浜у搧锛屾彁渚涜蒋纭欢涓�浣撳寲鐨勬櫤鎱х┖闂磋В鍐虫柟妗堬紝鍔╁姏闄嶆湰澧炴晥</div>
+            <img class="fangan_image" src="./images/img_aiot@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF; padding: 24px 0;">
+            <div class="fangan_title">澶氱粓绔敮鎸併�佹彁鍗囪繍钀ユ晥鐜�</div>
+            <div class="fangan_info" style="width: 331px;">澶氱鍙h仈鍚堟敮鎸佷娇鐢紝璧嬭兘鍦洪鏋勫缓鍏ㄥ満鏅畨鍏ㄧ鎺т笌渚挎嵎鏈嶅姟</div>
+            <div class="cate">
+                <div class="cate_row active">绉诲姩绔�</div>
+                <div class="cate_row">PC绔�</div>
+                <div class="cate_row">鑷姪绔�</div>
+                <div class="cate_row">鏁版嵁澶у睆</div>
+            </div>
+            <div class="tupian">
+                <img src="./images/home_img8@2x.png" />
+                <div class="tupian_info">
+                    <div class="tupian_info_title">绉诲姩鎺堟潈蹇�熺櫥褰曪紝闅忔椂闅忓湴楂樻晥鍗忎綔</div>
+                    <div class="tupian_info_list">
+                        <div class="tupian_info_list_row">
+                            <img src="./images/ic_gou@2x.png" />
+                            <span>瀹炴椂鏁版嵁鍚屾锛屼竴绔欏紡杩愯惀绠$悊</span>
+                        </div>
+                        <div class="tupian_info_list_row">
+                            <img src="./images/ic_gou@2x.png" />
+                            <span>澶氳鑹叉潈闄愰厤缃紝鑱岃矗涓�鐩簡鐒�</span>
+                        </div>
+                        <div class="tupian_info_list_row">
+                            <img src="./images/ic_gou@2x.png" />
+                            <span>瀹炴椂鏁版嵁鍚屾锛屼竴绔欏紡杩愯惀绠$悊</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="fangan_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏈嶅姟浼樺娍</div>
+            <div class="fangan_info" style="width: 331px;">鍏ㄦ祦绋嬫湇鍔★紝鎵撻�犱笓灞炴櫤鎱х┖闂磋В鍐虫柟妗�</div>
+            <div class="youshi">
+                <div class="youshi_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span class="youshi_item_title">鐙珛閮ㄧ讲</span>
+                    <span class="youshi_item_info">绉佹湁鏈嶅姟鍣ㄥ瓨鍌�,鏉滅粷娉勯湶椋庨櫓</span>
+                </div>
+                <div class="youshi_item">
+                    <img src="./images/home_ic_yuanma@2x.png" />
+                    <span class="youshi_item_title">婧愮爜鍚堜綔</span>
+                    <span class="youshi_item_info">鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</span>
+                </div>
+                <div class="youshi_item">
+                    <img src="./images/home_ic_yunwe1i@2x.png" />
+                    <span class="youshi_item_title">鏅鸿兘杩愮淮</span>
+                    <span class="youshi_item_info">鏅鸿兘璇婃柇锛屾敮鎸佸棣嗚繍缁�</span>
+                </div>
+                <div class="youshi_item">
+                    <img src="./images/home_ic_duoduan@2x.png" />
+                    <span class="youshi_item_title">澶氱鏀寔</span>
+                    <span class="youshi_item_info">閫傞厤灏忕▼搴�/APP/PC/H5绛夊缁堢</span>
+                </div>
+                <div class="youshi_item">
+                    <img src="./images/home_ic_fuwu@2x.png" />
+                    <span class="youshi_item_title">鏈嶅姟璧嬭兘</span>
+                    <span class="youshi_item_info">鍏ㄦ祦绋嬫姢鑸紝鍏ㄦ柟浣嶆湇鍔″姪鍔�</span>
+                </div>
+            </div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鍏充簬鎴戜滑</div>
+            <div class="fangan_info" style="width: 331px;">璞嗙背绉戞妧鎴愮珛浜�2014骞达紝鏄浗鍐呬笓涓氱殑鏁版櫤鏂囦綋鏃呮湇鍔″晢锛岃嚧鍔涗负鏂囦綋鏃呰涓氭彁渚涙暣濂楄蒋纭欢鍙婃櫤鎱у満鏅В鍐虫柟妗�</div>
+            <img class="fangan_image" style="height: 260px;" src="./images/img_aboutus@2x.png" />
+            <div class="fangan_btn">鏌ョ湅鏇村</div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF;">
+            <div class="fangan_title">璧勮鐭ヨ瘑</div>
+            <div class="fangan_info">鏈�鏂板姩鎬� 涓庢偍鍒嗕韩</div>
+            <div class="fangan_new">
+                <div class="fangan_new_item">
+                    <div class="fangan_new_item_image">
+                        <img src="./images/img_aboutus@2x.png" />
+                    </div>
+                    <div class="fangan_new_item_info">
+                        <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                        <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                    </div>
+                </div>
+                <div class="fangan_new_item">
+                    <div class="fangan_new_item_image">
+                        <img src="./images/img_aboutus@2x.png" />
+                    </div>
+                    <div class="fangan_new_item_info">
+                        <span>浜掕仈浜掗�氭暟瀛楃ぞ鍖鸿浜轰滑鐢ㄥ緱璧风敤寰楀ソ浜掕仈缃�</span>
+                        <span>2025骞�4鏈�20鏃� 12:00:00</span>
+                    </div>
+                </div>
+            </div>
+            <div class="fangan_btn">鏌ョ湅鏇村</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">瀹㈡埛妗堜緥</div>
+            <div class="fangan_info">涓氬姟瑕嗙洊鍦板尯20+锛屽鎴锋湇鍔¤妯�3000+锛岃Е杈捐繍鍔ㄤ汉缇�4500涓�+</div>
+            <div class="swiper-container1">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                        <div class="anli_head">
+                            <img src="./images/home_anli_lliuan@2x.png" />
+                        </div>
+                        <div class="anli_info">
+                            <div class="anli_info_title">鍏畨甯備綋鑲蹭腑蹇冧綋鑲查</div>
+                            <div class="anli_info_desc">鍏畨浣撹偛涓績鍦洪涓昏鍒嗕负涓ゅ潡锛屼竴涓槸瀹圭撼3涓囦汉鐨勬爣鍑嗕綋鑲插満锛屼竴涓槸瀹圭撼6000浜虹殑浣撹偛棣嗐�傚姞涓婃瘮杈冨鐨勫叏姘戝仴韬澶栬繍鍔ㄥ満鍦帮紝涓昏鏄鐞冨満銆佽冻鐞冨満銆佺窘姣涚悆鍦恒�佺綉鐞冨満杩樻湁鍖呮嫭閮ㄥ垎闈掑皯骞翠綋鑲叉椿鍔ㄥ満鎵�銆�</div>
+                        </div>
+                    </div>
+                    <div class="swiper-slide">
+                        <div class="anli_head">
+                            <img src="./images/home_anli_lliuan@2x.png" />
+                        </div>
+                        <div class="anli_info">
+                            <div class="anli_info_title">鍏畨甯備綋鑲蹭腑蹇冧綋鑲查</div>
+                            <div class="anli_info_desc">鍏畨浣撹偛涓績鍦洪涓昏鍒嗕负涓ゅ潡锛屼竴涓槸瀹圭撼3涓囦汉鐨勬爣鍑嗕綋鑲插満锛屼竴涓槸瀹圭撼6000浜虹殑浣撹偛棣嗐�傚姞涓婃瘮杈冨鐨勫叏姘戝仴韬澶栬繍鍔ㄥ満鍦帮紝涓昏鏄鐞冨満銆佽冻鐞冨満銆佺窘姣涚悆鍦恒�佺綉鐞冨満杩樻湁鍖呮嫭閮ㄥ垎闈掑皯骞翠綋鑲叉椿鍔ㄥ満鎵�銆�</div>
+                        </div>
+                    </div>
+                    <div class="swiper-slide">
+                        <div class="anli_head">
+                            <img src="./images/home_anli_lliuan@2x.png" />
+                        </div>
+                        <div class="anli_info">
+                            <div class="anli_info_title">鍏畨甯備綋鑲蹭腑蹇冧綋鑲查</div>
+                            <div class="anli_info_desc">鍏畨浣撹偛涓績鍦洪涓昏鍒嗕负涓ゅ潡锛屼竴涓槸瀹圭撼3涓囦汉鐨勬爣鍑嗕綋鑲插満锛屼竴涓槸瀹圭撼6000浜虹殑浣撹偛棣嗐�傚姞涓婃瘮杈冨鐨勫叏姘戝仴韬澶栬繍鍔ㄥ満鍦帮紝涓昏鏄鐞冨満銆佽冻鐞冨満銆佺窘姣涚悆鍦恒�佺綉鐞冨満杩樻湁鍖呮嫭閮ㄥ垎闈掑皯骞翠綋鑲叉椿鍔ㄥ満鎵�銆�</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="fangan_btn">鏌ョ湅鏇村</div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF;">
+            <div class="fangan_title">鍚堜綔浼欎即</div>
+            <div class="fangan_info" style="width: 331px;">鐢ㄦ洿濂界殑鎶�鏈�佹洿浼樼殑鏈嶅姟鍔╁姏鍦洪瀹炵幇鍏ㄥ満鏅櫤鑳藉寲鍗囩骇鏀归��</div>
+            <img class="fangan_image" style="height: 260px;" src="./images/home_hezuo@2x.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/swiper.min.js"></script>
+    <script src="./js/index.js"></script>
+
+    <script>
+        var swiper = new Swiper('.swiper-container', {
+            pagination: '.swiper-pagination',
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+        var swiper1 = new Swiper('.swiper-container1', {
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+    </script>
+</body>
+</html>
diff --git a/mobile/intelligentSystem.html b/mobile/intelligentSystem.html
new file mode 100644
index 0000000..dc1b82f
--- /dev/null
+++ b/mobile/intelligentSystem.html
@@ -0,0 +1,242 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鏅烘収绯荤粺</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/intelligentSystem.css">
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="cate">
+            <div class="cate_item active">鏅烘収鍦洪杩愯惀绯荤粺</div>
+            <div class="cate_item">鏅烘収鍦洪杩愯惀绯荤粺</div>
+        </div>
+        <div class="banner">
+            <span class="banner_title">鏅烘収鍦洪杩愯惀绯荤粺</span>
+            <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">澶氭湇鍔$鍙o紝婊¤冻鍦洪澶氬満鏅湇鍔¢渶姹�</div>
+            <div class="fangan_info" style="width: 202px;">澶氱鍙g鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩栵紝婊¤冻澶氬厓鍖栦笟鍔″満鏅渶姹�</div>
+            <div class="fangan_tu">
+                <div class="fangan_tu_image">
+                    <img src="./images/guanli_img_duankou@2x.png" />
+                </div>
+                <div class="fangan_tu_list">
+                    <div class="fangan_tu_list_item">
+                        <img src="./images/guanli_ic_yuding@2x.png" />
+                        <span>鐢ㄦ埛/鏁欑粌<br />灏忕▼搴�</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="./images/guanli_ic_yunyingxcx@2x.png" />
+                        <span>鍦洪杩愮<br />灏忕▼搴�</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="./images/guanli_ic_guanlipc@2x.png" />
+                        <span>鍦洪杩愮<br />PC绔�</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="./images/guanli_ic_shanghupc@2x.png" />
+                        <span>鑷姪绔疉PP</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="./images/ic_pda@2x.png" />
+                        <span>绉诲姩PDA</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="./images/guanli_ic_daping@2x.png" />
+                        <span>缁忚惀鏁版嵁澶у睆</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF !important; padding: 24px 0 0 0 !important;">
+            <div class="fangan_title">鎿嶄綔渚挎嵎锛岃繍钀ヨ交鏉炬棤蹇�</div>
+            <div class="fangan_info" style="width: 335px;">鎴戜滑涓�鐩存寔缁彁鍗囨瘡涓�涓搷浣滅粏鑺傜殑浣跨敤浣撻獙锛岄�氳繃涓嶆柇鐨勫垱鏂板皾璇曚笌浜у搧杩唬锛屾垜浠湪涓板瘜绯荤粺鍔熻兘鐨勫悓鏃舵墿灞曠郴缁熺殑閫傜敤鍦烘櫙鏂规锛屾渶缁堟墠鑳戒娇鎴戜滑鐨勫鎴疯繍钀ヨ交鏉炬棤蹇с�佺粡钀ユ洿鍔犳垚鍔�</div>
+            <div class="fangan_num">
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>3</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">鏋侀�熺鍒�</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>5</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">鏋侀�熷紑鍗�</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>8</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">闂ㄧエ鍞崠</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>15</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">鍦哄湴棰勭害</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>30</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">濂楅鍔炵悊</div>
+                </div>
+            </div>
+            <div class="fangan_num_datu">
+                <img src="./images/yunying_img_caozuo@2x.png" />
+            </div>
+        </div>
+        <div class="fangan" style="padding: 24px 0 !important;">
+            <div class="fangan_title">鏉冮檺缁嗗垎 涓撲笟鏇翠笓娉�</div>
+            <div class="fangan_info" style="width: 335px;">绯荤粺鏉冮檺鏅鸿兘鍒嗙锛岄鍐呮垚鍛樺悇鍙稿叾鑱岋紝鎻愬崌杩愯惀鏁堢巼鍜屼綋楠�</div>
+            <div class="fangan_cates">
+                <div class="fangan_cates_item active1">BOSS绔�</div>
+                <div class="fangan_cates_item">杩愯惀绔�</div>
+                <div class="fangan_cates_item">鍓嶅彴绔�</div>
+                <div class="fangan_cates_item">浼氬憳绔�</div>
+                <div class="fangan_cates_item">鏁欑粌绔�</div>
+            </div>
+            <div class="fangan_content">
+                <div class="fangan_content_title">BOSS绔�</div>
+                <div class="fangan_content_info">鍦洪绠$悊鍜岀粺璁″垎鏋�</div>
+                <div class="fangan_content_img">
+                    <img src="./images/yunying_img2.png" />
+                </div>
+                <div class="fangan_content_list">
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/鍦洪绠$悊.png" />
+                        <span>鍦洪绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/缁熻绠$悊.png" />
+                        <span>缁熻绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/璐㈠姟绠$悊.png" />
+                        <span>璐㈠姟绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/閰嶇疆绠$悊.png" />
+                        <span>閰嶇疆绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/鐭俊绠$悊.png" />
+                        <span>鐭俊绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/閫氱煡鍏憡.png" />
+                        <span>閫氱煡鍏憡</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/璐﹀彿閰嶇疆.png" />
+                        <span>璐﹀彿閰嶇疆</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="./images/icon/鏃ュ織绠$悊.png" />
+                        <span>鏃ュ織绠$悊</span>
+                    </div>
+                </div>
+            </div>
+            <div class="fangan_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF;">
+            <div class="fangan_title">璞嗙背璺宠烦浜у搧绯诲垪</div>
+            <div class="fangan_info" style="width: 335px;">鍔熻兘涓庣増鏈�</div>
+            <div class="fangan_func">
+                <div class="fangan_func_item" style="margin-bottom: 11px;">
+                    <div class="fangan_func_item_top">
+                        <img src="./images/ic_siyouhua@2x.png" />
+                        <img src="./images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">绉佹湁鍖栭儴缃�</div>
+                    <div class="fangan_func_item_info">绉佹湁鏈嶅姟鍣ㄥ瓨鍌紝鏉滅粷娉勯湶椋庨櫓</div>
+                </div>
+                <div class="fangan_func_item" style="margin-bottom: 11px;">
+                    <div class="fangan_func_item_top">
+                        <img src="./images/ic_yuanma@2x.png" />
+                        <img src="./images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">婧愮爜</div>
+                    <div class="fangan_func_item_info">鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</div>
+                </div>
+                <div class="fangan_func_item">
+                    <div class="fangan_func_item_top">
+                        <img src="./images/ic_dingzhi@2x.png" />
+                        <img src="./images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">瀹氬埗</div>
+                    <div class="fangan_func_item_info">鎸夐渶鈥滈噺韬墦閫犫�濓紝绮惧噯鍖归厤涓氬姟 </div>
+                </div>
+                <div class="fangan_func_item">
+                    <div class="fangan_func_item_top">
+                        <img src="./images/ic_saas@2x.png" />
+                        <img src="./images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">saas鏈嶅姟</div>
+                    <div class="fangan_func_item_info">蹇�熻闃呭惎鐢紝绯荤粺鑷姩鍗囩骇</div>
+                </div>
+            </div>
+        </div>
+
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/intelligentSystem.js"></script>
+</body>
+</html>
diff --git a/mobile/intelligentSystem1.html b/mobile/intelligentSystem1.html
new file mode 100644
index 0000000..52197b8
--- /dev/null
+++ b/mobile/intelligentSystem1.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鏅烘収绯荤粺</title>
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/intelligentSystem1.css">
+</head>
+<body>
+<div class="box">
+    <div class="head">
+        <img class="head_logo" src="./images/top_logo@2x.png" />
+        <img class="head_menu" src="./images/top_menu@2x.png" />
+    </div>
+    <div class="cate">
+        <div class="cate_item">鏅烘収鍦洪杩愯惀绯荤粺</div>
+        <div class="cate_item active">鏅烘収鍦洪杩愯惀绯荤粺</div>
+    </div>
+    <div class="banner">
+        <span class="banner_title">鏅烘収鍦洪杩愯惀绯荤粺</span>
+        <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鈥滃叏鏍堝紡鈥濊繍缁存柟妗堬紝涓�绔欒В鍐宠繍缁撮毦棰�</div>
+        <div class="fangan_info" style="width: 202px;">搴旂敤鍦烘櫙</div>
+        <div class="fangan_image">
+            <img src="./images/img_quanzhan@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">IOC鍙鍖栧ぇ灞�</div>
+        <div class="fangan_info" style="width: 332px;">鏁板瓧瀛敓鎶�鏈敮鎾戝満棣嗗彲瑙嗗寲锛岄泦鐩戞祴銆佹帶鍒躲�佺淮鎶ゃ�佸畨淇濄�佸簲鎬ャ�佸贰妫�鍜岀鐞嗗姛鑳戒簬涓�浣擄紝瀹炵幇瀵瑰満棣嗙殑瀹炴椂鎺у埗绠$悊</div>
+        <div class="fangan_image1">
+            <img src="./images/img_keshihua@2x.png" />
+        </div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鏅烘収杩愮淮</div>
+        <div class="fangan_info" style="width: 332px;">澶氱瑙e喅鏂规鎻愬崌鍦洪杩愮淮鑳藉姏锛屽彲鏍规嵁鍦烘櫙闇�姹傜伒娲荤粍鍚�</div>
+        <div class="fangan_image2">
+            <img src="./images/yunying_img2.png" />
+        </div>
+        <div class="fangan_list">
+            <div class="fangan_list_item">
+                <img src="./images/icon/鎴挎�佺鐞�.png" />
+                <span>鎴挎�佺鐞�</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/璁惧宸℃.png" />
+                <span>璁惧宸℃</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/璁惧杩愮淮.png" />
+                <span>璁惧杩愮淮</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/搴撳瓨绠$悊.png" />
+                <span>搴撳瓨绠$悊</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/瀹㈡埛璧勬枡.png" />
+                <span>瀹㈡埛璧勬枡</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/椤圭洰璧勬枡.png" />
+                <span>椤圭洰璧勬枡</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/宸ュ崟鏈嶅姟.png" />
+                <span>宸ュ崟鏈嶅姟</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/鍛樺伐璧勬枡.png" />
+                <span>鍛樺伐璧勬枡</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/鑳借�楃鐞�.png" />
+                <span>鑳借�楃鐞�</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/鏁版嵁鍒嗘瀽.png" />
+                <span>鏁版嵁鍒嗘瀽</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/璐㈠姟绠$悊.png" />
+                <span>璐㈠姟绠$悊</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="./images/icon/鍚堝悓绠$悊.png" />
+                <span>鍚堝悓绠$悊</span>
+            </div>
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">璞嗙背璺宠烦浜у搧绯诲垪</div>
+        <div class="fangan_info" style="width: 335px;">鍔熻兘涓庣増鏈�</div>
+        <div class="fangan_func">
+            <div class="fangan_func_item" style="margin-bottom: 11px;">
+                <div class="fangan_func_item_top">
+                    <img src="./images/ic_siyouhua@2x.png" />
+                    <img src="./images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">绉佹湁鍖栭儴缃�</div>
+                <div class="fangan_func_item_info">绉佹湁鏈嶅姟鍣ㄥ瓨鍌紝鏉滅粷娉勯湶椋庨櫓</div>
+            </div>
+            <div class="fangan_func_item" style="margin-bottom: 11px;">
+                <div class="fangan_func_item_top">
+                    <img src="./images/ic_yuanma@2x.png" />
+                    <img src="./images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">婧愮爜</div>
+                <div class="fangan_func_item_info">鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</div>
+            </div>
+            <div class="fangan_func_item">
+                <div class="fangan_func_item_top">
+                    <img src="./images/ic_dingzhi@2x.png" />
+                    <img src="./images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">瀹氬埗</div>
+                <div class="fangan_func_item_info">鎸夐渶鈥滈噺韬墦閫犫�濓紝绮惧噯鍖归厤涓氬姟 </div>
+            </div>
+            <div class="fangan_func_item">
+                <div class="fangan_func_item_top">
+                    <img src="./images/ic_saas@2x.png" />
+                    <img src="./images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">saas鏈嶅姟</div>
+                <div class="fangan_func_item_info">蹇�熻闃呭惎鐢紝绯荤粺鑷姩鍗囩骇</div>
+            </div>
+        </div>
+    </div>
+
+    <div class="footer">
+        <div class="footer_title">鑱旂郴鎴戜滑</div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>0551-63450845</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_cellphone@2x.png" />
+            <span>15395136032</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_time@2x.png" />
+            <span>09:00-22:00</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+        </div>
+        <div class="footer_x"></div>
+        <div class="footer_info">
+            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+            <span>dmtt.run. All Rights Reserved</span>
+        </div>
+        <div style="width: 100%; height: 54px;"></div>
+        <div class="footer_qrcode">
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>寰俊鍏紬鍙�</span>
+            </div>
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>瀹㈡湇寰俊</span>
+            </div>
+        </div>
+        <div class="footer_lx">
+            <div class="footer_lx_left">
+                <img src="./images/ic_phone@2x.png" />
+                <span>鐢佃瘽鍜ㄨ</span>
+            </div>
+            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </div>
+    </div>
+</div>
+<script src="./js/intelligentSystem1.js"></script>
+</body>
+</html>
diff --git a/mobile/intelligentVenue.html b/mobile/intelligentVenue.html
new file mode 100644
index 0000000..5d3e842
--- /dev/null
+++ b/mobile/intelligentVenue.html
@@ -0,0 +1,358 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/intelligentVenue.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>24H鏅鸿兘鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">24H鏅鸿兘鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">渚濇墭鏅烘収鍦洪绯荤粺鍜屾櫤鑳介棬绂併�佸偍鐗╂煖銆佽兘鑰楃鎺х瓑鐗╄仈璁惧锛屽疄鐜板満棣嗗叏澶╁�欒繍钀�</div>
+            <img src="./images/img_24h@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">24H鏅鸿兘鍦洪绀鸿В鍐虫柟妗堜紭鍔�</div>
+            <img style="height: 155px;" src="./images/solution_24h@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">瀹㈡祦鐩戞祴</div>
+            <div class="item_info">
+                閫氳繃鍏ュ彛闂告満銆佹櫤鑳芥憚鍍忓ご绛夌簿鍑嗙粺璁″娴侊紱<br />
+                鍒嗘瀽鍦哄唴浜哄憳娴佸姩鏁版嵁锛屾敮鎾戣繍钀ュ喅绛栥��
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shuangmushexiangji@2x.png" />
+                    <span>鍙岀洰鎽勫儚鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zingweijiance@2x.png" />
+                    <span>琛屼负鐩戞帶鎽勫儚鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満璁℃暟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keliufenxi@2x.png" />
+                    <span>瀹㈡祦鍒嗘瀽</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shujudaping@2x.png" />
+                    <span>鏁版嵁澶у睆</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_img122@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">钀ラ攢杞寲</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />
+                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duanxintuisong@2x.png" />
+                    <span>鐭俊鎺ㄩ��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingxiangfaquan@2x.png" />
+                    <span>瀹氬悜鍙戝埜</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dengjiquanyi@2x.png" />
+                    <span>绛夌骇鏉冪泭</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yun1ying_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">璐㈠姟缁熻</div>
+            <div class="item_info">
+                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingyejiesuan@2x.png" />
+                    <span>钀ヤ笟缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shourulaiyuan@2x.png" />
+                    <span>鏀跺叆鏉ユ簮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zijinliushui@2x.png" />
+                    <span>璧勯噾娴佹按</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shoukuanfangshi@2x.png" />
+                    <span>鏀舵鏂瑰紡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_tuikuanjilu@2x.png" />
+                    <span>閫�娆捐褰�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingyefenlei@2x.png" />
+                    <span>钀ヤ笟鍒嗙被</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongtongji@2x.png" />
+                    <span>鏁版嵁鍒嗘瀽</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_34img2@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/intelligentVenue.js"></script>
+</body>
+</html>
diff --git a/mobile/js/IceSnowSports.js b/mobile/js/IceSnowSports.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/IceSnowSports.js
diff --git a/mobile/js/about.js b/mobile/js/about.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/about.js
diff --git a/mobile/js/alot.js b/mobile/js/alot.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/alot.js
diff --git a/mobile/js/campusSports.js b/mobile/js/campusSports.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/campusSports.js
diff --git a/mobile/js/cooperation.js b/mobile/js/cooperation.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/cooperation.js
diff --git a/mobile/js/details.js b/mobile/js/details.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/details.js
diff --git a/mobile/js/dynamic.js b/mobile/js/dynamic.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/dynamic.js
diff --git a/mobile/js/dynamicList.js b/mobile/js/dynamicList.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/dynamicList.js
diff --git a/mobile/js/index.js b/mobile/js/index.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/index.js
diff --git a/mobile/js/intelligentSystem.js b/mobile/js/intelligentSystem.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/intelligentSystem.js
diff --git a/mobile/js/intelligentSystem1.js b/mobile/js/intelligentSystem1.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/intelligentSystem1.js
diff --git a/mobile/js/intelligentVenue.js b/mobile/js/intelligentVenue.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/intelligentVenue.js
diff --git a/mobile/js/nationalFitness.js b/mobile/js/nationalFitness.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/nationalFitness.js
diff --git a/mobile/js/scenicArea.js b/mobile/js/scenicArea.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/scenicArea.js
diff --git a/mobile/js/smartSpace.js b/mobile/js/smartSpace.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/smartSpace.js
diff --git a/mobile/js/smartSportsPark.js b/mobile/js/smartSportsPark.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/smartSportsPark.js
diff --git a/mobile/js/solutionSmartVenue.js b/mobile/js/solutionSmartVenue.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/solutionSmartVenue.js
diff --git a/mobile/js/sportsPlatform.js b/mobile/js/sportsPlatform.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/sportsPlatform.js
diff --git a/mobile/js/sportsVenue.js b/mobile/js/sportsVenue.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/sportsVenue.js
diff --git a/mobile/js/swimmingSports.js b/mobile/js/swimmingSports.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/swimmingSports.js
diff --git a/mobile/js/swiper.min.js b/mobile/js/swiper.min.js
new file mode 100644
index 0000000..49b9de7
--- /dev/null
+++ b/mobile/js/swiper.min.js
@@ -0,0 +1,19 @@
+/**
+ * Swiper 3.4.2
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ *
+ * http://www.idangero.us/swiper/
+ *
+ * Copyright 2017, Vladimir Kharlampidi
+ * The iDangero.us
+ * http://www.idangero.us/
+ *
+ * Licensed under MIT
+ *
+ * Released on: March 10, 2017
+ */
+!function(){"use strict";var e,a=function(s,i){function r(e){return Math.floor(e)}function n(){var e=T.params.autoplay,a=T.slides.eq(T.activeIndex);a.attr("data-swiper-autoplay")&&(e=a.attr("data-swiper-autoplay")||T.params.autoplay),T.autoplayTimeoutId=setTimeout(function(){T.params.loop?(T.fixLoop(),T._slideNext(),T.emit("onAutoplay",T)):T.isEnd?i.autoplayStopOnLast?T.stopAutoplay():(T._slideTo(0),T.emit("onAutoplay",T)):(T._slideNext(),T.emit("onAutoplay",T))},e)}function o(a,t){var s=e(a.target);if(!s.is(t))if("string"==typeof t)s=s.parents(t);else if(t.nodeType){var i;return s.parents().each(function(e,a){a===t&&(i=t)}),i?t:void 0}if(0!==s.length)return s[0]}function l(e,a){a=a||{};var t=window.MutationObserver||window.WebkitMutationObserver,s=new t(function(e){e.forEach(function(e){T.onResize(!0),T.emit("onObserverUpdate",T,e)})});s.observe(e,{attributes:void 0===a.attributes||a.attributes,childList:void 0===a.childList||a.childList,characterData:void 0===a.characterData||a.characterData}),T.observers.push(s)}function p(e){e.originalEvent&&(e=e.originalEvent);var a=e.keyCode||e.charCode;if(!T.params.allowSwipeToNext&&(T.isHorizontal()&&39===a||!T.isHorizontal()&&40===a))return!1;if(!T.params.allowSwipeToPrev&&(T.isHorizontal()&&37===a||!T.isHorizontal()&&38===a))return!1;if(!(e.shiftKey||e.altKey||e.ctrlKey||e.metaKey||document.activeElement&&document.activeElement.nodeName&&("input"===document.activeElement.nodeName.toLowerCase()||"textarea"===document.activeElement.nodeName.toLowerCase()))){if(37===a||39===a||38===a||40===a){var t=!1;if(T.container.parents("."+T.params.slideClass).length>0&&0===T.container.parents("."+T.params.slideActiveClass).length)return;var s={left:window.pageXOffset,top:window.pageYOffset},i=window.innerWidth,r=window.innerHeight,n=T.container.offset();T.rtl&&(n.left=n.left-T.container[0].scrollLeft);for(var o=[[n.left,n.top],[n.left+T.width,n.top],[n.left,n.top+T.height],[n.left+T.width,n.top+T.height]],l=0;l<o.length;l++){var p=o[l];p[0]>=s.left&&p[0]<=s.left+i&&p[1]>=s.top&&p[1]<=s.top+r&&(t=!0)}if(!t)return}T.isHorizontal()?(37!==a&&39!==a||(e.preventDefault?e.preventDefault():e.returnValue=!1),(39===a&&!T.rtl||37===a&&T.rtl)&&T.slideNext(),(37===a&&!T.rtl||39===a&&T.rtl)&&T.slidePrev()):(38!==a&&40!==a||(e.preventDefault?e.preventDefault():e.returnValue=!1),40===a&&T.slideNext(),38===a&&T.slidePrev()),T.emit("onKeyPress",T,a)}}function d(e){var a=0,t=0,s=0,i=0;return"detail"in e&&(t=e.detail),"wheelDelta"in e&&(t=-e.wheelDelta/120),"wheelDeltaY"in e&&(t=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(a=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(a=t,t=0),s=10*a,i=10*t,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(s=e.deltaX),(s||i)&&e.deltaMode&&(1===e.deltaMode?(s*=40,i*=40):(s*=800,i*=800)),s&&!a&&(a=s<1?-1:1),i&&!t&&(t=i<1?-1:1),{spinX:a,spinY:t,pixelX:s,pixelY:i}}function u(e){e.originalEvent&&(e=e.originalEvent);var a=0,t=T.rtl?-1:1,s=d(e);if(T.params.mousewheelForceToAxis)if(T.isHorizontal()){if(!(Math.abs(s.pixelX)>Math.abs(s.pixelY)))return;a=s.pixelX*t}else{if(!(Math.abs(s.pixelY)>Math.abs(s.pixelX)))return;a=s.pixelY}else a=Math.abs(s.pixelX)>Math.abs(s.pixelY)?-s.pixelX*t:-s.pixelY;if(0!==a){if(T.params.mousewheelInvert&&(a=-a),T.params.freeMode){var i=T.getWrapperTranslate()+a*T.params.mousewheelSensitivity,r=T.isBeginning,n=T.isEnd;if(i>=T.minTranslate()&&(i=T.minTranslate()),i<=T.maxTranslate()&&(i=T.maxTranslate()),T.setWrapperTransition(0),T.setWrapperTranslate(i),T.updateProgress(),T.updateActiveIndex(),(!r&&T.isBeginning||!n&&T.isEnd)&&T.updateClasses(),T.params.freeModeSticky?(clearTimeout(T.mousewheel.timeout),T.mousewheel.timeout=setTimeout(function(){T.slideReset()},300)):T.params.lazyLoading&&T.lazy&&T.lazy.load(),T.emit("onScroll",T,e),T.params.autoplay&&T.params.autoplayDisableOnInteraction&&T.stopAutoplay(),0===i||i===T.maxTranslate())return}else{if((new window.Date).getTime()-T.mousewheel.lastScrollTime>60)if(a<0)if(T.isEnd&&!T.params.loop||T.animating){if(T.params.mousewheelReleaseOnEdges)return!0}else T.slideNext(),T.emit("onScroll",T,e);else if(T.isBeginning&&!T.params.loop||T.animating){if(T.params.mousewheelReleaseOnEdges)return!0}else T.slidePrev(),T.emit("onScroll",T,e);T.mousewheel.lastScrollTime=(new window.Date).getTime()}return e.preventDefault?e.preventDefault():e.returnValue=!1,!1}}function c(a,t){a=e(a);var s,i,r,n=T.rtl?-1:1;s=a.attr("data-swiper-parallax")||"0",i=a.attr("data-swiper-parallax-x"),r=a.attr("data-swiper-parallax-y"),i||r?(i=i||"0",r=r||"0"):T.isHorizontal()?(i=s,r="0"):(r=s,i="0"),i=i.indexOf("%")>=0?parseInt(i,10)*t*n+"%":i*t*n+"px",r=r.indexOf("%")>=0?parseInt(r,10)*t+"%":r*t+"px",a.transform("translate3d("+i+", "+r+",0px)")}function m(e){return 0!==e.indexOf("on")&&(e=e[0]!==e[0].toUpperCase()?"on"+e[0].toUpperCase()+e.substring(1):"on"+e),e}if(!(this instanceof a))return new a(s,i);var h={direction:"horizontal",touchEventsTarget:"container",initialSlide:0,speed:300,autoplay:!1,autoplayDisableOnInteraction:!0,autoplayStopOnLast:!1,iOSEdgeSwipeDetection:!1,iOSEdgeSwipeThreshold:20,freeMode:!1,freeModeMomentum:!0,freeModeMomentumRatio:1,freeModeMomentumBounce:!0,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:!1,freeModeMinimumVelocity:.02,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",coverflow:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0},flip:{slideShadows:!0,limitRotation:!0},cube:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94},fade:{crossFade:!1},parallax:!1,zoom:!1,zoomMax:3,zoomMin:1,zoomToggle:!0,scrollbar:null,scrollbarHide:!0,scrollbarDraggable:!1,scrollbarSnapOnRelease:!1,keyboardControl:!1,mousewheelControl:!1,mousewheelReleaseOnEdges:!1,mousewheelInvert:!1,mousewheelForceToAxis:!1,mousewheelSensitivity:1,mousewheelEventsTarged:"container",hashnav:!1,hashnavWatchState:!1,history:!1,replaceState:!1,breakpoints:void 0,spaceBetween:0,slidesPerView:1,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,onlyExternal:!1,threshold:0,touchMoveStopPropagation:!0,touchReleaseOnEdges:!1,uniqueNavElements:!0,pagination:null,paginationElement:"span",paginationClickable:!1,paginationHide:!1,paginationBulletRender:null,paginationProgressRender:null,paginationFractionRender:null,paginationCustomRender:null,paginationType:"bullets",resistance:!0,resistanceRatio:.85,nextButton:null,prevButton:null,watchSlidesProgress:!1,watchSlidesVisibility:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,lazyLoading:!1,lazyLoadingInPrevNext:!1,lazyLoadingInPrevNextAmount:1,lazyLoadingOnTransitionStart:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,control:void 0,controlInverse:!1,controlBy:"slide",normalizeSlideIndex:!0,allowSwipeToPrev:!0,allowSwipeToNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",passiveListeners:!0,containerModifierClass:"swiper-container-",slideClass:"swiper-slide",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",bulletClass:"swiper-pagination-bullet",bulletActiveClass:"swiper-pagination-bullet-active",buttonDisabledClass:"swiper-button-disabled",paginationCurrentClass:"swiper-pagination-current",paginationTotalClass:"swiper-pagination-total",paginationHiddenClass:"swiper-pagination-hidden",paginationProgressbarClass:"swiper-pagination-progressbar",paginationClickableClass:"swiper-pagination-clickable",paginationModifierClass:"swiper-pagination-",lazyLoadingClass:"swiper-lazy",lazyStatusLoadingClass:"swiper-lazy-loading",lazyStatusLoadedClass:"swiper-lazy-loaded",lazyPreloaderClass:"swiper-lazy-preloader",notificationClass:"swiper-notification",preloaderClass:"preloader",zoomContainerClass:"swiper-zoom-container",observer:!1,observeParents:!1,a11y:!1,prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",runCallbacksOnInit:!0},g=i&&i.virtualTranslate;i=i||{};var f={};for(var v in i)if("object"!=typeof i[v]||null===i[v]||(i[v].nodeType||i[v]===window||i[v]===document||void 0!==t&&i[v]instanceof t||"undefined"!=typeof jQuery&&i[v]instanceof jQuery))f[v]=i[v];else{f[v]={};for(var w in i[v])f[v][w]=i[v][w]}for(var y in h)if(void 0===i[y])i[y]=h[y];else if("object"==typeof i[y])for(var x in h[y])void 0===i[y][x]&&(i[y][x]=h[y][x]);var T=this;if(T.params=i,T.originalParams=f,T.classNames=[],void 0!==e&&void 0!==t&&(e=t),(void 0!==e||(e=void 0===t?window.Dom7||window.Zepto||window.jQuery:t))&&(T.$=e,T.currentBreakpoint=void 0,T.getActiveBreakpoint=function(){if(!T.params.breakpoints)return!1;var e,a=!1,t=[];for(e in T.params.breakpoints)T.params.breakpoints.hasOwnProperty(e)&&t.push(e);t.sort(function(e,a){return parseInt(e,10)>parseInt(a,10)});for(var s=0;s<t.length;s++)(e=t[s])>=window.innerWidth&&!a&&(a=e);return a||"max"},T.setBreakpoint=function(){var e=T.getActiveBreakpoint();if(e&&T.currentBreakpoint!==e){var a=e in T.params.breakpoints?T.params.breakpoints[e]:T.originalParams,t=T.params.loop&&a.slidesPerView!==T.params.slidesPerView;for(var s in a)T.params[s]=a[s];T.currentBreakpoint=e,t&&T.destroyLoop&&T.reLoop(!0)}},T.params.breakpoints&&T.setBreakpoint(),T.container=e(s),0!==T.container.length)){if(T.container.length>1){var b=[];return T.container.each(function(){b.push(new a(this,i))}),b}T.container[0].swiper=T,T.container.data("swiper",T),T.classNames.push(T.params.containerModifierClass+T.params.direction),T.params.freeMode&&T.classNames.push(T.params.containerModifierClass+"free-mode"),T.support.flexbox||(T.classNames.push(T.params.containerModifierClass+"no-flexbox"),T.params.slidesPerColumn=1),T.params.autoHeight&&T.classNames.push(T.params.containerModifierClass+"autoheight"),(T.params.parallax||T.params.watchSlidesVisibility)&&(T.params.watchSlidesProgress=!0),T.params.touchReleaseOnEdges&&(T.params.resistanceRatio=0),["cube","coverflow","flip"].indexOf(T.params.effect)>=0&&(T.support.transforms3d?(T.params.watchSlidesProgress=!0,T.classNames.push(T.params.containerModifierClass+"3d")):T.params.effect="slide"),"slide"!==T.params.effect&&T.classNames.push(T.params.containerModifierClass+T.params.effect),"cube"===T.params.effect&&(T.params.resistanceRatio=0,T.params.slidesPerView=1,T.params.slidesPerColumn=1,T.params.slidesPerGroup=1,T.params.centeredSlides=!1,T.params.spaceBetween=0,T.params.virtualTranslate=!0),"fade"!==T.params.effect&&"flip"!==T.params.effect||(T.params.slidesPerView=1,T.params.slidesPerColumn=1,T.params.slidesPerGroup=1,T.params.watchSlidesProgress=!0,T.params.spaceBetween=0,void 0===g&&(T.params.virtualTranslate=!0)),T.params.grabCursor&&T.support.touch&&(T.params.grabCursor=!1),T.wrapper=T.container.children("."+T.params.wrapperClass),T.params.pagination&&(T.paginationContainer=e(T.params.pagination),T.params.uniqueNavElements&&"string"==typeof T.params.pagination&&T.paginationContainer.length>1&&1===T.container.find(T.params.pagination).length&&(T.paginationContainer=T.container.find(T.params.pagination)),"bullets"===T.params.paginationType&&T.params.paginationClickable?T.paginationContainer.addClass(T.params.paginationModifierClass+"clickable"):T.params.paginationClickable=!1,T.paginationContainer.addClass(T.params.paginationModifierClass+T.params.paginationType)),(T.params.nextButton||T.params.prevButton)&&(T.params.nextButton&&(T.nextButton=e(T.params.nextButton),T.params.uniqueNavElements&&"string"==typeof T.params.nextButton&&T.nextButton.length>1&&1===T.container.find(T.params.nextButton).length&&(T.nextButton=T.container.find(T.params.nextButton))),T.params.prevButton&&(T.prevButton=e(T.params.prevButton),T.params.uniqueNavElements&&"string"==typeof T.params.prevButton&&T.prevButton.length>1&&1===T.container.find(T.params.prevButton).length&&(T.prevButton=T.container.find(T.params.prevButton)))),T.isHorizontal=function(){return"horizontal"===T.params.direction},T.rtl=T.isHorizontal()&&("rtl"===T.container[0].dir.toLowerCase()||"rtl"===T.container.css("direction")),T.rtl&&T.classNames.push(T.params.containerModifierClass+"rtl"),T.rtl&&(T.wrongRTL="-webkit-box"===T.wrapper.css("display")),T.params.slidesPerColumn>1&&T.classNames.push(T.params.containerModifierClass+"multirow"),T.device.android&&T.classNames.push(T.params.containerModifierClass+"android"),T.container.addClass(T.classNames.join(" ")),T.translate=0,T.progress=0,T.velocity=0,T.lockSwipeToNext=function(){T.params.allowSwipeToNext=!1,T.params.allowSwipeToPrev===!1&&T.params.grabCursor&&T.unsetGrabCursor()},T.lockSwipeToPrev=function(){T.params.allowSwipeToPrev=!1,T.params.allowSwipeToNext===!1&&T.params.grabCursor&&T.unsetGrabCursor()},T.lockSwipes=function(){T.params.allowSwipeToNext=T.params.allowSwipeToPrev=!1,T.params.grabCursor&&T.unsetGrabCursor()},T.unlockSwipeToNext=function(){T.params.allowSwipeToNext=!0,T.params.allowSwipeToPrev===!0&&T.params.grabCursor&&T.setGrabCursor()},T.unlockSwipeToPrev=function(){T.params.allowSwipeToPrev=!0,T.params.allowSwipeToNext===!0&&T.params.grabCursor&&T.setGrabCursor()},T.unlockSwipes=function(){T.params.allowSwipeToNext=T.params.allowSwipeToPrev=!0,T.params.grabCursor&&T.setGrabCursor()},T.setGrabCursor=function(e){T.container[0].style.cursor="move",T.container[0].style.cursor=e?"-webkit-grabbing":"-webkit-grab",T.container[0].style.cursor=e?"-moz-grabbin":"-moz-grab",T.container[0].style.cursor=e?"grabbing":"grab"},T.unsetGrabCursor=function(){T.container[0].style.cursor=""},T.params.grabCursor&&T.setGrabCursor(),T.imagesToLoad=[],T.imagesLoaded=0,T.loadImage=function(e,a,t,s,i,r){function n(){r&&r()}var o;e.complete&&i?n():a?(o=new window.Image,o.onload=n,o.onerror=n,s&&(o.sizes=s),t&&(o.srcset=t),a&&(o.src=a)):n()},T.preloadImages=function(){function e(){void 0!==T&&null!==T&&T&&(void 0!==T.imagesLoaded&&T.imagesLoaded++,T.imagesLoaded===T.imagesToLoad.length&&(T.params.updateOnImagesReady&&T.update(),T.emit("onImagesReady",T)))}T.imagesToLoad=T.container.find("img");for(var a=0;a<T.imagesToLoad.length;a++)T.loadImage(T.imagesToLoad[a],T.imagesToLoad[a].currentSrc||T.imagesToLoad[a].getAttribute("src"),T.imagesToLoad[a].srcset||T.imagesToLoad[a].getAttribute("srcset"),T.imagesToLoad[a].sizes||T.imagesToLoad[a].getAttribute("sizes"),!0,e)},T.autoplayTimeoutId=void 0,T.autoplaying=!1,T.autoplayPaused=!1,T.startAutoplay=function(){return void 0===T.autoplayTimeoutId&&(!!T.params.autoplay&&(!T.autoplaying&&(T.autoplaying=!0,T.emit("onAutoplayStart",T),void n())))},T.stopAutoplay=function(e){T.autoplayTimeoutId&&(T.autoplayTimeoutId&&clearTimeout(T.autoplayTimeoutId),T.autoplaying=!1,T.autoplayTimeoutId=void 0,T.emit("onAutoplayStop",T))},T.pauseAutoplay=function(e){T.autoplayPaused||(T.autoplayTimeoutId&&clearTimeout(T.autoplayTimeoutId),T.autoplayPaused=!0,0===e?(T.autoplayPaused=!1,n()):T.wrapper.transitionEnd(function(){T&&(T.autoplayPaused=!1,T.autoplaying?n():T.stopAutoplay())}))},T.minTranslate=function(){return-T.snapGrid[0]},T.maxTranslate=function(){return-T.snapGrid[T.snapGrid.length-1]},T.updateAutoHeight=function(){var e,a=[],t=0;if("auto"!==T.params.slidesPerView&&T.params.slidesPerView>1)for(e=0;e<Math.ceil(T.params.slidesPerView);e++){var s=T.activeIndex+e;if(s>T.slides.length)break;a.push(T.slides.eq(s)[0])}else a.push(T.slides.eq(T.activeIndex)[0]);for(e=0;e<a.length;e++)if(void 0!==a[e]){var i=a[e].offsetHeight;t=i>t?i:t}t&&T.wrapper.css("height",t+"px")},T.updateContainerSize=function(){var e,a;e=void 0!==T.params.width?T.params.width:T.container[0].clientWidth,a=void 0!==T.params.height?T.params.height:T.container[0].clientHeight,0===e&&T.isHorizontal()||0===a&&!T.isHorizontal()||(e=e-parseInt(T.container.css("padding-left"),10)-parseInt(T.container.css("padding-right"),10),a=a-parseInt(T.container.css("padding-top"),10)-parseInt(T.container.css("padding-bottom"),10),T.width=e,T.height=a,T.size=T.isHorizontal()?T.width:T.height)},T.updateSlidesSize=function(){T.slides=T.wrapper.children("."+T.params.slideClass),T.snapGrid=[],T.slidesGrid=[],T.slidesSizesGrid=[];var e,a=T.params.spaceBetween,t=-T.params.slidesOffsetBefore,s=0,i=0;if(void 0!==T.size){"string"==typeof a&&a.indexOf("%")>=0&&(a=parseFloat(a.replace("%",""))/100*T.size),T.virtualSize=-a,T.rtl?T.slides.css({marginLeft:"",marginTop:""}):T.slides.css({marginRight:"",marginBottom:""});var n;T.params.slidesPerColumn>1&&(n=Math.floor(T.slides.length/T.params.slidesPerColumn)===T.slides.length/T.params.slidesPerColumn?T.slides.length:Math.ceil(T.slides.length/T.params.slidesPerColumn)*T.params.slidesPerColumn,"auto"!==T.params.slidesPerView&&"row"===T.params.slidesPerColumnFill&&(n=Math.max(n,T.params.slidesPerView*T.params.slidesPerColumn)));var o,l=T.params.slidesPerColumn,p=n/l,d=p-(T.params.slidesPerColumn*p-T.slides.length);for(e=0;e<T.slides.length;e++){o=0;var u=T.slides.eq(e);if(T.params.slidesPerColumn>1){var c,m,h;"column"===T.params.slidesPerColumnFill?(m=Math.floor(e/l),h=e-m*l,(m>d||m===d&&h===l-1)&&++h>=l&&(h=0,m++),c=m+h*n/l,u.css({"-webkit-box-ordinal-group":c,"-moz-box-ordinal-group":c,"-ms-flex-order":c,"-webkit-order":c,order:c})):(h=Math.floor(e/p),m=e-h*p),u.css("margin-"+(T.isHorizontal()?"top":"left"),0!==h&&T.params.spaceBetween&&T.params.spaceBetween+"px").attr("data-swiper-column",m).attr("data-swiper-row",h)}"none"!==u.css("display")&&("auto"===T.params.slidesPerView?(o=T.isHorizontal()?u.outerWidth(!0):u.outerHeight(!0),T.params.roundLengths&&(o=r(o))):(o=(T.size-(T.params.slidesPerView-1)*a)/T.params.slidesPerView,T.params.roundLengths&&(o=r(o)),T.isHorizontal()?T.slides[e].style.width=o+"px":T.slides[e].style.height=o+"px"),T.slides[e].swiperSlideSize=o,T.slidesSizesGrid.push(o),T.params.centeredSlides?(t=t+o/2+s/2+a,0===s&&0!==e&&(t=t-T.size/2-a),0===e&&(t=t-T.size/2-a),Math.abs(t)<.001&&(t=0),i%T.params.slidesPerGroup==0&&T.snapGrid.push(t),T.slidesGrid.push(t)):(i%T.params.slidesPerGroup==0&&T.snapGrid.push(t),T.slidesGrid.push(t),t=t+o+a),T.virtualSize+=o+a,s=o,i++)}T.virtualSize=Math.max(T.virtualSize,T.size)+T.params.slidesOffsetAfter;var g;if(T.rtl&&T.wrongRTL&&("slide"===T.params.effect||"coverflow"===T.params.effect)&&T.wrapper.css({width:T.virtualSize+T.params.spaceBetween+"px"}),T.support.flexbox&&!T.params.setWrapperSize||(T.isHorizontal()?T.wrapper.css({width:T.virtualSize+T.params.spaceBetween+"px"}):T.wrapper.css({height:T.virtualSize+T.params.spaceBetween+"px"})),T.params.slidesPerColumn>1&&(T.virtualSize=(o+T.params.spaceBetween)*n,T.virtualSize=Math.ceil(T.virtualSize/T.params.slidesPerColumn)-T.params.spaceBetween,T.isHorizontal()?T.wrapper.css({width:T.virtualSize+T.params.spaceBetween+"px"}):T.wrapper.css({height:T.virtualSize+T.params.spaceBetween+"px"}),T.params.centeredSlides)){for(g=[],e=0;e<T.snapGrid.length;e++)T.snapGrid[e]<T.virtualSize+T.snapGrid[0]&&g.push(T.snapGrid[e]);T.snapGrid=g}if(!T.params.centeredSlides){for(g=[],e=0;e<T.snapGrid.length;e++)T.snapGrid[e]<=T.virtualSize-T.size&&g.push(T.snapGrid[e]);T.snapGrid=g,Math.floor(T.virtualSize-T.size)-Math.floor(T.snapGrid[T.snapGrid.length-1])>1&&T.snapGrid.push(T.virtualSize-T.size)}0===T.snapGrid.length&&(T.snapGrid=[0]),0!==T.params.spaceBetween&&(T.isHorizontal()?T.rtl?T.slides.css({marginLeft:a+"px"}):T.slides.css({marginRight:a+"px"}):T.slides.css({marginBottom:a+"px"})),T.params.watchSlidesProgress&&T.updateSlidesOffset()}},T.updateSlidesOffset=function(){for(var e=0;e<T.slides.length;e++)T.slides[e].swiperSlideOffset=T.isHorizontal()?T.slides[e].offsetLeft:T.slides[e].offsetTop},T.currentSlidesPerView=function(){var e,a,t=1;if(T.params.centeredSlides){var s,i=T.slides[T.activeIndex].swiperSlideSize;for(e=T.activeIndex+1;e<T.slides.length;e++)T.slides[e]&&!s&&(i+=T.slides[e].swiperSlideSize,t++,i>T.size&&(s=!0));for(a=T.activeIndex-1;a>=0;a--)T.slides[a]&&!s&&(i+=T.slides[a].swiperSlideSize,t++,i>T.size&&(s=!0))}else for(e=T.activeIndex+1;e<T.slides.length;e++)T.slidesGrid[e]-T.slidesGrid[T.activeIndex]<T.size&&t++;return t},T.updateSlidesProgress=function(e){if(void 0===e&&(e=T.translate||0),0!==T.slides.length){void 0===T.slides[0].swiperSlideOffset&&T.updateSlidesOffset();var a=-e;T.rtl&&(a=e),T.slides.removeClass(T.params.slideVisibleClass);for(var t=0;t<T.slides.length;t++){var s=T.slides[t],i=(a+(T.params.centeredSlides?T.minTranslate():0)-s.swiperSlideOffset)/(s.swiperSlideSize+T.params.spaceBetween);if(T.params.watchSlidesVisibility){var r=-(a-s.swiperSlideOffset),n=r+T.slidesSizesGrid[t];(r>=0&&r<T.size||n>0&&n<=T.size||r<=0&&n>=T.size)&&T.slides.eq(t).addClass(T.params.slideVisibleClass)}s.progress=T.rtl?-i:i}}},T.updateProgress=function(e){void 0===e&&(e=T.translate||0);var a=T.maxTranslate()-T.minTranslate(),t=T.isBeginning,s=T.isEnd;0===a?(T.progress=0,T.isBeginning=T.isEnd=!0):(T.progress=(e-T.minTranslate())/a,T.isBeginning=T.progress<=0,T.isEnd=T.progress>=1),T.isBeginning&&!t&&T.emit("onReachBeginning",T),T.isEnd&&!s&&T.emit("onReachEnd",T),T.params.watchSlidesProgress&&T.updateSlidesProgress(e),T.emit("onProgress",T,T.progress)},T.updateActiveIndex=function(){var e,a,t,s=T.rtl?T.translate:-T.translate;for(a=0;a<T.slidesGrid.length;a++)void 0!==T.slidesGrid[a+1]?s>=T.slidesGrid[a]&&s<T.slidesGrid[a+1]-(T.slidesGrid[a+1]-T.slidesGrid[a])/2?e=a:s>=T.slidesGrid[a]&&s<T.slidesGrid[a+1]&&(e=a+1):s>=T.slidesGrid[a]&&(e=a);T.params.normalizeSlideIndex&&(e<0||void 0===e)&&(e=0),t=Math.floor(e/T.params.slidesPerGroup),t>=T.snapGrid.length&&(t=T.snapGrid.length-1),e!==T.activeIndex&&(T.snapIndex=t,T.previousIndex=T.activeIndex,T.activeIndex=e,T.updateClasses(),T.updateRealIndex())},T.updateRealIndex=function(){T.realIndex=parseInt(T.slides.eq(T.activeIndex).attr("data-swiper-slide-index")||T.activeIndex,10)},T.updateClasses=function(){T.slides.removeClass(T.params.slideActiveClass+" "+T.params.slideNextClass+" "+T.params.slidePrevClass+" "+T.params.slideDuplicateActiveClass+" "+T.params.slideDuplicateNextClass+" "+T.params.slideDuplicatePrevClass);var a=T.slides.eq(T.activeIndex);a.addClass(T.params.slideActiveClass),i.loop&&(a.hasClass(T.params.slideDuplicateClass)?T.wrapper.children("."+T.params.slideClass+":not(."+T.params.slideDuplicateClass+')[data-swiper-slide-index="'+T.realIndex+'"]').addClass(T.params.slideDuplicateActiveClass):T.wrapper.children("."+T.params.slideClass+"."+T.params.slideDuplicateClass+'[data-swiper-slide-index="'+T.realIndex+'"]').addClass(T.params.slideDuplicateActiveClass));var t=a.next("."+T.params.slideClass).addClass(T.params.slideNextClass);T.params.loop&&0===t.length&&(t=T.slides.eq(0),t.addClass(T.params.slideNextClass));var s=a.prev("."+T.params.slideClass).addClass(T.params.slidePrevClass);if(T.params.loop&&0===s.length&&(s=T.slides.eq(-1),s.addClass(T.params.slidePrevClass)),i.loop&&(t.hasClass(T.params.slideDuplicateClass)?T.wrapper.children("."+T.params.slideClass+":not(."+T.params.slideDuplicateClass+')[data-swiper-slide-index="'+t.attr("data-swiper-slide-index")+'"]').addClass(T.params.slideDuplicateNextClass):T.wrapper.children("."+T.params.slideClass+"."+T.params.slideDuplicateClass+'[data-swiper-slide-index="'+t.attr("data-swiper-slide-index")+'"]').addClass(T.params.slideDuplicateNextClass),s.hasClass(T.params.slideDuplicateClass)?T.wrapper.children("."+T.params.slideClass+":not(."+T.params.slideDuplicateClass+')[data-swiper-slide-index="'+s.attr("data-swiper-slide-index")+'"]').addClass(T.params.slideDuplicatePrevClass):T.wrapper.children("."+T.params.slideClass+"."+T.params.slideDuplicateClass+'[data-swiper-slide-index="'+s.attr("data-swiper-slide-index")+'"]').addClass(T.params.slideDuplicatePrevClass)),T.paginationContainer&&T.paginationContainer.length>0){var r,n=T.params.loop?Math.ceil((T.slides.length-2*T.loopedSlides)/T.params.slidesPerGroup):T.snapGrid.length;if(T.params.loop?(r=Math.ceil((T.activeIndex-T.loopedSlides)/T.params.slidesPerGroup),r>T.slides.length-1-2*T.loopedSlides&&(r-=T.slides.length-2*T.loopedSlides),r>n-1&&(r-=n),r<0&&"bullets"!==T.params.paginationType&&(r=n+r)):r=void 0!==T.snapIndex?T.snapIndex:T.activeIndex||0,"bullets"===T.params.paginationType&&T.bullets&&T.bullets.length>0&&(T.bullets.removeClass(T.params.bulletActiveClass),T.paginationContainer.length>1?T.bullets.each(function(){e(this).index()===r&&e(this).addClass(T.params.bulletActiveClass)}):T.bullets.eq(r).addClass(T.params.bulletActiveClass)),"fraction"===T.params.paginationType&&(T.paginationContainer.find("."+T.params.paginationCurrentClass).text(r+1),T.paginationContainer.find("."+T.params.paginationTotalClass).text(n)),"progress"===T.params.paginationType){var o=(r+1)/n,l=o,p=1;T.isHorizontal()||(p=o,l=1),T.paginationContainer.find("."+T.params.paginationProgressbarClass).transform("translate3d(0,0,0) scaleX("+l+") scaleY("+p+")").transition(T.params.speed)}"custom"===T.params.paginationType&&T.params.paginationCustomRender&&(T.paginationContainer.html(T.params.paginationCustomRender(T,r+1,n)),T.emit("onPaginationRendered",T,T.paginationContainer[0]))}T.params.loop||(T.params.prevButton&&T.prevButton&&T.prevButton.length>0&&(T.isBeginning?(T.prevButton.addClass(T.params.buttonDisabledClass),T.params.a11y&&T.a11y&&T.a11y.disable(T.prevButton)):(T.prevButton.removeClass(T.params.buttonDisabledClass),T.params.a11y&&T.a11y&&T.a11y.enable(T.prevButton))),T.params.nextButton&&T.nextButton&&T.nextButton.length>0&&(T.isEnd?(T.nextButton.addClass(T.params.buttonDisabledClass),T.params.a11y&&T.a11y&&T.a11y.disable(T.nextButton)):(T.nextButton.removeClass(T.params.buttonDisabledClass),T.params.a11y&&T.a11y&&T.a11y.enable(T.nextButton))))},T.updatePagination=function(){if(T.params.pagination&&T.paginationContainer&&T.paginationContainer.length>0){var e="";if("bullets"===T.params.paginationType){for(var a=T.params.loop?Math.ceil((T.slides.length-2*T.loopedSlides)/T.params.slidesPerGroup):T.snapGrid.length,t=0;t<a;t++)e+=T.params.paginationBulletRender?T.params.paginationBulletRender(T,t,T.params.bulletClass):"<"+T.params.paginationElement+' class="'+T.params.bulletClass+'"></'+T.params.paginationElement+">";T.paginationContainer.html(e),T.bullets=T.paginationContainer.find("."+T.params.bulletClass),T.params.paginationClickable&&T.params.a11y&&T.a11y&&T.a11y.initPagination()}"fraction"===T.params.paginationType&&(e=T.params.paginationFractionRender?T.params.paginationFractionRender(T,T.params.paginationCurrentClass,T.params.paginationTotalClass):'<span class="'+T.params.paginationCurrentClass+'"></span> / <span class="'+T.params.paginationTotalClass+'"></span>',T.paginationContainer.html(e)),"progress"===T.params.paginationType&&(e=T.params.paginationProgressRender?T.params.paginationProgressRender(T,T.params.paginationProgressbarClass):'<span class="'+T.params.paginationProgressbarClass+'"></span>',T.paginationContainer.html(e)),"custom"!==T.params.paginationType&&T.emit("onPaginationRendered",T,T.paginationContainer[0])}},T.update=function(e){function a(){T.rtl,T.translate;t=Math.min(Math.max(T.translate,T.maxTranslate()),T.minTranslate()),T.setWrapperTranslate(t),T.updateActiveIndex(),T.updateClasses()}if(T){T.updateContainerSize(),T.updateSlidesSize(),T.updateProgress(),T.updatePagination(),T.updateClasses(),T.params.scrollbar&&T.scrollbar&&T.scrollbar.set();var t;if(e){T.controller&&T.controller.spline&&(T.controller.spline=void 0),T.params.freeMode?(a(),T.params.autoHeight&&T.updateAutoHeight()):(("auto"===T.params.slidesPerView||T.params.slidesPerView>1)&&T.isEnd&&!T.params.centeredSlides?T.slideTo(T.slides.length-1,0,!1,!0):T.slideTo(T.activeIndex,0,!1,!0))||a()}else T.params.autoHeight&&T.updateAutoHeight()}},T.onResize=function(e){T.params.onBeforeResize&&T.params.onBeforeResize(T),T.params.breakpoints&&T.setBreakpoint();var a=T.params.allowSwipeToPrev,t=T.params.allowSwipeToNext;T.params.allowSwipeToPrev=T.params.allowSwipeToNext=!0,T.updateContainerSize(),T.updateSlidesSize(),("auto"===T.params.slidesPerView||T.params.freeMode||e)&&T.updatePagination(),T.params.scrollbar&&T.scrollbar&&T.scrollbar.set(),T.controller&&T.controller.spline&&(T.controller.spline=void 0);var s=!1;if(T.params.freeMode){var i=Math.min(Math.max(T.translate,T.maxTranslate()),T.minTranslate());T.setWrapperTranslate(i),T.updateActiveIndex(),T.updateClasses(),T.params.autoHeight&&T.updateAutoHeight()}else T.updateClasses(),s=("auto"===T.params.slidesPerView||T.params.slidesPerView>1)&&T.isEnd&&!T.params.centeredSlides?T.slideTo(T.slides.length-1,0,!1,!0):T.slideTo(T.activeIndex,0,!1,!0);T.params.lazyLoading&&!s&&T.lazy&&T.lazy.load(),T.params.allowSwipeToPrev=a,T.params.allowSwipeToNext=t,T.params.onAfterResize&&T.params.onAfterResize(T)},T.touchEventsDesktop={start:"mousedown",move:"mousemove",end:"mouseup"},window.navigator.pointerEnabled?T.touchEventsDesktop={start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled&&(T.touchEventsDesktop={start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}),T.touchEvents={start:T.support.touch||!T.params.simulateTouch?"touchstart":T.touchEventsDesktop.start,move:T.support.touch||!T.params.simulateTouch?"touchmove":T.touchEventsDesktop.move,end:T.support.touch||!T.params.simulateTouch?"touchend":T.touchEventsDesktop.end},(window.navigator.pointerEnabled||window.navigator.msPointerEnabled)&&("container"===T.params.touchEventsTarget?T.container:T.wrapper).addClass("swiper-wp8-"+T.params.direction),T.initEvents=function(e){var a=e?"off":"on",t=e?"removeEventListener":"addEventListener",s="container"===T.params.touchEventsTarget?T.container[0]:T.wrapper[0],r=T.support.touch?s:document,n=!!T.params.nested;if(T.browser.ie)s[t](T.touchEvents.start,T.onTouchStart,!1),r[t](T.touchEvents.move,T.onTouchMove,n),r[t](T.touchEvents.end,T.onTouchEnd,!1);else{if(T.support.touch){var o=!("touchstart"!==T.touchEvents.start||!T.support.passiveListener||!T.params.passiveListeners)&&{passive:!0,capture:!1};s[t](T.touchEvents.start,T.onTouchStart,o),s[t](T.touchEvents.move,T.onTouchMove,n),s[t](T.touchEvents.end,T.onTouchEnd,o)}(i.simulateTouch&&!T.device.ios&&!T.device.android||i.simulateTouch&&!T.support.touch&&T.device.ios)&&(s[t]("mousedown",T.onTouchStart,!1),document[t]("mousemove",T.onTouchMove,n),document[t]("mouseup",T.onTouchEnd,!1))}window[t]("resize",T.onResize),T.params.nextButton&&T.nextButton&&T.nextButton.length>0&&(T.nextButton[a]("click",T.onClickNext),T.params.a11y&&T.a11y&&T.nextButton[a]("keydown",T.a11y.onEnterKey)),T.params.prevButton&&T.prevButton&&T.prevButton.length>0&&(T.prevButton[a]("click",T.onClickPrev),T.params.a11y&&T.a11y&&T.prevButton[a]("keydown",T.a11y.onEnterKey)),T.params.pagination&&T.params.paginationClickable&&(T.paginationContainer[a]("click","."+T.params.bulletClass,T.onClickIndex),T.params.a11y&&T.a11y&&T.paginationContainer[a]("keydown","."+T.params.bulletClass,T.a11y.onEnterKey)),(T.params.preventClicks||T.params.preventClicksPropagation)&&s[t]("click",T.preventClicks,!0)},T.attachEvents=function(){T.initEvents()},T.detachEvents=function(){T.initEvents(!0)},T.allowClick=!0,T.preventClicks=function(e){T.allowClick||(T.params.preventClicks&&e.preventDefault(),T.params.preventClicksPropagation&&T.animating&&(e.stopPropagation(),e.stopImmediatePropagation()))},T.onClickNext=function(e){e.preventDefault(),T.isEnd&&!T.params.loop||T.slideNext()},T.onClickPrev=function(e){e.preventDefault(),T.isBeginning&&!T.params.loop||T.slidePrev()},T.onClickIndex=function(a){a.preventDefault();var t=e(this).index()*T.params.slidesPerGroup;T.params.loop&&(t+=T.loopedSlides),T.slideTo(t)},
+    T.updateClickedSlide=function(a){var t=o(a,"."+T.params.slideClass),s=!1;if(t)for(var i=0;i<T.slides.length;i++)T.slides[i]===t&&(s=!0);if(!t||!s)return T.clickedSlide=void 0,void(T.clickedIndex=void 0);if(T.clickedSlide=t,T.clickedIndex=e(t).index(),T.params.slideToClickedSlide&&void 0!==T.clickedIndex&&T.clickedIndex!==T.activeIndex){var r,n=T.clickedIndex,l="auto"===T.params.slidesPerView?T.currentSlidesPerView():T.params.slidesPerView;if(T.params.loop){if(T.animating)return;r=parseInt(e(T.clickedSlide).attr("data-swiper-slide-index"),10),T.params.centeredSlides?n<T.loopedSlides-l/2||n>T.slides.length-T.loopedSlides+l/2?(T.fixLoop(),n=T.wrapper.children("."+T.params.slideClass+'[data-swiper-slide-index="'+r+'"]:not(.'+T.params.slideDuplicateClass+")").eq(0).index(),setTimeout(function(){T.slideTo(n)},0)):T.slideTo(n):n>T.slides.length-l?(T.fixLoop(),n=T.wrapper.children("."+T.params.slideClass+'[data-swiper-slide-index="'+r+'"]:not(.'+T.params.slideDuplicateClass+")").eq(0).index(),setTimeout(function(){T.slideTo(n)},0)):T.slideTo(n)}else T.slideTo(n)}};var S,C,z,M,E,P,I,k,L,D,B="input, select, textarea, button, video",H=Date.now(),G=[];T.animating=!1,T.touches={startX:0,startY:0,currentX:0,currentY:0,diff:0};var X,A;T.onTouchStart=function(a){if(a.originalEvent&&(a=a.originalEvent),(X="touchstart"===a.type)||!("which"in a)||3!==a.which){if(T.params.noSwiping&&o(a,"."+T.params.noSwipingClass))return void(T.allowClick=!0);if(!T.params.swipeHandler||o(a,T.params.swipeHandler)){var t=T.touches.currentX="touchstart"===a.type?a.targetTouches[0].pageX:a.pageX,s=T.touches.currentY="touchstart"===a.type?a.targetTouches[0].pageY:a.pageY;if(!(T.device.ios&&T.params.iOSEdgeSwipeDetection&&t<=T.params.iOSEdgeSwipeThreshold)){if(S=!0,C=!1,z=!0,E=void 0,A=void 0,T.touches.startX=t,T.touches.startY=s,M=Date.now(),T.allowClick=!0,T.updateContainerSize(),T.swipeDirection=void 0,T.params.threshold>0&&(k=!1),"touchstart"!==a.type){var i=!0;e(a.target).is(B)&&(i=!1),document.activeElement&&e(document.activeElement).is(B)&&document.activeElement.blur(),i&&a.preventDefault()}T.emit("onTouchStart",T,a)}}}},T.onTouchMove=function(a){if(a.originalEvent&&(a=a.originalEvent),!X||"mousemove"!==a.type){if(a.preventedByNestedSwiper)return T.touches.startX="touchmove"===a.type?a.targetTouches[0].pageX:a.pageX,void(T.touches.startY="touchmove"===a.type?a.targetTouches[0].pageY:a.pageY);if(T.params.onlyExternal)return T.allowClick=!1,void(S&&(T.touches.startX=T.touches.currentX="touchmove"===a.type?a.targetTouches[0].pageX:a.pageX,T.touches.startY=T.touches.currentY="touchmove"===a.type?a.targetTouches[0].pageY:a.pageY,M=Date.now()));if(X&&T.params.touchReleaseOnEdges&&!T.params.loop)if(T.isHorizontal()){if(T.touches.currentX<T.touches.startX&&T.translate<=T.maxTranslate()||T.touches.currentX>T.touches.startX&&T.translate>=T.minTranslate())return}else if(T.touches.currentY<T.touches.startY&&T.translate<=T.maxTranslate()||T.touches.currentY>T.touches.startY&&T.translate>=T.minTranslate())return;if(X&&document.activeElement&&a.target===document.activeElement&&e(a.target).is(B))return C=!0,void(T.allowClick=!1);if(z&&T.emit("onTouchMove",T,a),!(a.targetTouches&&a.targetTouches.length>1)){if(T.touches.currentX="touchmove"===a.type?a.targetTouches[0].pageX:a.pageX,T.touches.currentY="touchmove"===a.type?a.targetTouches[0].pageY:a.pageY,void 0===E){var t;T.isHorizontal()&&T.touches.currentY===T.touches.startY||!T.isHorizontal()&&T.touches.currentX===T.touches.startX?E=!1:(t=180*Math.atan2(Math.abs(T.touches.currentY-T.touches.startY),Math.abs(T.touches.currentX-T.touches.startX))/Math.PI,E=T.isHorizontal()?t>T.params.touchAngle:90-t>T.params.touchAngle)}if(E&&T.emit("onTouchMoveOpposite",T,a),void 0===A&&(T.touches.currentX===T.touches.startX&&T.touches.currentY===T.touches.startY||(A=!0)),S){if(E)return void(S=!1);if(A){T.allowClick=!1,T.emit("onSliderMove",T,a),a.preventDefault(),T.params.touchMoveStopPropagation&&!T.params.nested&&a.stopPropagation(),C||(i.loop&&T.fixLoop(),I=T.getWrapperTranslate(),T.setWrapperTransition(0),T.animating&&T.wrapper.trigger("webkitTransitionEnd transitionend oTransitionEnd MSTransitionEnd msTransitionEnd"),T.params.autoplay&&T.autoplaying&&(T.params.autoplayDisableOnInteraction?T.stopAutoplay():T.pauseAutoplay()),D=!1,!T.params.grabCursor||T.params.allowSwipeToNext!==!0&&T.params.allowSwipeToPrev!==!0||T.setGrabCursor(!0)),C=!0;var s=T.touches.diff=T.isHorizontal()?T.touches.currentX-T.touches.startX:T.touches.currentY-T.touches.startY;s*=T.params.touchRatio,T.rtl&&(s=-s),T.swipeDirection=s>0?"prev":"next",P=s+I;var r=!0;if(s>0&&P>T.minTranslate()?(r=!1,T.params.resistance&&(P=T.minTranslate()-1+Math.pow(-T.minTranslate()+I+s,T.params.resistanceRatio))):s<0&&P<T.maxTranslate()&&(r=!1,T.params.resistance&&(P=T.maxTranslate()+1-Math.pow(T.maxTranslate()-I-s,T.params.resistanceRatio))),r&&(a.preventedByNestedSwiper=!0),!T.params.allowSwipeToNext&&"next"===T.swipeDirection&&P<I&&(P=I),!T.params.allowSwipeToPrev&&"prev"===T.swipeDirection&&P>I&&(P=I),T.params.threshold>0){if(!(Math.abs(s)>T.params.threshold||k))return void(P=I);if(!k)return k=!0,T.touches.startX=T.touches.currentX,T.touches.startY=T.touches.currentY,P=I,void(T.touches.diff=T.isHorizontal()?T.touches.currentX-T.touches.startX:T.touches.currentY-T.touches.startY)}T.params.followFinger&&((T.params.freeMode||T.params.watchSlidesProgress)&&T.updateActiveIndex(),T.params.freeMode&&(0===G.length&&G.push({position:T.touches[T.isHorizontal()?"startX":"startY"],time:M}),G.push({position:T.touches[T.isHorizontal()?"currentX":"currentY"],time:(new window.Date).getTime()})),T.updateProgress(P),T.setWrapperTranslate(P))}}}}},T.onTouchEnd=function(a){if(a.originalEvent&&(a=a.originalEvent),z&&T.emit("onTouchEnd",T,a),z=!1,S){T.params.grabCursor&&C&&S&&(T.params.allowSwipeToNext===!0||T.params.allowSwipeToPrev===!0)&&T.setGrabCursor(!1);var t=Date.now(),s=t-M;if(T.allowClick&&(T.updateClickedSlide(a),T.emit("onTap",T,a),s<300&&t-H>300&&(L&&clearTimeout(L),L=setTimeout(function(){T&&(T.params.paginationHide&&T.paginationContainer.length>0&&!e(a.target).hasClass(T.params.bulletClass)&&T.paginationContainer.toggleClass(T.params.paginationHiddenClass),T.emit("onClick",T,a))},300)),s<300&&t-H<300&&(L&&clearTimeout(L),T.emit("onDoubleTap",T,a))),H=Date.now(),setTimeout(function(){T&&(T.allowClick=!0)},0),!S||!C||!T.swipeDirection||0===T.touches.diff||P===I)return void(S=C=!1);S=C=!1;var i;if(i=T.params.followFinger?T.rtl?T.translate:-T.translate:-P,T.params.freeMode){if(i<-T.minTranslate())return void T.slideTo(T.activeIndex);if(i>-T.maxTranslate())return void(T.slides.length<T.snapGrid.length?T.slideTo(T.snapGrid.length-1):T.slideTo(T.slides.length-1));if(T.params.freeModeMomentum){if(G.length>1){var r=G.pop(),n=G.pop(),o=r.position-n.position,l=r.time-n.time;T.velocity=o/l,T.velocity=T.velocity/2,Math.abs(T.velocity)<T.params.freeModeMinimumVelocity&&(T.velocity=0),(l>150||(new window.Date).getTime()-r.time>300)&&(T.velocity=0)}else T.velocity=0;T.velocity=T.velocity*T.params.freeModeMomentumVelocityRatio,G.length=0;var p=1e3*T.params.freeModeMomentumRatio,d=T.velocity*p,u=T.translate+d;T.rtl&&(u=-u);var c,m=!1,h=20*Math.abs(T.velocity)*T.params.freeModeMomentumBounceRatio;if(u<T.maxTranslate())T.params.freeModeMomentumBounce?(u+T.maxTranslate()<-h&&(u=T.maxTranslate()-h),c=T.maxTranslate(),m=!0,D=!0):u=T.maxTranslate();else if(u>T.minTranslate())T.params.freeModeMomentumBounce?(u-T.minTranslate()>h&&(u=T.minTranslate()+h),c=T.minTranslate(),m=!0,D=!0):u=T.minTranslate();else if(T.params.freeModeSticky){var g,f=0;for(f=0;f<T.snapGrid.length;f+=1)if(T.snapGrid[f]>-u){g=f;break}u=Math.abs(T.snapGrid[g]-u)<Math.abs(T.snapGrid[g-1]-u)||"next"===T.swipeDirection?T.snapGrid[g]:T.snapGrid[g-1],T.rtl||(u=-u)}if(0!==T.velocity)p=T.rtl?Math.abs((-u-T.translate)/T.velocity):Math.abs((u-T.translate)/T.velocity);else if(T.params.freeModeSticky)return void T.slideReset();T.params.freeModeMomentumBounce&&m?(T.updateProgress(c),T.setWrapperTransition(p),T.setWrapperTranslate(u),T.onTransitionStart(),T.animating=!0,T.wrapper.transitionEnd(function(){T&&D&&(T.emit("onMomentumBounce",T),T.setWrapperTransition(T.params.speed),T.setWrapperTranslate(c),T.wrapper.transitionEnd(function(){T&&T.onTransitionEnd()}))})):T.velocity?(T.updateProgress(u),T.setWrapperTransition(p),T.setWrapperTranslate(u),T.onTransitionStart(),T.animating||(T.animating=!0,T.wrapper.transitionEnd(function(){T&&T.onTransitionEnd()}))):T.updateProgress(u),T.updateActiveIndex()}return void((!T.params.freeModeMomentum||s>=T.params.longSwipesMs)&&(T.updateProgress(),T.updateActiveIndex()))}var v,w=0,y=T.slidesSizesGrid[0];for(v=0;v<T.slidesGrid.length;v+=T.params.slidesPerGroup)void 0!==T.slidesGrid[v+T.params.slidesPerGroup]?i>=T.slidesGrid[v]&&i<T.slidesGrid[v+T.params.slidesPerGroup]&&(w=v,y=T.slidesGrid[v+T.params.slidesPerGroup]-T.slidesGrid[v]):i>=T.slidesGrid[v]&&(w=v,y=T.slidesGrid[T.slidesGrid.length-1]-T.slidesGrid[T.slidesGrid.length-2]);var x=(i-T.slidesGrid[w])/y;if(s>T.params.longSwipesMs){if(!T.params.longSwipes)return void T.slideTo(T.activeIndex);"next"===T.swipeDirection&&(x>=T.params.longSwipesRatio?T.slideTo(w+T.params.slidesPerGroup):T.slideTo(w)),"prev"===T.swipeDirection&&(x>1-T.params.longSwipesRatio?T.slideTo(w+T.params.slidesPerGroup):T.slideTo(w))}else{if(!T.params.shortSwipes)return void T.slideTo(T.activeIndex);"next"===T.swipeDirection&&T.slideTo(w+T.params.slidesPerGroup),"prev"===T.swipeDirection&&T.slideTo(w)}}},T._slideTo=function(e,a){return T.slideTo(e,a,!0,!0)},T.slideTo=function(e,a,t,s){void 0===t&&(t=!0),void 0===e&&(e=0),e<0&&(e=0),T.snapIndex=Math.floor(e/T.params.slidesPerGroup),T.snapIndex>=T.snapGrid.length&&(T.snapIndex=T.snapGrid.length-1);var i=-T.snapGrid[T.snapIndex];if(T.params.autoplay&&T.autoplaying&&(s||!T.params.autoplayDisableOnInteraction?T.pauseAutoplay(a):T.stopAutoplay()),T.updateProgress(i),T.params.normalizeSlideIndex)for(var r=0;r<T.slidesGrid.length;r++)-Math.floor(100*i)>=Math.floor(100*T.slidesGrid[r])&&(e=r);return!(!T.params.allowSwipeToNext&&i<T.translate&&i<T.minTranslate())&&(!(!T.params.allowSwipeToPrev&&i>T.translate&&i>T.maxTranslate()&&(T.activeIndex||0)!==e)&&(void 0===a&&(a=T.params.speed),T.previousIndex=T.activeIndex||0,T.activeIndex=e,T.updateRealIndex(),T.rtl&&-i===T.translate||!T.rtl&&i===T.translate?(T.params.autoHeight&&T.updateAutoHeight(),T.updateClasses(),"slide"!==T.params.effect&&T.setWrapperTranslate(i),!1):(T.updateClasses(),T.onTransitionStart(t),0===a||T.browser.lteIE9?(T.setWrapperTranslate(i),T.setWrapperTransition(0),T.onTransitionEnd(t)):(T.setWrapperTranslate(i),T.setWrapperTransition(a),T.animating||(T.animating=!0,T.wrapper.transitionEnd(function(){T&&T.onTransitionEnd(t)}))),!0)))},T.onTransitionStart=function(e){void 0===e&&(e=!0),T.params.autoHeight&&T.updateAutoHeight(),T.lazy&&T.lazy.onTransitionStart(),e&&(T.emit("onTransitionStart",T),T.activeIndex!==T.previousIndex&&(T.emit("onSlideChangeStart",T),T.activeIndex>T.previousIndex?T.emit("onSlideNextStart",T):T.emit("onSlidePrevStart",T)))},T.onTransitionEnd=function(e){T.animating=!1,T.setWrapperTransition(0),void 0===e&&(e=!0),T.lazy&&T.lazy.onTransitionEnd(),e&&(T.emit("onTransitionEnd",T),T.activeIndex!==T.previousIndex&&(T.emit("onSlideChangeEnd",T),T.activeIndex>T.previousIndex?T.emit("onSlideNextEnd",T):T.emit("onSlidePrevEnd",T))),T.params.history&&T.history&&T.history.setHistory(T.params.history,T.activeIndex),T.params.hashnav&&T.hashnav&&T.hashnav.setHash()},T.slideNext=function(e,a,t){if(T.params.loop){if(T.animating)return!1;T.fixLoop();T.container[0].clientLeft;return T.slideTo(T.activeIndex+T.params.slidesPerGroup,a,e,t)}return T.slideTo(T.activeIndex+T.params.slidesPerGroup,a,e,t)},T._slideNext=function(e){return T.slideNext(!0,e,!0)},T.slidePrev=function(e,a,t){if(T.params.loop){if(T.animating)return!1;T.fixLoop();T.container[0].clientLeft;return T.slideTo(T.activeIndex-1,a,e,t)}return T.slideTo(T.activeIndex-1,a,e,t)},T._slidePrev=function(e){return T.slidePrev(!0,e,!0)},T.slideReset=function(e,a,t){return T.slideTo(T.activeIndex,a,e)},T.disableTouchControl=function(){return T.params.onlyExternal=!0,!0},T.enableTouchControl=function(){return T.params.onlyExternal=!1,!0},T.setWrapperTransition=function(e,a){T.wrapper.transition(e),"slide"!==T.params.effect&&T.effects[T.params.effect]&&T.effects[T.params.effect].setTransition(e),T.params.parallax&&T.parallax&&T.parallax.setTransition(e),T.params.scrollbar&&T.scrollbar&&T.scrollbar.setTransition(e),T.params.control&&T.controller&&T.controller.setTransition(e,a),T.emit("onSetTransition",T,e)},T.setWrapperTranslate=function(e,a,t){var s=0,i=0;T.isHorizontal()?s=T.rtl?-e:e:i=e,T.params.roundLengths&&(s=r(s),i=r(i)),T.params.virtualTranslate||(T.support.transforms3d?T.wrapper.transform("translate3d("+s+"px, "+i+"px, 0px)"):T.wrapper.transform("translate("+s+"px, "+i+"px)")),T.translate=T.isHorizontal()?s:i;var n,o=T.maxTranslate()-T.minTranslate();n=0===o?0:(e-T.minTranslate())/o,n!==T.progress&&T.updateProgress(e),a&&T.updateActiveIndex(),"slide"!==T.params.effect&&T.effects[T.params.effect]&&T.effects[T.params.effect].setTranslate(T.translate),T.params.parallax&&T.parallax&&T.parallax.setTranslate(T.translate),T.params.scrollbar&&T.scrollbar&&T.scrollbar.setTranslate(T.translate),T.params.control&&T.controller&&T.controller.setTranslate(T.translate,t),T.emit("onSetTranslate",T,T.translate)},T.getTranslate=function(e,a){var t,s,i,r;return void 0===a&&(a="x"),T.params.virtualTranslate?T.rtl?-T.translate:T.translate:(i=window.getComputedStyle(e,null),window.WebKitCSSMatrix?(s=i.transform||i.webkitTransform,s.split(",").length>6&&(s=s.split(", ").map(function(e){return e.replace(",",".")}).join(", ")),r=new window.WebKitCSSMatrix("none"===s?"":s)):(r=i.MozTransform||i.OTransform||i.MsTransform||i.msTransform||i.transform||i.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),t=r.toString().split(",")),"x"===a&&(s=window.WebKitCSSMatrix?r.m41:16===t.length?parseFloat(t[12]):parseFloat(t[4])),"y"===a&&(s=window.WebKitCSSMatrix?r.m42:16===t.length?parseFloat(t[13]):parseFloat(t[5])),T.rtl&&s&&(s=-s),s||0)},T.getWrapperTranslate=function(e){return void 0===e&&(e=T.isHorizontal()?"x":"y"),T.getTranslate(T.wrapper[0],e)},T.observers=[],T.initObservers=function(){if(T.params.observeParents)for(var e=T.container.parents(),a=0;a<e.length;a++)l(e[a]);l(T.container[0],{childList:!1}),l(T.wrapper[0],{attributes:!1})},T.disconnectObservers=function(){for(var e=0;e<T.observers.length;e++)T.observers[e].disconnect();T.observers=[]},T.createLoop=function(){T.wrapper.children("."+T.params.slideClass+"."+T.params.slideDuplicateClass).remove();var a=T.wrapper.children("."+T.params.slideClass);"auto"!==T.params.slidesPerView||T.params.loopedSlides||(T.params.loopedSlides=a.length),T.loopedSlides=parseInt(T.params.loopedSlides||T.params.slidesPerView,10),T.loopedSlides=T.loopedSlides+T.params.loopAdditionalSlides,T.loopedSlides>a.length&&(T.loopedSlides=a.length);var t,s=[],i=[];for(a.each(function(t,r){var n=e(this);t<T.loopedSlides&&i.push(r),t<a.length&&t>=a.length-T.loopedSlides&&s.push(r),n.attr("data-swiper-slide-index",t)}),t=0;t<i.length;t++)T.wrapper.append(e(i[t].cloneNode(!0)).addClass(T.params.slideDuplicateClass));for(t=s.length-1;t>=0;t--)T.wrapper.prepend(e(s[t].cloneNode(!0)).addClass(T.params.slideDuplicateClass))},T.destroyLoop=function(){T.wrapper.children("."+T.params.slideClass+"."+T.params.slideDuplicateClass).remove(),T.slides.removeAttr("data-swiper-slide-index")},T.reLoop=function(e){var a=T.activeIndex-T.loopedSlides;T.destroyLoop(),T.createLoop(),T.updateSlidesSize(),e&&T.slideTo(a+T.loopedSlides,0,!1)},T.fixLoop=function(){var e;T.activeIndex<T.loopedSlides?(e=T.slides.length-3*T.loopedSlides+T.activeIndex,e+=T.loopedSlides,T.slideTo(e,0,!1,!0)):("auto"===T.params.slidesPerView&&T.activeIndex>=2*T.loopedSlides||T.activeIndex>T.slides.length-2*T.params.slidesPerView)&&(e=-T.slides.length+T.activeIndex+T.loopedSlides,e+=T.loopedSlides,T.slideTo(e,0,!1,!0))},T.appendSlide=function(e){if(T.params.loop&&T.destroyLoop(),"object"==typeof e&&e.length)for(var a=0;a<e.length;a++)e[a]&&T.wrapper.append(e[a]);else T.wrapper.append(e);T.params.loop&&T.createLoop(),T.params.observer&&T.support.observer||T.update(!0)},T.prependSlide=function(e){T.params.loop&&T.destroyLoop();var a=T.activeIndex+1;if("object"==typeof e&&e.length){for(var t=0;t<e.length;t++)e[t]&&T.wrapper.prepend(e[t]);a=T.activeIndex+e.length}else T.wrapper.prepend(e);T.params.loop&&T.createLoop(),T.params.observer&&T.support.observer||T.update(!0),T.slideTo(a,0,!1)},T.removeSlide=function(e){T.params.loop&&(T.destroyLoop(),T.slides=T.wrapper.children("."+T.params.slideClass));var a,t=T.activeIndex;if("object"==typeof e&&e.length){for(var s=0;s<e.length;s++)a=e[s],T.slides[a]&&T.slides.eq(a).remove(),a<t&&t--;t=Math.max(t,0)}else a=e,T.slides[a]&&T.slides.eq(a).remove(),a<t&&t--,t=Math.max(t,0);T.params.loop&&T.createLoop(),T.params.observer&&T.support.observer||T.update(!0),T.params.loop?T.slideTo(t+T.loopedSlides,0,!1):T.slideTo(t,0,!1)},T.removeAllSlides=function(){for(var e=[],a=0;a<T.slides.length;a++)e.push(a);T.removeSlide(e)},T.effects={fade:{setTranslate:function(){for(var e=0;e<T.slides.length;e++){var a=T.slides.eq(e),t=a[0].swiperSlideOffset,s=-t;T.params.virtualTranslate||(s-=T.translate);var i=0;T.isHorizontal()||(i=s,s=0);var r=T.params.fade.crossFade?Math.max(1-Math.abs(a[0].progress),0):1+Math.min(Math.max(a[0].progress,-1),0);a.css({opacity:r}).transform("translate3d("+s+"px, "+i+"px, 0px)")}},setTransition:function(e){if(T.slides.transition(e),T.params.virtualTranslate&&0!==e){var a=!1;T.slides.transitionEnd(function(){if(!a&&T){a=!0,T.animating=!1;for(var e=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],t=0;t<e.length;t++)T.wrapper.trigger(e[t])}})}}},flip:{setTranslate:function(){for(var a=0;a<T.slides.length;a++){var t=T.slides.eq(a),s=t[0].progress;T.params.flip.limitRotation&&(s=Math.max(Math.min(t[0].progress,1),-1));var i=t[0].swiperSlideOffset,r=-180*s,n=r,o=0,l=-i,p=0;if(T.isHorizontal()?T.rtl&&(n=-n):(p=l,l=0,o=-n,n=0),t[0].style.zIndex=-Math.abs(Math.round(s))+T.slides.length,T.params.flip.slideShadows){var d=T.isHorizontal()?t.find(".swiper-slide-shadow-left"):t.find(".swiper-slide-shadow-top"),u=T.isHorizontal()?t.find(".swiper-slide-shadow-right"):t.find(".swiper-slide-shadow-bottom");0===d.length&&(d=e('<div class="swiper-slide-shadow-'+(T.isHorizontal()?"left":"top")+'"></div>'),t.append(d)),0===u.length&&(u=e('<div class="swiper-slide-shadow-'+(T.isHorizontal()?"right":"bottom")+'"></div>'),t.append(u)),d.length&&(d[0].style.opacity=Math.max(-s,0)),u.length&&(u[0].style.opacity=Math.max(s,0))}t.transform("translate3d("+l+"px, "+p+"px, 0px) rotateX("+o+"deg) rotateY("+n+"deg)")}},setTransition:function(a){if(T.slides.transition(a).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(a),T.params.virtualTranslate&&0!==a){var t=!1;T.slides.eq(T.activeIndex).transitionEnd(function(){if(!t&&T&&e(this).hasClass(T.params.slideActiveClass)){t=!0,T.animating=!1;for(var a=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],s=0;s<a.length;s++)T.wrapper.trigger(a[s])}})}}},cube:{setTranslate:function(){var a,t=0;T.params.cube.shadow&&(T.isHorizontal()?(a=T.wrapper.find(".swiper-cube-shadow"),0===a.length&&(a=e('<div class="swiper-cube-shadow"></div>'),T.wrapper.append(a)),a.css({height:T.width+"px"})):(a=T.container.find(".swiper-cube-shadow"),0===a.length&&(a=e('<div class="swiper-cube-shadow"></div>'),T.container.append(a))));for(var s=0;s<T.slides.length;s++){var i=T.slides.eq(s),r=90*s,n=Math.floor(r/360);T.rtl&&(r=-r,n=Math.floor(-r/360));var o=Math.max(Math.min(i[0].progress,1),-1),l=0,p=0,d=0;s%4==0?(l=4*-n*T.size,d=0):(s-1)%4==0?(l=0,d=4*-n*T.size):(s-2)%4==0?(l=T.size+4*n*T.size,d=T.size):(s-3)%4==0&&(l=-T.size,d=3*T.size+4*T.size*n),T.rtl&&(l=-l),T.isHorizontal()||(p=l,l=0);var u="rotateX("+(T.isHorizontal()?0:-r)+"deg) rotateY("+(T.isHorizontal()?r:0)+"deg) translate3d("+l+"px, "+p+"px, "+d+"px)";if(o<=1&&o>-1&&(t=90*s+90*o,T.rtl&&(t=90*-s-90*o)),i.transform(u),T.params.cube.slideShadows){var c=T.isHorizontal()?i.find(".swiper-slide-shadow-left"):i.find(".swiper-slide-shadow-top"),m=T.isHorizontal()?i.find(".swiper-slide-shadow-right"):i.find(".swiper-slide-shadow-bottom");0===c.length&&(c=e('<div class="swiper-slide-shadow-'+(T.isHorizontal()?"left":"top")+'"></div>'),i.append(c)),0===m.length&&(m=e('<div class="swiper-slide-shadow-'+(T.isHorizontal()?"right":"bottom")+'"></div>'),i.append(m)),c.length&&(c[0].style.opacity=Math.max(-o,0)),m.length&&(m[0].style.opacity=Math.max(o,0))}}if(T.wrapper.css({"-webkit-transform-origin":"50% 50% -"+T.size/2+"px","-moz-transform-origin":"50% 50% -"+T.size/2+"px","-ms-transform-origin":"50% 50% -"+T.size/2+"px","transform-origin":"50% 50% -"+T.size/2+"px"}),T.params.cube.shadow)if(T.isHorizontal())a.transform("translate3d(0px, "+(T.width/2+T.params.cube.shadowOffset)+"px, "+-T.width/2+"px) rotateX(90deg) rotateZ(0deg) scale("+T.params.cube.shadowScale+")");else{var h=Math.abs(t)-90*Math.floor(Math.abs(t)/90),g=1.5-(Math.sin(2*h*Math.PI/360)/2+Math.cos(2*h*Math.PI/360)/2),f=T.params.cube.shadowScale,v=T.params.cube.shadowScale/g,w=T.params.cube.shadowOffset;a.transform("scale3d("+f+", 1, "+v+") translate3d(0px, "+(T.height/2+w)+"px, "+-T.height/2/v+"px) rotateX(-90deg)")}var y=T.isSafari||T.isUiWebView?-T.size/2:0;T.wrapper.transform("translate3d(0px,0,"+y+"px) rotateX("+(T.isHorizontal()?0:t)+"deg) rotateY("+(T.isHorizontal()?-t:0)+"deg)")},setTransition:function(e){T.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),T.params.cube.shadow&&!T.isHorizontal()&&T.container.find(".swiper-cube-shadow").transition(e)}},coverflow:{setTranslate:function(){for(var a=T.translate,t=T.isHorizontal()?-a+T.width/2:-a+T.height/2,s=T.isHorizontal()?T.params.coverflow.rotate:-T.params.coverflow.rotate,i=T.params.coverflow.depth,r=0,n=T.slides.length;r<n;r++){var o=T.slides.eq(r),l=T.slidesSizesGrid[r],p=o[0].swiperSlideOffset,d=(t-p-l/2)/l*T.params.coverflow.modifier,u=T.isHorizontal()?s*d:0,c=T.isHorizontal()?0:s*d,m=-i*Math.abs(d),h=T.isHorizontal()?0:T.params.coverflow.stretch*d,g=T.isHorizontal()?T.params.coverflow.stretch*d:0;Math.abs(g)<.001&&(g=0),Math.abs(h)<.001&&(h=0),Math.abs(m)<.001&&(m=0),Math.abs(u)<.001&&(u=0),Math.abs(c)<.001&&(c=0);var f="translate3d("+g+"px,"+h+"px,"+m+"px)  rotateX("+c+"deg) rotateY("+u+"deg)";if(o.transform(f),o[0].style.zIndex=1-Math.abs(Math.round(d)),T.params.coverflow.slideShadows){var v=T.isHorizontal()?o.find(".swiper-slide-shadow-left"):o.find(".swiper-slide-shadow-top"),w=T.isHorizontal()?o.find(".swiper-slide-shadow-right"):o.find(".swiper-slide-shadow-bottom");0===v.length&&(v=e('<div class="swiper-slide-shadow-'+(T.isHorizontal()?"left":"top")+'"></div>'),o.append(v)),0===w.length&&(w=e('<div class="swiper-slide-shadow-'+(T.isHorizontal()?"right":"bottom")+'"></div>'),o.append(w)),v.length&&(v[0].style.opacity=d>0?d:0),w.length&&(w[0].style.opacity=-d>0?-d:0)}}if(T.browser.ie){T.wrapper[0].style.perspectiveOrigin=t+"px 50%"}},setTransition:function(e){T.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)}}},T.lazy={initialImageLoaded:!1,loadImageInSlide:function(a,t){if(void 0!==a&&(void 0===t&&(t=!0),0!==T.slides.length)){var s=T.slides.eq(a),i=s.find("."+T.params.lazyLoadingClass+":not(."+T.params.lazyStatusLoadedClass+"):not(."+T.params.lazyStatusLoadingClass+")");!s.hasClass(T.params.lazyLoadingClass)||s.hasClass(T.params.lazyStatusLoadedClass)||s.hasClass(T.params.lazyStatusLoadingClass)||(i=i.add(s[0])),0!==i.length&&i.each(function(){var a=e(this);a.addClass(T.params.lazyStatusLoadingClass);var i=a.attr("data-background"),r=a.attr("data-src"),n=a.attr("data-srcset"),o=a.attr("data-sizes");T.loadImage(a[0],r||i,n,o,!1,function(){if(void 0!==T&&null!==T&&T){if(i?(a.css("background-image",'url("'+i+'")'),a.removeAttr("data-background")):(n&&(a.attr("srcset",n),a.removeAttr("data-srcset")),o&&(a.attr("sizes",o),a.removeAttr("data-sizes")),r&&(a.attr("src",r),a.removeAttr("data-src"))),a.addClass(T.params.lazyStatusLoadedClass).removeClass(T.params.lazyStatusLoadingClass),s.find("."+T.params.lazyPreloaderClass+", ."+T.params.preloaderClass).remove(),T.params.loop&&t){var e=s.attr("data-swiper-slide-index");if(s.hasClass(T.params.slideDuplicateClass)){var l=T.wrapper.children('[data-swiper-slide-index="'+e+'"]:not(.'+T.params.slideDuplicateClass+")");T.lazy.loadImageInSlide(l.index(),!1)}else{var p=T.wrapper.children("."+T.params.slideDuplicateClass+'[data-swiper-slide-index="'+e+'"]');T.lazy.loadImageInSlide(p.index(),!1)}}T.emit("onLazyImageReady",T,s[0],a[0])}}),T.emit("onLazyImageLoad",T,s[0],a[0])})}},load:function(){var a,t=T.params.slidesPerView;if("auto"===t&&(t=0),T.lazy.initialImageLoaded||(T.lazy.initialImageLoaded=!0),T.params.watchSlidesVisibility)T.wrapper.children("."+T.params.slideVisibleClass).each(function(){T.lazy.loadImageInSlide(e(this).index())});else if(t>1)for(a=T.activeIndex;a<T.activeIndex+t;a++)T.slides[a]&&T.lazy.loadImageInSlide(a);else T.lazy.loadImageInSlide(T.activeIndex);if(T.params.lazyLoadingInPrevNext)if(t>1||T.params.lazyLoadingInPrevNextAmount&&T.params.lazyLoadingInPrevNextAmount>1){var s=T.params.lazyLoadingInPrevNextAmount,i=t,r=Math.min(T.activeIndex+i+Math.max(s,i),T.slides.length),n=Math.max(T.activeIndex-Math.max(i,s),0);for(a=T.activeIndex+t;a<r;a++)T.slides[a]&&T.lazy.loadImageInSlide(a);for(a=n;a<T.activeIndex;a++)T.slides[a]&&T.lazy.loadImageInSlide(a)}else{var o=T.wrapper.children("."+T.params.slideNextClass);o.length>0&&T.lazy.loadImageInSlide(o.index());var l=T.wrapper.children("."+T.params.slidePrevClass);l.length>0&&T.lazy.loadImageInSlide(l.index())}},onTransitionStart:function(){T.params.lazyLoading&&(T.params.lazyLoadingOnTransitionStart||!T.params.lazyLoadingOnTransitionStart&&!T.lazy.initialImageLoaded)&&T.lazy.load()},onTransitionEnd:function(){T.params.lazyLoading&&!T.params.lazyLoadingOnTransitionStart&&T.lazy.load()}},T.scrollbar={isTouched:!1,setDragPosition:function(e){var a=T.scrollbar,t=T.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].pageX:e.pageX||e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].pageY:e.pageY||e.clientY,s=t-a.track.offset()[T.isHorizontal()?"left":"top"]-a.dragSize/2,i=-T.minTranslate()*a.moveDivider,r=-T.maxTranslate()*a.moveDivider;s<i?s=i:s>r&&(s=r),s=-s/a.moveDivider,T.updateProgress(s),T.setWrapperTranslate(s,!0)},dragStart:function(e){var a=T.scrollbar;a.isTouched=!0,e.preventDefault(),e.stopPropagation(),a.setDragPosition(e),clearTimeout(a.dragTimeout),a.track.transition(0),T.params.scrollbarHide&&a.track.css("opacity",1),T.wrapper.transition(100),a.drag.transition(100),T.emit("onScrollbarDragStart",T)},dragMove:function(e){var a=T.scrollbar;a.isTouched&&(e.preventDefault?e.preventDefault():e.returnValue=!1,a.setDragPosition(e),T.wrapper.transition(0),a.track.transition(0),a.drag.transition(0),T.emit("onScrollbarDragMove",T))},dragEnd:function(e){var a=T.scrollbar;a.isTouched&&(a.isTouched=!1,T.params.scrollbarHide&&(clearTimeout(a.dragTimeout),a.dragTimeout=setTimeout(function(){a.track.css("opacity",0),a.track.transition(400)},1e3)),T.emit("onScrollbarDragEnd",T),T.params.scrollbarSnapOnRelease&&T.slideReset())},draggableEvents:function(){return T.params.simulateTouch!==!1||T.support.touch?T.touchEvents:T.touchEventsDesktop}(),enableDraggable:function(){var a=T.scrollbar,t=T.support.touch?a.track:document;e(a.track).on(a.draggableEvents.start,a.dragStart),e(t).on(a.draggableEvents.move,a.dragMove),e(t).on(a.draggableEvents.end,a.dragEnd)},disableDraggable:function(){var a=T.scrollbar,t=T.support.touch?a.track:document;e(a.track).off(a.draggableEvents.start,a.dragStart),e(t).off(a.draggableEvents.move,a.dragMove),e(t).off(a.draggableEvents.end,a.dragEnd)},set:function(){if(T.params.scrollbar){var a=T.scrollbar;a.track=e(T.params.scrollbar),T.params.uniqueNavElements&&"string"==typeof T.params.scrollbar&&a.track.length>1&&1===T.container.find(T.params.scrollbar).length&&(a.track=T.container.find(T.params.scrollbar)),a.drag=a.track.find(".swiper-scrollbar-drag"),0===a.drag.length&&(a.drag=e('<div class="swiper-scrollbar-drag"></div>'),a.track.append(a.drag)),a.drag[0].style.width="",a.drag[0].style.height="",a.trackSize=T.isHorizontal()?a.track[0].offsetWidth:a.track[0].offsetHeight,a.divider=T.size/T.virtualSize,a.moveDivider=a.divider*(a.trackSize/T.size),a.dragSize=a.trackSize*a.divider,T.isHorizontal()?a.drag[0].style.width=a.dragSize+"px":a.drag[0].style.height=a.dragSize+"px",a.divider>=1?a.track[0].style.display="none":a.track[0].style.display="",T.params.scrollbarHide&&(a.track[0].style.opacity=0)}},setTranslate:function(){if(T.params.scrollbar){var e,a=T.scrollbar,t=(T.translate,a.dragSize);e=(a.trackSize-a.dragSize)*T.progress,T.rtl&&T.isHorizontal()?(e=-e,e>0?(t=a.dragSize-e,e=0):-e+a.dragSize>a.trackSize&&(t=a.trackSize+e)):e<0?(t=a.dragSize+e,e=0):e+a.dragSize>a.trackSize&&(t=a.trackSize-e),T.isHorizontal()?(T.support.transforms3d?a.drag.transform("translate3d("+e+"px, 0, 0)"):a.drag.transform("translateX("+e+"px)"),a.drag[0].style.width=t+"px"):(T.support.transforms3d?a.drag.transform("translate3d(0px, "+e+"px, 0)"):a.drag.transform("translateY("+e+"px)"),a.drag[0].style.height=t+"px"),T.params.scrollbarHide&&(clearTimeout(a.timeout),a.track[0].style.opacity=1,a.timeout=setTimeout(function(){a.track[0].style.opacity=0,a.track.transition(400)},1e3))}},setTransition:function(e){T.params.scrollbar&&T.scrollbar.drag.transition(e)}},T.controller={LinearSpline:function(e,a){var t=function(){var e,a,t;return function(s,i){for(a=-1,e=s.length;e-a>1;)s[t=e+a>>1]<=i?a=t:e=t;return e}}();this.x=e,this.y=a,this.lastIndex=e.length-1;var s,i;this.x.length;this.interpolate=function(e){return e?(i=t(this.x,e),s=i-1,(e-this.x[s])*(this.y[i]-this.y[s])/(this.x[i]-this.x[s])+this.y[s]):0}},getInterpolateFunction:function(e){T.controller.spline||(T.controller.spline=T.params.loop?new T.controller.LinearSpline(T.slidesGrid,e.slidesGrid):new T.controller.LinearSpline(T.snapGrid,e.snapGrid))},setTranslate:function(e,t){function s(a){e=a.rtl&&"horizontal"===a.params.direction?-T.translate:T.translate,"slide"===T.params.controlBy&&(T.controller.getInterpolateFunction(a),r=-T.controller.spline.interpolate(-e)),r&&"container"!==T.params.controlBy||(i=(a.maxTranslate()-a.minTranslate())/(T.maxTranslate()-T.minTranslate()),r=(e-T.minTranslate())*i+a.minTranslate()),T.params.controlInverse&&(r=a.maxTranslate()-r),a.updateProgress(r),a.setWrapperTranslate(r,!1,T),a.updateActiveIndex()}var i,r,n=T.params.control;if(Array.isArray(n))for(var o=0;o<n.length;o++)n[o]!==t&&n[o]instanceof a&&s(n[o]);else n instanceof a&&t!==n&&s(n)},setTransition:function(e,t){function s(a){a.setWrapperTransition(e,T),0!==e&&(a.onTransitionStart(),a.wrapper.transitionEnd(function(){r&&(a.params.loop&&"slide"===T.params.controlBy&&a.fixLoop(),a.onTransitionEnd())}))}var i,r=T.params.control;if(Array.isArray(r))for(i=0;i<r.length;i++)r[i]!==t&&r[i]instanceof a&&s(r[i]);else r instanceof a&&t!==r&&s(r)}},T.hashnav={onHashCange:function(e,a){var t=document.location.hash.replace("#","");t!==T.slides.eq(T.activeIndex).attr("data-hash")&&T.slideTo(T.wrapper.children("."+T.params.slideClass+'[data-hash="'+t+'"]').index())},attachEvents:function(a){var t=a?"off":"on";e(window)[t]("hashchange",T.hashnav.onHashCange)},setHash:function(){
+        if(T.hashnav.initialized&&T.params.hashnav)if(T.params.replaceState&&window.history&&window.history.replaceState)window.history.replaceState(null,null,"#"+T.slides.eq(T.activeIndex).attr("data-hash")||"");else{var e=T.slides.eq(T.activeIndex),a=e.attr("data-hash")||e.attr("data-history");document.location.hash=a||""}},init:function(){if(T.params.hashnav&&!T.params.history){T.hashnav.initialized=!0;var e=document.location.hash.replace("#","");if(e)for(var a=0,t=T.slides.length;a<t;a++){var s=T.slides.eq(a),i=s.attr("data-hash")||s.attr("data-history");if(i===e&&!s.hasClass(T.params.slideDuplicateClass)){var r=s.index();T.slideTo(r,0,T.params.runCallbacksOnInit,!0)}}T.params.hashnavWatchState&&T.hashnav.attachEvents()}},destroy:function(){T.params.hashnavWatchState&&T.hashnav.attachEvents(!0)}},T.history={init:function(){if(T.params.history){if(!window.history||!window.history.pushState)return T.params.history=!1,void(T.params.hashnav=!0);T.history.initialized=!0,this.paths=this.getPathValues(),(this.paths.key||this.paths.value)&&(this.scrollToSlide(0,this.paths.value,T.params.runCallbacksOnInit),T.params.replaceState||window.addEventListener("popstate",this.setHistoryPopState))}},setHistoryPopState:function(){T.history.paths=T.history.getPathValues(),T.history.scrollToSlide(T.params.speed,T.history.paths.value,!1)},getPathValues:function(){var e=window.location.pathname.slice(1).split("/"),a=e.length;return{key:e[a-2],value:e[a-1]}},setHistory:function(e,a){if(T.history.initialized&&T.params.history){var t=T.slides.eq(a),s=this.slugify(t.attr("data-history"));window.location.pathname.includes(e)||(s=e+"/"+s),T.params.replaceState?window.history.replaceState(null,null,s):window.history.pushState(null,null,s)}},slugify:function(e){return e.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")},scrollToSlide:function(e,a,t){if(a)for(var s=0,i=T.slides.length;s<i;s++){var r=T.slides.eq(s),n=this.slugify(r.attr("data-history"));if(n===a&&!r.hasClass(T.params.slideDuplicateClass)){var o=r.index();T.slideTo(o,e,t)}}else T.slideTo(0,e,t)}},T.disableKeyboardControl=function(){T.params.keyboardControl=!1,e(document).off("keydown",p)},T.enableKeyboardControl=function(){T.params.keyboardControl=!0,e(document).on("keydown",p)},T.mousewheel={event:!1,lastScrollTime:(new window.Date).getTime()},T.params.mousewheelControl&&(T.mousewheel.event=navigator.userAgent.indexOf("firefox")>-1?"DOMMouseScroll":function(){var e="onwheel"in document;if(!e){var a=document.createElement("div");a.setAttribute("onwheel","return;"),e="function"==typeof a.onwheel}return!e&&document.implementation&&document.implementation.hasFeature&&document.implementation.hasFeature("","")!==!0&&(e=document.implementation.hasFeature("Events.wheel","3.0")),e}()?"wheel":"mousewheel"),T.disableMousewheelControl=function(){if(!T.mousewheel.event)return!1;var a=T.container;return"container"!==T.params.mousewheelEventsTarged&&(a=e(T.params.mousewheelEventsTarged)),a.off(T.mousewheel.event,u),T.params.mousewheelControl=!1,!0},T.enableMousewheelControl=function(){if(!T.mousewheel.event)return!1;var a=T.container;return"container"!==T.params.mousewheelEventsTarged&&(a=e(T.params.mousewheelEventsTarged)),a.on(T.mousewheel.event,u),T.params.mousewheelControl=!0,!0},T.parallax={setTranslate:function(){T.container.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function(){c(this,T.progress)}),T.slides.each(function(){var a=e(this);a.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function(){c(this,Math.min(Math.max(a[0].progress,-1),1))})})},setTransition:function(a){void 0===a&&(a=T.params.speed),T.container.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]").each(function(){var t=e(this),s=parseInt(t.attr("data-swiper-parallax-duration"),10)||a;0===a&&(s=0),t.transition(s)})}},T.zoom={scale:1,currentScale:1,isScaling:!1,gesture:{slide:void 0,slideWidth:void 0,slideHeight:void 0,image:void 0,imageWrap:void 0,zoomMax:T.params.zoomMax},image:{isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},velocity:{x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0},getDistanceBetweenTouches:function(e){if(e.targetTouches.length<2)return 1;var a=e.targetTouches[0].pageX,t=e.targetTouches[0].pageY,s=e.targetTouches[1].pageX,i=e.targetTouches[1].pageY;return Math.sqrt(Math.pow(s-a,2)+Math.pow(i-t,2))},onGestureStart:function(a){var t=T.zoom;if(!T.support.gestures){if("touchstart"!==a.type||"touchstart"===a.type&&a.targetTouches.length<2)return;t.gesture.scaleStart=t.getDistanceBetweenTouches(a)}if(!(t.gesture.slide&&t.gesture.slide.length||(t.gesture.slide=e(this),0===t.gesture.slide.length&&(t.gesture.slide=T.slides.eq(T.activeIndex)),t.gesture.image=t.gesture.slide.find("img, svg, canvas"),t.gesture.imageWrap=t.gesture.image.parent("."+T.params.zoomContainerClass),t.gesture.zoomMax=t.gesture.imageWrap.attr("data-swiper-zoom")||T.params.zoomMax,0!==t.gesture.imageWrap.length)))return void(t.gesture.image=void 0);t.gesture.image.transition(0),t.isScaling=!0},onGestureChange:function(e){var a=T.zoom;if(!T.support.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;a.gesture.scaleMove=a.getDistanceBetweenTouches(e)}a.gesture.image&&0!==a.gesture.image.length&&(T.support.gestures?a.scale=e.scale*a.currentScale:a.scale=a.gesture.scaleMove/a.gesture.scaleStart*a.currentScale,a.scale>a.gesture.zoomMax&&(a.scale=a.gesture.zoomMax-1+Math.pow(a.scale-a.gesture.zoomMax+1,.5)),a.scale<T.params.zoomMin&&(a.scale=T.params.zoomMin+1-Math.pow(T.params.zoomMin-a.scale+1,.5)),a.gesture.image.transform("translate3d(0,0,0) scale("+a.scale+")"))},onGestureEnd:function(e){var a=T.zoom;!T.support.gestures&&("touchend"!==e.type||"touchend"===e.type&&e.changedTouches.length<2)||a.gesture.image&&0!==a.gesture.image.length&&(a.scale=Math.max(Math.min(a.scale,a.gesture.zoomMax),T.params.zoomMin),a.gesture.image.transition(T.params.speed).transform("translate3d(0,0,0) scale("+a.scale+")"),a.currentScale=a.scale,a.isScaling=!1,1===a.scale&&(a.gesture.slide=void 0))},onTouchStart:function(e,a){var t=e.zoom;t.gesture.image&&0!==t.gesture.image.length&&(t.image.isTouched||("android"===e.device.os&&a.preventDefault(),t.image.isTouched=!0,t.image.touchesStart.x="touchstart"===a.type?a.targetTouches[0].pageX:a.pageX,t.image.touchesStart.y="touchstart"===a.type?a.targetTouches[0].pageY:a.pageY))},onTouchMove:function(e){var a=T.zoom;if(a.gesture.image&&0!==a.gesture.image.length&&(T.allowClick=!1,a.image.isTouched&&a.gesture.slide)){a.image.isMoved||(a.image.width=a.gesture.image[0].offsetWidth,a.image.height=a.gesture.image[0].offsetHeight,a.image.startX=T.getTranslate(a.gesture.imageWrap[0],"x")||0,a.image.startY=T.getTranslate(a.gesture.imageWrap[0],"y")||0,a.gesture.slideWidth=a.gesture.slide[0].offsetWidth,a.gesture.slideHeight=a.gesture.slide[0].offsetHeight,a.gesture.imageWrap.transition(0),T.rtl&&(a.image.startX=-a.image.startX),T.rtl&&(a.image.startY=-a.image.startY));var t=a.image.width*a.scale,s=a.image.height*a.scale;if(!(t<a.gesture.slideWidth&&s<a.gesture.slideHeight)){if(a.image.minX=Math.min(a.gesture.slideWidth/2-t/2,0),a.image.maxX=-a.image.minX,a.image.minY=Math.min(a.gesture.slideHeight/2-s/2,0),a.image.maxY=-a.image.minY,a.image.touchesCurrent.x="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,a.image.touchesCurrent.y="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,!a.image.isMoved&&!a.isScaling){if(T.isHorizontal()&&Math.floor(a.image.minX)===Math.floor(a.image.startX)&&a.image.touchesCurrent.x<a.image.touchesStart.x||Math.floor(a.image.maxX)===Math.floor(a.image.startX)&&a.image.touchesCurrent.x>a.image.touchesStart.x)return void(a.image.isTouched=!1);if(!T.isHorizontal()&&Math.floor(a.image.minY)===Math.floor(a.image.startY)&&a.image.touchesCurrent.y<a.image.touchesStart.y||Math.floor(a.image.maxY)===Math.floor(a.image.startY)&&a.image.touchesCurrent.y>a.image.touchesStart.y)return void(a.image.isTouched=!1)}e.preventDefault(),e.stopPropagation(),a.image.isMoved=!0,a.image.currentX=a.image.touchesCurrent.x-a.image.touchesStart.x+a.image.startX,a.image.currentY=a.image.touchesCurrent.y-a.image.touchesStart.y+a.image.startY,a.image.currentX<a.image.minX&&(a.image.currentX=a.image.minX+1-Math.pow(a.image.minX-a.image.currentX+1,.8)),a.image.currentX>a.image.maxX&&(a.image.currentX=a.image.maxX-1+Math.pow(a.image.currentX-a.image.maxX+1,.8)),a.image.currentY<a.image.minY&&(a.image.currentY=a.image.minY+1-Math.pow(a.image.minY-a.image.currentY+1,.8)),a.image.currentY>a.image.maxY&&(a.image.currentY=a.image.maxY-1+Math.pow(a.image.currentY-a.image.maxY+1,.8)),a.velocity.prevPositionX||(a.velocity.prevPositionX=a.image.touchesCurrent.x),a.velocity.prevPositionY||(a.velocity.prevPositionY=a.image.touchesCurrent.y),a.velocity.prevTime||(a.velocity.prevTime=Date.now()),a.velocity.x=(a.image.touchesCurrent.x-a.velocity.prevPositionX)/(Date.now()-a.velocity.prevTime)/2,a.velocity.y=(a.image.touchesCurrent.y-a.velocity.prevPositionY)/(Date.now()-a.velocity.prevTime)/2,Math.abs(a.image.touchesCurrent.x-a.velocity.prevPositionX)<2&&(a.velocity.x=0),Math.abs(a.image.touchesCurrent.y-a.velocity.prevPositionY)<2&&(a.velocity.y=0),a.velocity.prevPositionX=a.image.touchesCurrent.x,a.velocity.prevPositionY=a.image.touchesCurrent.y,a.velocity.prevTime=Date.now(),a.gesture.imageWrap.transform("translate3d("+a.image.currentX+"px, "+a.image.currentY+"px,0)")}}},onTouchEnd:function(e,a){var t=e.zoom;if(t.gesture.image&&0!==t.gesture.image.length){if(!t.image.isTouched||!t.image.isMoved)return t.image.isTouched=!1,void(t.image.isMoved=!1);t.image.isTouched=!1,t.image.isMoved=!1;var s=300,i=300,r=t.velocity.x*s,n=t.image.currentX+r,o=t.velocity.y*i,l=t.image.currentY+o;0!==t.velocity.x&&(s=Math.abs((n-t.image.currentX)/t.velocity.x)),0!==t.velocity.y&&(i=Math.abs((l-t.image.currentY)/t.velocity.y));var p=Math.max(s,i);t.image.currentX=n,t.image.currentY=l;var d=t.image.width*t.scale,u=t.image.height*t.scale;t.image.minX=Math.min(t.gesture.slideWidth/2-d/2,0),t.image.maxX=-t.image.minX,t.image.minY=Math.min(t.gesture.slideHeight/2-u/2,0),t.image.maxY=-t.image.minY,t.image.currentX=Math.max(Math.min(t.image.currentX,t.image.maxX),t.image.minX),t.image.currentY=Math.max(Math.min(t.image.currentY,t.image.maxY),t.image.minY),t.gesture.imageWrap.transition(p).transform("translate3d("+t.image.currentX+"px, "+t.image.currentY+"px,0)")}},onTransitionEnd:function(e){var a=e.zoom;a.gesture.slide&&e.previousIndex!==e.activeIndex&&(a.gesture.image.transform("translate3d(0,0,0) scale(1)"),a.gesture.imageWrap.transform("translate3d(0,0,0)"),a.gesture.slide=a.gesture.image=a.gesture.imageWrap=void 0,a.scale=a.currentScale=1)},toggleZoom:function(a,t){var s=a.zoom;if(s.gesture.slide||(s.gesture.slide=a.clickedSlide?e(a.clickedSlide):a.slides.eq(a.activeIndex),s.gesture.image=s.gesture.slide.find("img, svg, canvas"),s.gesture.imageWrap=s.gesture.image.parent("."+a.params.zoomContainerClass)),s.gesture.image&&0!==s.gesture.image.length){var i,r,n,o,l,p,d,u,c,m,h,g,f,v,w,y,x,T;void 0===s.image.touchesStart.x&&t?(i="touchend"===t.type?t.changedTouches[0].pageX:t.pageX,r="touchend"===t.type?t.changedTouches[0].pageY:t.pageY):(i=s.image.touchesStart.x,r=s.image.touchesStart.y),s.scale&&1!==s.scale?(s.scale=s.currentScale=1,s.gesture.imageWrap.transition(300).transform("translate3d(0,0,0)"),s.gesture.image.transition(300).transform("translate3d(0,0,0) scale(1)"),s.gesture.slide=void 0):(s.scale=s.currentScale=s.gesture.imageWrap.attr("data-swiper-zoom")||a.params.zoomMax,t?(x=s.gesture.slide[0].offsetWidth,T=s.gesture.slide[0].offsetHeight,n=s.gesture.slide.offset().left,o=s.gesture.slide.offset().top,l=n+x/2-i,p=o+T/2-r,c=s.gesture.image[0].offsetWidth,m=s.gesture.image[0].offsetHeight,h=c*s.scale,g=m*s.scale,f=Math.min(x/2-h/2,0),v=Math.min(T/2-g/2,0),w=-f,y=-v,d=l*s.scale,u=p*s.scale,d<f&&(d=f),d>w&&(d=w),u<v&&(u=v),u>y&&(u=y)):(d=0,u=0),s.gesture.imageWrap.transition(300).transform("translate3d("+d+"px, "+u+"px,0)"),s.gesture.image.transition(300).transform("translate3d(0,0,0) scale("+s.scale+")"))}},attachEvents:function(a){var t=a?"off":"on";if(T.params.zoom){var s=(T.slides,!("touchstart"!==T.touchEvents.start||!T.support.passiveListener||!T.params.passiveListeners)&&{passive:!0,capture:!1});T.support.gestures?(T.slides[t]("gesturestart",T.zoom.onGestureStart,s),T.slides[t]("gesturechange",T.zoom.onGestureChange,s),T.slides[t]("gestureend",T.zoom.onGestureEnd,s)):"touchstart"===T.touchEvents.start&&(T.slides[t](T.touchEvents.start,T.zoom.onGestureStart,s),T.slides[t](T.touchEvents.move,T.zoom.onGestureChange,s),T.slides[t](T.touchEvents.end,T.zoom.onGestureEnd,s)),T[t]("touchStart",T.zoom.onTouchStart),T.slides.each(function(a,s){e(s).find("."+T.params.zoomContainerClass).length>0&&e(s)[t](T.touchEvents.move,T.zoom.onTouchMove)}),T[t]("touchEnd",T.zoom.onTouchEnd),T[t]("transitionEnd",T.zoom.onTransitionEnd),T.params.zoomToggle&&T.on("doubleTap",T.zoom.toggleZoom)}},init:function(){T.zoom.attachEvents()},destroy:function(){T.zoom.attachEvents(!0)}},T._plugins=[];for(var Y in T.plugins){var O=T.plugins[Y](T,T.params[Y]);O&&T._plugins.push(O)}return T.callPlugins=function(e){for(var a=0;a<T._plugins.length;a++)e in T._plugins[a]&&T._plugins[a][e](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5])},T.emitterEventListeners={},T.emit=function(e){T.params[e]&&T.params[e](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]);var a;if(T.emitterEventListeners[e])for(a=0;a<T.emitterEventListeners[e].length;a++)T.emitterEventListeners[e][a](arguments[1],arguments[2],arguments[3],arguments[4],arguments[5]);T.callPlugins&&T.callPlugins(e,arguments[1],arguments[2],arguments[3],arguments[4],arguments[5])},T.on=function(e,a){return e=m(e),T.emitterEventListeners[e]||(T.emitterEventListeners[e]=[]),T.emitterEventListeners[e].push(a),T},T.off=function(e,a){var t;if(e=m(e),void 0===a)return T.emitterEventListeners[e]=[],T;if(T.emitterEventListeners[e]&&0!==T.emitterEventListeners[e].length){for(t=0;t<T.emitterEventListeners[e].length;t++)T.emitterEventListeners[e][t]===a&&T.emitterEventListeners[e].splice(t,1);return T}},T.once=function(e,a){e=m(e);var t=function(){a(arguments[0],arguments[1],arguments[2],arguments[3],arguments[4]),T.off(e,t)};return T.on(e,t),T},T.a11y={makeFocusable:function(e){return e.attr("tabIndex","0"),e},addRole:function(e,a){return e.attr("role",a),e},addLabel:function(e,a){return e.attr("aria-label",a),e},disable:function(e){return e.attr("aria-disabled",!0),e},enable:function(e){return e.attr("aria-disabled",!1),e},onEnterKey:function(a){13===a.keyCode&&(e(a.target).is(T.params.nextButton)?(T.onClickNext(a),T.isEnd?T.a11y.notify(T.params.lastSlideMessage):T.a11y.notify(T.params.nextSlideMessage)):e(a.target).is(T.params.prevButton)&&(T.onClickPrev(a),T.isBeginning?T.a11y.notify(T.params.firstSlideMessage):T.a11y.notify(T.params.prevSlideMessage)),e(a.target).is("."+T.params.bulletClass)&&e(a.target)[0].click())},liveRegion:e('<span class="'+T.params.notificationClass+'" aria-live="assertive" aria-atomic="true"></span>'),notify:function(e){var a=T.a11y.liveRegion;0!==a.length&&(a.html(""),a.html(e))},init:function(){T.params.nextButton&&T.nextButton&&T.nextButton.length>0&&(T.a11y.makeFocusable(T.nextButton),T.a11y.addRole(T.nextButton,"button"),T.a11y.addLabel(T.nextButton,T.params.nextSlideMessage)),T.params.prevButton&&T.prevButton&&T.prevButton.length>0&&(T.a11y.makeFocusable(T.prevButton),T.a11y.addRole(T.prevButton,"button"),T.a11y.addLabel(T.prevButton,T.params.prevSlideMessage)),e(T.container).append(T.a11y.liveRegion)},initPagination:function(){T.params.pagination&&T.params.paginationClickable&&T.bullets&&T.bullets.length&&T.bullets.each(function(){var a=e(this);T.a11y.makeFocusable(a),T.a11y.addRole(a,"button"),T.a11y.addLabel(a,T.params.paginationBulletMessage.replace(/{{index}}/,a.index()+1))})},destroy:function(){T.a11y.liveRegion&&T.a11y.liveRegion.length>0&&T.a11y.liveRegion.remove()}},T.init=function(){T.params.loop&&T.createLoop(),T.updateContainerSize(),T.updateSlidesSize(),T.updatePagination(),T.params.scrollbar&&T.scrollbar&&(T.scrollbar.set(),T.params.scrollbarDraggable&&T.scrollbar.enableDraggable()),"slide"!==T.params.effect&&T.effects[T.params.effect]&&(T.params.loop||T.updateProgress(),T.effects[T.params.effect].setTranslate()),T.params.loop?T.slideTo(T.params.initialSlide+T.loopedSlides,0,T.params.runCallbacksOnInit):(T.slideTo(T.params.initialSlide,0,T.params.runCallbacksOnInit),0===T.params.initialSlide&&(T.parallax&&T.params.parallax&&T.parallax.setTranslate(),T.lazy&&T.params.lazyLoading&&(T.lazy.load(),T.lazy.initialImageLoaded=!0))),T.attachEvents(),T.params.observer&&T.support.observer&&T.initObservers(),T.params.preloadImages&&!T.params.lazyLoading&&T.preloadImages(),T.params.zoom&&T.zoom&&T.zoom.init(),T.params.autoplay&&T.startAutoplay(),T.params.keyboardControl&&T.enableKeyboardControl&&T.enableKeyboardControl(),T.params.mousewheelControl&&T.enableMousewheelControl&&T.enableMousewheelControl(),T.params.hashnavReplaceState&&(T.params.replaceState=T.params.hashnavReplaceState),T.params.history&&T.history&&T.history.init(),T.params.hashnav&&T.hashnav&&T.hashnav.init(),T.params.a11y&&T.a11y&&T.a11y.init(),T.emit("onInit",T)},T.cleanupStyles=function(){T.container.removeClass(T.classNames.join(" ")).removeAttr("style"),T.wrapper.removeAttr("style"),T.slides&&T.slides.length&&T.slides.removeClass([T.params.slideVisibleClass,T.params.slideActiveClass,T.params.slideNextClass,T.params.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-column").removeAttr("data-swiper-row"),T.paginationContainer&&T.paginationContainer.length&&T.paginationContainer.removeClass(T.params.paginationHiddenClass),T.bullets&&T.bullets.length&&T.bullets.removeClass(T.params.bulletActiveClass),T.params.prevButton&&e(T.params.prevButton).removeClass(T.params.buttonDisabledClass),T.params.nextButton&&e(T.params.nextButton).removeClass(T.params.buttonDisabledClass),T.params.scrollbar&&T.scrollbar&&(T.scrollbar.track&&T.scrollbar.track.length&&T.scrollbar.track.removeAttr("style"),T.scrollbar.drag&&T.scrollbar.drag.length&&T.scrollbar.drag.removeAttr("style"))},T.destroy=function(e,a){T.detachEvents(),T.stopAutoplay(),T.params.scrollbar&&T.scrollbar&&T.params.scrollbarDraggable&&T.scrollbar.disableDraggable(),T.params.loop&&T.destroyLoop(),a&&T.cleanupStyles(),T.disconnectObservers(),T.params.zoom&&T.zoom&&T.zoom.destroy(),T.params.keyboardControl&&T.disableKeyboardControl&&T.disableKeyboardControl(),T.params.mousewheelControl&&T.disableMousewheelControl&&T.disableMousewheelControl(),T.params.a11y&&T.a11y&&T.a11y.destroy(),T.params.history&&!T.params.replaceState&&window.removeEventListener("popstate",T.history.setHistoryPopState),T.params.hashnav&&T.hashnav&&T.hashnav.destroy(),T.emit("onDestroy"),e!==!1&&(T=null)},T.init(),T}};a.prototype={isSafari:function(){var e=window.navigator.userAgent.toLowerCase();return e.indexOf("safari")>=0&&e.indexOf("chrome")<0&&e.indexOf("android")<0}(),isUiWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent),isArray:function(e){return"[object Array]"===Object.prototype.toString.apply(e)},browser:{ie:window.navigator.pointerEnabled||window.navigator.msPointerEnabled,ieTouch:window.navigator.msPointerEnabled&&window.navigator.msMaxTouchPoints>1||window.navigator.pointerEnabled&&window.navigator.maxTouchPoints>1,lteIE9:function(){var e=document.createElement("div");return e.innerHTML="<!--[if lte IE 9]><i></i><![endif]-->",1===e.getElementsByTagName("i").length}()},device:function(){var e=window.navigator.userAgent,a=e.match(/(Android);?[\s\/]+([\d.]+)?/),t=e.match(/(iPad).*OS\s([\d_]+)/),s=e.match(/(iPod)(.*OS\s([\d_]+))?/),i=!t&&e.match(/(iPhone\sOS|iOS)\s([\d_]+)/);return{ios:t||i||s,android:a}}(),support:{touch:window.Modernizr&&Modernizr.touch===!0||function(){return!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)}(),transforms3d:window.Modernizr&&Modernizr.csstransforms3d===!0||function(){var e=document.createElement("div").style;return"webkitPerspective"in e||"MozPerspective"in e||"OPerspective"in e||"MsPerspective"in e||"perspective"in e}(),flexbox:function(){for(var e=document.createElement("div").style,a="alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient".split(" "),t=0;t<a.length;t++)if(a[t]in e)return!0}(),observer:function(){return"MutationObserver"in window||"WebkitMutationObserver"in window}(),passiveListener:function(){var e=!1;try{var a=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassiveListener",null,a)}catch(e){}return e}(),gestures:function(){return"ongesturestart"in window}()},plugins:{}};for(var t=(function(){var e=function(e){var a=this,t=0;for(t=0;t<e.length;t++)a[t]=e[t];return a.length=e.length,this},a=function(a,t){var s=[],i=0;if(a&&!t&&a instanceof e)return a;if(a)if("string"==typeof a){var r,n,o=a.trim();if(o.indexOf("<")>=0&&o.indexOf(">")>=0){var l="div";for(0===o.indexOf("<li")&&(l="ul"),0===o.indexOf("<tr")&&(l="tbody"),0!==o.indexOf("<td")&&0!==o.indexOf("<th")||(l="tr"),0===o.indexOf("<tbody")&&(l="table"),0===o.indexOf("<option")&&(l="select"),n=document.createElement(l),n.innerHTML=a,i=0;i<n.childNodes.length;i++)s.push(n.childNodes[i])}else for(r=t||"#"!==a[0]||a.match(/[ .<>:~]/)?(t||document).querySelectorAll(a):[document.getElementById(a.split("#")[1])],i=0;i<r.length;i++)r[i]&&s.push(r[i])}else if(a.nodeType||a===window||a===document)s.push(a);else if(a.length>0&&a[0].nodeType)for(i=0;i<a.length;i++)s.push(a[i]);return new e(s)};return e.prototype={addClass:function(e){if(void 0===e)return this;for(var a=e.split(" "),t=0;t<a.length;t++)for(var s=0;s<this.length;s++)this[s].classList.add(a[t]);return this},removeClass:function(e){for(var a=e.split(" "),t=0;t<a.length;t++)for(var s=0;s<this.length;s++)this[s].classList.remove(a[t]);return this},hasClass:function(e){return!!this[0]&&this[0].classList.contains(e)},toggleClass:function(e){for(var a=e.split(" "),t=0;t<a.length;t++)for(var s=0;s<this.length;s++)this[s].classList.toggle(a[t]);return this},attr:function(e,a){if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(var t=0;t<this.length;t++)if(2===arguments.length)this[t].setAttribute(e,a);else for(var s in e)this[t][s]=e[s],this[t].setAttribute(s,e[s]);return this},removeAttr:function(e){for(var a=0;a<this.length;a++)this[a].removeAttribute(e);return this},data:function(e,a){if(void 0!==a){for(var t=0;t<this.length;t++){var s=this[t];s.dom7ElementDataStorage||(s.dom7ElementDataStorage={}),s.dom7ElementDataStorage[e]=a}return this}if(this[0]){var i=this[0].getAttribute("data-"+e);return i?i:this[0].dom7ElementDataStorage&&e in this[0].dom7ElementDataStorage?this[0].dom7ElementDataStorage[e]:void 0}},transform:function(e){for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransform=t.MsTransform=t.msTransform=t.MozTransform=t.OTransform=t.transform=e}return this},transition:function(e){"string"!=typeof e&&(e+="ms");for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransitionDuration=t.MsTransitionDuration=t.msTransitionDuration=t.MozTransitionDuration=t.OTransitionDuration=t.transitionDuration=e}return this},on:function(e,t,s,i){function r(e){var i=e.target;if(a(i).is(t))s.call(i,e);else for(var r=a(i).parents(),n=0;n<r.length;n++)a(r[n]).is(t)&&s.call(r[n],e)}var n,o,l=e.split(" ");for(n=0;n<this.length;n++)if("function"==typeof t||t===!1)for("function"==typeof t&&(s=arguments[1],i=arguments[2]||!1),o=0;o<l.length;o++)this[n].addEventListener(l[o],s,i);else for(o=0;o<l.length;o++)this[n].dom7LiveListeners||(this[n].dom7LiveListeners=[]),this[n].dom7LiveListeners.push({listener:s,liveListener:r}),this[n].addEventListener(l[o],r,i);return this},off:function(e,a,t,s){for(var i=e.split(" "),r=0;r<i.length;r++)for(var n=0;n<this.length;n++)if("function"==typeof a||a===!1)"function"==typeof a&&(t=arguments[1],s=arguments[2]||!1),this[n].removeEventListener(i[r],t,s);else if(this[n].dom7LiveListeners)for(var o=0;o<this[n].dom7LiveListeners.length;o++)this[n].dom7LiveListeners[o].listener===t&&this[n].removeEventListener(i[r],this[n].dom7LiveListeners[o].liveListener,s);return this},once:function(e,a,t,s){function i(n){t(n),r.off(e,a,i,s)}var r=this;"function"==typeof a&&(a=!1,t=arguments[1],s=arguments[2]),r.on(e,a,i,s)},trigger:function(e,a){for(var t=0;t<this.length;t++){var s;try{s=new window.CustomEvent(e,{detail:a,bubbles:!0,cancelable:!0})}catch(t){s=document.createEvent("Event"),s.initEvent(e,!0,!0),s.detail=a}this[t].dispatchEvent(s)}return this},transitionEnd:function(e){function a(r){if(r.target===this)for(e.call(this,r),t=0;t<s.length;t++)i.off(s[t],a)}var t,s=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],i=this;if(e)for(t=0;t<s.length;t++)i.on(s[t],a);return this},width:function(){return this[0]===window?window.innerWidth:this.length>0?parseFloat(this.css("width")):null},outerWidth:function(e){return this.length>0?e?this[0].offsetWidth+parseFloat(this.css("margin-right"))+parseFloat(this.css("margin-left")):this[0].offsetWidth:null},height:function(){return this[0]===window?window.innerHeight:this.length>0?parseFloat(this.css("height")):null},outerHeight:function(e){return this.length>0?e?this[0].offsetHeight+parseFloat(this.css("margin-top"))+parseFloat(this.css("margin-bottom")):this[0].offsetHeight:null},offset:function(){if(this.length>0){var e=this[0],a=e.getBoundingClientRect(),t=document.body,s=e.clientTop||t.clientTop||0,i=e.clientLeft||t.clientLeft||0,r=window.pageYOffset||e.scrollTop,n=window.pageXOffset||e.scrollLeft;return{top:a.top+r-s,left:a.left+n-i}}return null},css:function(e,a){var t;if(1===arguments.length){if("string"!=typeof e){for(t=0;t<this.length;t++)for(var s in e)this[t].style[s]=e[s];return this}if(this[0])return window.getComputedStyle(this[0],null).getPropertyValue(e)}if(2===arguments.length&&"string"==typeof e){for(t=0;t<this.length;t++)this[t].style[e]=a;return this}return this},each:function(e){for(var a=0;a<this.length;a++)e.call(this[a],a,this[a]);return this},html:function(e){if(void 0===e)return this[0]?this[0].innerHTML:void 0;for(var a=0;a<this.length;a++)this[a].innerHTML=e;return this},text:function(e){if(void 0===e)return this[0]?this[0].textContent.trim():null;for(var a=0;a<this.length;a++)this[a].textContent=e;return this},is:function(t){if(!this[0])return!1;var s,i;if("string"==typeof t){var r=this[0];if(r===document)return t===document;if(r===window)return t===window;if(r.matches)return r.matches(t);if(r.webkitMatchesSelector)return r.webkitMatchesSelector(t);if(r.mozMatchesSelector)return r.mozMatchesSelector(t);if(r.msMatchesSelector)return r.msMatchesSelector(t);for(s=a(t),i=0;i<s.length;i++)if(s[i]===this[0])return!0;return!1}if(t===document)return this[0]===document;if(t===window)return this[0]===window;if(t.nodeType||t instanceof e){for(s=t.nodeType?[t]:t,i=0;i<s.length;i++)if(s[i]===this[0])return!0;return!1}return!1},index:function(){if(this[0]){for(var e=this[0],a=0;null!==(e=e.previousSibling);)1===e.nodeType&&a++;return a}},eq:function(a){if(void 0===a)return this;var t,s=this.length;return a>s-1?new e([]):a<0?(t=s+a,new e(t<0?[]:[this[t]])):new e([this[a]])},append:function(a){var t,s;for(t=0;t<this.length;t++)if("string"==typeof a){var i=document.createElement("div");for(i.innerHTML=a;i.firstChild;)this[t].appendChild(i.firstChild)}else if(a instanceof e)for(s=0;s<a.length;s++)this[t].appendChild(a[s]);else this[t].appendChild(a);return this},prepend:function(a){var t,s;for(t=0;t<this.length;t++)if("string"==typeof a){var i=document.createElement("div");for(i.innerHTML=a,s=i.childNodes.length-1;s>=0;s--)this[t].insertBefore(i.childNodes[s],this[t].childNodes[0])}else if(a instanceof e)for(s=0;s<a.length;s++)this[t].insertBefore(a[s],this[t].childNodes[0]);else this[t].insertBefore(a,this[t].childNodes[0]);return this},insertBefore:function(e){for(var t=a(e),s=0;s<this.length;s++)if(1===t.length)t[0].parentNode.insertBefore(this[s],t[0]);else if(t.length>1)for(var i=0;i<t.length;i++)t[i].parentNode.insertBefore(this[s].cloneNode(!0),t[i])},insertAfter:function(e){for(var t=a(e),s=0;s<this.length;s++)if(1===t.length)t[0].parentNode.insertBefore(this[s],t[0].nextSibling);else if(t.length>1)for(var i=0;i<t.length;i++)t[i].parentNode.insertBefore(this[s].cloneNode(!0),t[i].nextSibling)},next:function(t){return new e(this.length>0?t?this[0].nextElementSibling&&a(this[0].nextElementSibling).is(t)?[this[0].nextElementSibling]:[]:this[0].nextElementSibling?[this[0].nextElementSibling]:[]:[])},nextAll:function(t){var s=[],i=this[0];if(!i)return new e([]);for(;i.nextElementSibling;){var r=i.nextElementSibling;t?a(r).is(t)&&s.push(r):s.push(r),i=r}return new e(s)},prev:function(t){return new e(this.length>0?t?this[0].previousElementSibling&&a(this[0].previousElementSibling).is(t)?[this[0].previousElementSibling]:[]:this[0].previousElementSibling?[this[0].previousElementSibling]:[]:[])},prevAll:function(t){var s=[],i=this[0];if(!i)return new e([]);for(;i.previousElementSibling;){var r=i.previousElementSibling;t?a(r).is(t)&&s.push(r):s.push(r),i=r}return new e(s)},parent:function(e){for(var t=[],s=0;s<this.length;s++)e?a(this[s].parentNode).is(e)&&t.push(this[s].parentNode):t.push(this[s].parentNode);return a(a.unique(t))},parents:function(e){for(var t=[],s=0;s<this.length;s++)for(var i=this[s].parentNode;i;)e?a(i).is(e)&&t.push(i):t.push(i),i=i.parentNode;return a(a.unique(t))},find:function(a){for(var t=[],s=0;s<this.length;s++)for(var i=this[s].querySelectorAll(a),r=0;r<i.length;r++)t.push(i[r]);return new e(t)},children:function(t){for(var s=[],i=0;i<this.length;i++)for(var r=this[i].childNodes,n=0;n<r.length;n++)t?1===r[n].nodeType&&a(r[n]).is(t)&&s.push(r[n]):1===r[n].nodeType&&s.push(r[n]);return new e(a.unique(s))},remove:function(){for(var e=0;e<this.length;e++)this[e].parentNode&&this[e].parentNode.removeChild(this[e]);return this},add:function(){var e,t,s=this;for(e=0;e<arguments.length;e++){var i=a(arguments[e]);for(t=0;t<i.length;t++)s[s.length]=i[t],s.length++}return s}},a.fn=e.prototype,a.unique=function(e){for(var a=[],t=0;t<e.length;t++)a.indexOf(e[t])===-1&&a.push(e[t]);return a},a}()),s=["jQuery","Zepto","Dom7"],i=0;i<s.length;i++)window[s[i]]&&function(e){e.fn.swiper=function(t){var s;return e(this).each(function(){var e=new a(this,t);s||(s=e)}),s}}(window[s[i]]);var r;r=void 0===t?window.Dom7||window.Zepto||window.jQuery:t,r&&("transitionEnd"in r.fn||(r.fn.transitionEnd=function(e){function a(r){if(r.target===this)for(e.call(this,r),t=0;t<s.length;t++)i.off(s[t],a)}var t,s=["webkitTransitionEnd","transitionend","oTransitionEnd","MSTransitionEnd","msTransitionEnd"],i=this;if(e)for(t=0;t<s.length;t++)i.on(s[t],a);return this}),"transform"in r.fn||(r.fn.transform=function(e){for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransform=t.MsTransform=t.msTransform=t.MozTransform=t.OTransform=t.transform=e}return this}),"transition"in r.fn||(r.fn.transition=function(e){"string"!=typeof e&&(e+="ms");for(var a=0;a<this.length;a++){var t=this[a].style;t.webkitTransitionDuration=t.MsTransitionDuration=t.msTransitionDuration=t.MozTransitionDuration=t.OTransitionDuration=t.transitionDuration=e}return this}),"outerWidth"in r.fn||(r.fn.outerWidth=function(e){
+    return this.length>0?e?this[0].offsetWidth+parseFloat(this.css("margin-right"))+parseFloat(this.css("margin-left")):this[0].offsetWidth:null})),window.Swiper=a}(),"undefined"!=typeof module?module.exports=window.Swiper:"function"==typeof define&&define.amd&&define([],function(){"use strict";return window.Swiper});
+//# sourceMappingURL=maps/swiper.min.js.map
diff --git a/mobile/js/unattended.js b/mobile/js/unattended.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/unattended.js
diff --git a/mobile/js/unmannedVenue.js b/mobile/js/unmannedVenue.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/mobile/js/unmannedVenue.js
diff --git a/mobile/nationalFitness.html b/mobile/nationalFitness.html
new file mode 100644
index 0000000..2f39033
--- /dev/null
+++ b/mobile/nationalFitness.html
@@ -0,0 +1,261 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/nationalFitness.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>鍏ㄦ皯鍋ヨ韩涓績</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">鍏ㄦ皯鍋ヨ韩涓績绀烘剰鍥�</div>
+            <div class="banner_info">閫氳繃棰勭害棰勫畾銆佸満鍦扮鐞嗐�佽兘鑰楃鎺х瓑鍔熻兘杩涜鍦洪鍔ㄦ�佽皟搴︼紝浼樺寲鏈嶅姟浣撻獙</div>
+            <img src="./images/img_quanminjianshen@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鍏ㄦ皯鍋ヨ韩涓績瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="./images/soluti1on_zonghetiyuguan@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏈嶅姟涓績</div>
+            <div class="item_info">
+                鏁村悎鍛ㄨ竟鏅烘収鍦洪璧勬簮锛屾墦閫犲眳姘戔��15鍒嗛挓鍋ヨ韩鍦堚�濓紱<br />
+                鎻愪緵鍋ヨ韩銆佸叕鍏辨湇鍔′笌杩愬姩鐩稿叧鎸囧锛�<br />
+                瀵瑰浗姘戜綋璐ㄥ仴搴风洃娴嬬粺璁★紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jianshenzhidao@2x.png" />
+                    <span>鍋ヨ韩鎸囧</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dashujuzhidao@2x.png" />
+                    <span>澶ф暟鎹�<br />搴旂敤鎸囧</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_ticetikao@2x.png" />
+                    <span>浣撴祴浣撹��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_tizhijiance@2x.png" />
+                    <span>浣撹川鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_qicaizulin@2x.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_img2@12x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                鎼缓绾夸笂鏈嶅姟骞冲彴锛屾敮鎸佺敤鎴峰湪绾块绾﹁鍦猴紝瀹炵幇璧勬簮楂樻晥璋冮厤
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                    <span>棰勭害璁㈠満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jianshenditu@2x.png" />
+                    <span>鍋ヨ韩鍦板浘</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huodongzuzhi@2x.png" />
+                    <span>娲诲姩缁勭粐</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>璧涗簨鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhidao@2x.png" />
+                    <span>杩愬姩鎸囧</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鍋ヨ韩鏈嶅姟</div>
+            <div class="item_info">
+                涓虹敤鎴锋彁渚涚瀛︺�佷究鎹枫�佸畾鍒跺寲鐨勫仴韬寚瀵间笌鏈嶅姟浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jiankangjiance@2x.png" />
+                    <span>浣撹川鍋ュ悍<br/>鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinlijiankang@2x.png" />
+                    <span>蹇冪悊鍋ュ悍<br/>鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jianshenquan@2x.png" />
+                    <span>15鍒嗛挓<br/>鍋ヨ韩鍦�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_quanyuhuwai@2x.png" />
+                    <span>鍏ㄥ煙鎴峰<br/>杩愬姩</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yunying_img2123@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/nationalFitness.js"></script>
+</body>
+</html>
diff --git a/mobile/scenicArea.html b/mobile/scenicArea.html
new file mode 100644
index 0000000..2ff6009
--- /dev/null
+++ b/mobile/scenicArea.html
@@ -0,0 +1,169 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/scenicArea.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>瑙e喅鏂规-鏅尯娓镐箰鍥�</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <span class="banner_title">鏁板瓧婵�娲讳箰鍥綔鑳�<br/>鏅烘収鏋勭瓚鏅尯鐢熸��</span>
+            <span class="banner_info">鍏ㄥ煙鏅烘梾 鏅尯涔愬洯澶氫笟鎬佷竴浣撳寲缁忚惀</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鍏ㄥ煙鏅烘梾 鏅尯涔愬洯澶氫笟鎬佷竴浣撳寲缁忚惀</div>
+            <div class="fangan_info" style="width: 331px;">浼犵粺鏅尯涔愬洯澶у瀛樺湪涓氭�佸崟涓�銆佽惀閿�娓犻亾鍗曚竴銆佹暟鎹鐞嗘贩涔便�佹秷璐逛緵缁欎笉瓒崇瓑闂锛岄�犳垚鍐呴儴绠$悊鍥伴毦锛岃祫婧愭氮璐圭瓑銆傛櫤鎱у満棣嗙郴缁熸繁搴﹁瀺鍚堟櫙鍖虹エ鍔°�侀浂鍞�侀楗�佸ū涔愩�佷綇瀹跨瓑澶氫笟鎬侊紝鏅鸿兘璋冨害瀹炵幇璧勬簮鍔ㄦ�侀厤缃拰钀ラ攢绠$悊锛岄┍鍔ㄦ枃鏃呬骇涓氬悜绾夸笂绾夸笅澶氫笟鎬佷竴浣撳寲鐨勮繍钀ョ鐞嗘ā寮忓崌绾�</div>
+            <img class="fangan_image" style="height: 195px;" src="./images/jingqu_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鏅尯&娓镐箰鍥簲鐢ㄥ満鏅�</div>
+            <div class="fangan_info" style="width: 331px;">閫氳繃瀵规櫙鍖�&娓镐箰鍥殑鏅烘収鍖栧缓璁句娇绠$悊銆佹湇鍔°�佽惀閿�鏇翠紭璐ㄤ究鎹�</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/jingqu_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">浜插瓙涔愬洯</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏋勫缓鍏ㄥ満鏅櫤鑳芥湇鍔$敓鎬侊紝鍔╁姏涔愬洯浠庡崟涓�濞变箰绌洪棿鍗囩骇涓烘暟鏅哄寲瀹跺涵濞变箰鏈嶅姟涓績</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/jingqu_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏃呮父鏅尯</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏁村悎鏅尯澶氫笟鎬佽祫婧愶紝淇冭繘鏃呮父鏈嶅姟鍚戠敓鎬佸寲銆佹櫤鑳藉寲鐨勭患鍚堜笟鎬佺粡钀ョ鐞嗘ā寮忓崌绾�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏁版櫤浣撹偛骞冲彴瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝<br />鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
+            <img class="fangan_image" style="height: 194px;" src="./images/jingqu_img_4@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绁ㄥ姟绠$悊.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼氬憳钀ラ攢.png" />
+                    <span>浼氬憳钀ラ攢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浜插瓙鍗�.png" />
+                    <span>浜插瓙鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟鎶ヨ〃</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鐐归鏈嶅姟.png" />
+                    <span>鐐归鏈嶅姟</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/ota鍥㈣喘.png" />
+                    <span>OTA鍥㈣喘</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/瀹㈡祦鍒嗘瀽.png" />
+                    <span>瀹㈡祦鍒嗘瀽</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/澶у睆绠$悊.png" />
+                    <span>澶у睆绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/缁熻鍒嗘瀽(1).png" />
+                    <span>鏁版嵁缁熻</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/scenicArea.js"></script>
+</body>
+</html>
diff --git a/mobile/smartSpace.html b/mobile/smartSpace.html
new file mode 100644
index 0000000..ae448c8
--- /dev/null
+++ b/mobile/smartSpace.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/smartSpace.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>瑙e喅鏂规-绌洪棿鏅烘収绠$悊</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <span class="banner_title">寤跺睍绌洪棿浠峰�� 鏅哄垱鏈嶅姟鏂扮瘒</span>
+            <span class="banner_info">绉戞妧璧嬭兘 鏅哄垱鏈嶅姟绌洪棿鏂拌寖寮�</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">绉戞妧璧嬭兘 鏅哄垱鏈嶅姟绌洪棿鏂拌寖寮�</div>
+            <div class="fangan_info" style="width: 331px;">鍒╃敤淇℃伅鍖栥�佹暟瀛楀寲鎶�鏈紝閽堝涓嶅悓绌洪棿鍦烘櫙缁撳悎鍏蜂綋鐨勯渶姹傝繘琛岀珛浣撳寲銆佹櫤鑳藉寲绠$悊涓庡簲鐢紝鏁村悎澶氬姛鑳界┖闂寸殑璁惧銆佷汉娴併�佽繍鍔ㄦ暟鎹�佽惀閿�淇冩椿銆佸畨鍏ㄩ璀︾瓑锛屾墦閫犲彲鎰熴�佸彲鎺х殑绔嬩綋浜や簰鏅烘収绌洪棿锛屾瀯寤衡�滅┖闂村嵆鏈嶅姟鈥濈殑鏁板瓧鍖栬繍钀ヤ綋绯�</div>
+            <img class="fangan_image" style="height: 195px;" src="./images/kongjian_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">绌洪棿鏅烘収绠$悊搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">浼樺寲绌洪棿璧勬簮閰嶇疆锛岃绠$悊绮剧粏鍖栥�佽繍钀ユ暟鎹寲銆佷綋楠屾櫤鑳藉寲</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/kongjian_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">宸ヤ汉鏂囧寲瀹�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏋勫缓鏁板瓧鍖栥�佹櫤鑳藉寲鍏叡鏈嶅姟骞冲彴锛屾彁鍗囩┖闂寸鐞嗘晥鐜囧拰鏈嶅姟璐ㄩ噺锛屼负鍚勯」涓氬姟鎻愪緵渚垮埄</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/kongjian_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">浼佷笟宸ヤ細棣�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">钀藉疄鏁板瓧宸ヤ細鐢熸�佷竴浣撳寲寤鸿鐩爣锛屾弧瓒充紒涓氳亴宸ヤ釜鎬у寲闇�姹傦紝鎺ㄥ姩宸ヤ細宸ヤ綔鍒涙柊鍙戝睍</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/kongjian_img_4@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏂囪壓婕斿嚭棣�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃瀵圭幆澧冭鏂姐�佹湇鍔℃柟寮忋�佽繍钀ョ鐞嗚繘琛屾櫤鎱у寲鍗囩骇锛屾彁鍗囩┖闂磋繍琛岀鐞嗗拰鏈嶅姟鏁堣兘</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">绌洪棿鏅烘収绠$悊瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">閫氳繃鐗╄仈缃戜笌澶ф暟鎹妧鏈紝鏅鸿兘璋冩帶绌洪棿璧勬簮鍜岀┖闂寸鐞�</div>
+            <img class="fangan_image" style="height: 194px;" src="./images/kongjian_img_5@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="./images/icon/绁ㄥ姟绠$悊.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="./images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="./images/icon/浼氬憳钀ラ攢.png" />
+                    <span>浼氬憳钀ラ攢</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="./images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="./images/icon/浜插瓙鍗�.png" />
+                    <span>浜插瓙鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟鎶ヨ〃</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鐐归鏈嶅姟.png" />
+                    <span>鐐归鏈嶅姟</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/ota鍥㈣喘.png" />
+                    <span>OTA鍥㈣喘</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璧涗簨娲诲姩.png" />
+                    <span>璧涗簨娲诲姩</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/澶у睆绠$悊.png" />
+                    <span>澶у睆绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/缁熻鍒嗘瀽(1).png" />
+                    <span>鏁版嵁缁熻</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/smartSpace.js"></script>
+</body>
+</html>
diff --git a/mobile/smartSportsPark.html b/mobile/smartSportsPark.html
new file mode 100644
index 0000000..11208ca
--- /dev/null
+++ b/mobile/smartSportsPark.html
@@ -0,0 +1,252 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/smartSportsPark.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>鏅烘収浣撹偛鍏洯</title>
+</head>
+<body>
+<div class="box">
+    <div class="head">
+        <img class="head_logo" src="./images/top_logo@2x.png" />
+        <img class="head_menu" src="./images/top_menu@2x.png" />
+    </div>
+    <div class="banner">
+        <div class="banner_title">鏅烘収浣撹偛鍏洯绀烘剰鍥�</div>
+        <div class="banner_info">閫氳繃鐗╄仈缃戙�丄I鍜屽ぇ鏁版嵁鎶�鏈紝鎵撻�犲叏澶╁�欒繍钀ョ殑鏅烘収鍖栬繍鍔ㄧ┖闂�</div>
+        <img src="./images/img_gongyuan@2x.png" />
+    </div>
+    <div class="banner" style="background: #FFF6ED;">
+        <div class="banner_title">鏅烘収浣撹偛鍏洯瑙e喅鏂规浼樺娍</div>
+        <img style="height: 155px;" src="./images/solution_gongyuan@2x.png" />
+    </div>
+    <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+    <div class="item">
+        <div class="item_title">棰勭害璁㈠満</div>
+        <div class="item_info">
+            灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦�
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                <span>鍦哄湴棰勫畾</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />
+                <span>鍦ㄧ嚎璐エ</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />
+                <span>鑷姪鍏呭��</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_huiyuanbanli@2x.png" />
+                <span>浼氬憳鍔炵悊</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_taocanfuwu@2x.png" />
+                <span>濂楅鏈嶅姟</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />
+                <span>棰嗗埜涓績</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
+                <span>璁℃椂鍏ュ満</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_kechengbaoming@2x.png" />
+                <span>璁℃鍏ュ満</span>
+            </div>
+        </div>
+        <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+    </div>
+    <div class="item" style="background: #F8F9FB;">
+        <div class="item_title">鏅鸿兘绠℃帶</div>
+        <div class="item_info">
+            棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+            鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+            杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                <span>浜鸿劯璇嗗埆</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                <span>浜岀淮鐮佽瘑鍒�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                <span>鏅鸿兘闂告満</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                <span>AI杩愬姩鎶撴媿</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                <span>杩愮淮绠$悊</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                <span>鏅鸿兘鐏帶</span>
+            </div>
+        </div>
+        <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+    </div>
+    <div class="item">
+        <div class="item_title">璁℃椂娑堣垂</div>
+        <div class="item_info">
+            鑷畾涔夊満娆″崟浠峰拰瓒呮椂鏀惰垂瑙勫垯锛岃秴鏃跺悗鎸夎瀹氭爣鍑嗚ˉ璐瑰嚭鍦�
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                <span>浜鸿劯璇嗗埆</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                <span>浜岀淮鐮佽瘑鍒�</span>
+            </div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+        </div>
+        <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+    </div>
+    <div class="item" style="background: #F8F9FB;">
+        <div class="item_title">鍟嗗搧绠$悊</div>
+        <div class="item_info">
+            鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />
+            绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                <span>鍟嗗搧鍞崠</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                <span>杩涢攢瀛樼鐞�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                <span>閿�鍞姤琛�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                <span>鍟嗗搧鐩樼偣</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                <span>璁㈠崟绠$悊</span>
+            </div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+        </div>
+        <img class="item_image" src="./images/hexin_img_shangpinguanli.png" />
+    </div>
+    <div class="item">
+        <div class="item_title">璐㈠姟缁熻</div>
+        <div class="item_info">
+            璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_yingyejiesuan@2x.png" />
+                <span>钀ヤ笟缁撶畻</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_shourulaiyuan@2x.png" />
+                <span>鏀跺叆鏉ユ簮</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_zijinliushui@2x.png" />
+                <span>璧勯噾娴佹按</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_shoukuanfangshi@2x.png" />
+                <span>鏀舵鏂瑰紡</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_tuikuanjilu@2x.png" />
+                <span>閫�娆捐褰�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_yingyefenlei@2x.png" />
+                <span>钀ヤ笟鍒嗙被</span>
+            </div>
+            <div class="item_list_item">
+                <img src="./images/icon3/ic_yundongtongji@2x.png" />
+                <span>鏁版嵁鍒嗘瀽</span>
+            </div>
+            <div style="width: 25%; height: 0;"></div>
+        </div>
+        <img class="item_image" src="./images/yunying_34img2@2x.png" />
+    </div>
+    <div class="gengduo">
+        <div class="gengduo_title">鏇村鍔熻兘</div>
+        <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+        <img src="./images/cate.png" />
+    </div>
+    <div class="footer">
+        <div class="footer_title">鑱旂郴鎴戜滑</div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>0551-63450845</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_cellphone@2x.png" />
+            <span>15395136032</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_time@2x.png" />
+            <span>09:00-22:00</span>
+        </div>
+        <div class="footer_row">
+            <img src="./images/ic_telephone@2x.png" />
+            <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+        </div>
+        <div class="footer_x"></div>
+        <div class="footer_info">
+            <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+            <span>dmtt.run. All Rights Reserved</span>
+        </div>
+        <div style="width: 100%; height: 54px;"></div>
+        <div class="footer_qrcode">
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>寰俊鍏紬鍙�</span>
+            </div>
+            <div class="footer_qrcode_item">
+                <img src="./images/home_ic_bushu@2x.png" />
+                <span>瀹㈡湇寰俊</span>
+            </div>
+        </div>
+        <div class="footer_lx">
+            <div class="footer_lx_left">
+                <img src="./images/ic_phone@2x.png" />
+                <span>鐢佃瘽鍜ㄨ</span>
+            </div>
+            <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </div>
+    </div>
+</div>
+<script src="./js/smartSportsPark.js"></script>
+</body>
+</html>
diff --git a/mobile/solutionSmartVenue.html b/mobile/solutionSmartVenue.html
new file mode 100644
index 0000000..b0d291c
--- /dev/null
+++ b/mobile/solutionSmartVenue.html
@@ -0,0 +1,227 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/solutionSmartVenue.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/swiper.min.css">
+    <title>瑙e喅鏂规-鏁版櫤鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <span class="banner_title">绉戞妧璧嬭兘绠$悊 鏅烘収绮剧畝杩愯惀</span>
+            <span class="banner_info">AI璧嬭兘銆佸紑鍚満棣嗘暟鏅烘柊鏃朵唬</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">AI璧嬭兘 寮�鍚満棣嗘暟鏅烘柊鏃朵唬</div>
+            <div class="fangan_info" style="width: 331px;">璞嗙背璺宠烦浠ョ墿鑱旂綉涓哄熀纭�锛屼緷鎵楢I绠楁硶鍜屽ぇ鏁版嵁绛夋妧鏈鍩熺殑娣卞害铻嶅悎锛屽疄鐜拌繍鍔ㄥ満棣嗘暟瀛楀寲銆佹櫤鑳藉寲銆佹櫤鎱у寲鏀归�犲崌绾�   杩愯惀鎴愭湰锛屼紭鍖栨湇鍔′綋楠岋紝褰㈡垚绾夸笂绾夸笅铻嶅悎浜掑姩銆佺珛浣撹鐩栫殑鏈嶅姟渚涚粰浣撶郴锛屾墿澶у満棣嗗晢涓氫环鍊硷紝閲嶅鏁版櫤鍦洪杩愯惀鐢熸�併��</div>
+            <img class="fangan_image" style="height: 195px;" src="./images/shuzhi_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鏅烘収鍦洪绯荤粺搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">琛屼笟缁嗗垎锛屼负澶氱杩愬姩鍦烘櫙鎻愪緵鏇村瀭鐩寸殑鍦洪鏅烘敼瑙e喅鏂规</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/home_img1_open@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">缁煎悎浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/鐭╁舰@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鍏ㄦ皯鍋ヨ韩涓績</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃棰勭害棰勫畾銆佸満鍦扮鐞嗐�佽兘鑰楃鎺х瓑杩涜鍦洪鍔ㄦ�佽皟搴︼紝浼樺寲鏈嶅姟浣撻獙</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/鐭╁舰1@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏍″洯浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏀寔鏍″唴澶栦汉鍛樺垎娴侊紝婊¤冻鏍″洯杩愬姩闇�姹傚強鏁欏璁粌鍦烘櫙</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/鐭╁舰3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鍐伴洩浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏀寔浼氬憳绠$悊銆佸櫒鏉愮璧併�佹暀缁冪鐞嗙瓑鍔熻兘锛屾彁鍗囨湇鍔′綋楠屽拰钀ラ攢璧嬭兘</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/鐭╁舰4@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">娓告吵浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃鏅鸿兘闂告満銆佹墜鐜満銆佹櫤鑳藉偍鐗╂煖鍜屾櫤鑳藉畨鍏ㄧ洃娴嬬瓑锛屾弧瓒冲満棣嗚繍钀ラ渶姹�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/鐭╁舰5@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏅烘収浣撹偛鍏洯</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鎻愪緵鍏ㄥぉ鍊欏満鍦伴瀹氥�佹櫤鑳界収鏄庡拰鏃犱汉鍊煎畧鏈嶅姟锛屾彁鍗囧仴韬綋楠�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏅烘収鍦洪绯荤粺瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">鎻愪緵涓婄櫨绉嶅姛鑳藉簲鐢紝鎵撻�犳櫤鑳戒竴浣撳寲骞冲彴锛屽姪鍔涘満棣嗘櫤鎱х鐞嗗拰钀ラ攢杞寲</div>
+            <img class="fangan_image" style="height: 194px;" src="./images/solution_img_8@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍦哄湴棰勫畾.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/闂ㄧエ鍞崠.png" />
+                    <span>闂ㄧエ绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/濂楅绠$悊.png" />
+                    <span>濂楅绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/涓撻」鍗�.png" />
+                    <span>涓撻」鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼存父鍗�.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璇剧▼绠$悊.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍣ㄦ潗绉熻祦.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/娲诲姩绠$悊.png" />
+                    <span>娲诲姩绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/缁熻鍒嗘瀽.png" />
+                    <span>缁熻鍒嗘瀽</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璁惧绠$悊.png" />
+                    <span>璁惧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/swiper.min.js"></script>
+    <script src="./js/solutionSmartVenue.js"></script>
+
+    <script>
+        var swiper = new Swiper('.swiper-container', {
+            pagination: '.swiper-pagination',
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+        var swiper1 = new Swiper('.swiper-container1', {
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+    </script>
+</body>
+</html>
diff --git a/mobile/sportsPlatform.html b/mobile/sportsPlatform.html
new file mode 100644
index 0000000..2a8653f
--- /dev/null
+++ b/mobile/sportsPlatform.html
@@ -0,0 +1,170 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/sportsPlatform.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>瑙e喅鏂规-鏁版櫤浣撹偛骞冲彴</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <span class="banner_title">鎶�鏈祴鑳� 鏁版櫤椹卞姩</span>
+            <span class="banner_info">璧勬簮鏁村悎 淇冭繘绮剧粏鍖栧钩鍙版湇鍔�</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">璧勬簮鏁村悎 淇冭繘绮剧粏鍖栧钩鍙版湇鍔�</div>
+            <div class="fangan_info" style="width: 331px;">鏅烘収浣撹偛绠$悊绯荤粺娣卞害鏁村悎鐗╄仈缃戜笌AI鍐崇瓥鑳藉姏锛岄�氳繃鏁版櫤浣撹偛骞冲彴瀹炵幇鍦洪璧勬簮璋冨害銆佽繍鍔ㄦ暟鎹垎鏋愬拰瀹夊叏棰勮淇濋殰锛岃祴鑳藉満棣嗚繍钀ラ檷鏈鏁堬紝鏋勫缓涓�浣撳寲銆侀珮鏁堝崗鍚岀殑浣撹偛缁煎悎绠$悊浣撶郴锛岃鐢ㄦ埛鑾峰緱绉戝鍖栥�佷釜鎬у寲鐨勮繍鍔ㄤ綋楠岋紝鎺ㄥ姩浣撹偛浜т笟鐢辩矖鏀惧紡绠$悊鍚戞暟鎹┍鍔ㄧ殑绮剧粏鍖栨湇鍔℃ā寮忔紨杩�</div>
+            <img class="fangan_image" style="height: 195px;" src="./images/tiyupingtai_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鏁版櫤浣撹偛骞冲彴搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">浼氬憳閫氳繃灏忕▼搴忓湪绾块绾﹁鍦猴紝鑷姪鏍搁獙鍏ュ満銆佺鍒般�佽繍鍔ㄩ敾鐐肩瓑锛屾弧瓒虫洿澶氬満鏅渶姹�</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/tiyupingtai_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">浣撹偛杩為攣杩愯惀骞冲彴</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃鏅鸿兘绯荤粺瀹炵幇璺ㄥ尯鍩熷鍦洪缁熶竴绠$悊鍜屼細鍛樻湇鍔″崗鍚岋紝杩涜鍦洪绮剧粏绠℃帶鍜岃惀閿�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/tiyupingtai_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏁村悎鍏ㄥ煙鍦洪鏁版嵁涓庡叕鍏辨湇鍔¤祫婧愯繘琛岃祫婧愬悎鐞嗛厤缃強鍋ヨ韩鏈嶅姟浣撻獙鍗囩骇</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏁版櫤浣撹偛骞冲彴瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝<br />鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
+            <img class="fangan_image" style="height: 194px;" src="./images/tiyupingtai_img_4@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍦哄湴棰勫畾(1).png" />
+                    <span>棰勭害棰勫畾</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍦哄尯鍦哄湴.png" />
+                    <span>鍦哄湴绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼存父鍗�.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟鎶ヨ〃</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鏃ュ父绠$悊.png" />
+                    <span>鏁欏煿绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/涓撻」鍗�.png" />
+                    <span>涓撻」鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璧涗簨娲诲姩.png" />
+                    <span>璧涗簨娲诲姩</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/澶у睆绠$悊.png" />
+                    <span>澶у睆绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/缁熻鍒嗘瀽(1).png" />
+                    <span>鏁版嵁缁熻</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/swiper.min.js"></script>
+    <script src="./js/sportsPlatform.js"></script>
+</body>
+</html>
diff --git a/mobile/sportsVenue.html b/mobile/sportsVenue.html
new file mode 100644
index 0000000..9fddbe8
--- /dev/null
+++ b/mobile/sportsVenue.html
@@ -0,0 +1,512 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/sportsVenue.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>缁煎悎浣撹偛鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">缁煎悎浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鎻愪緵杞‖浠朵竴浣撳寲鐨勬櫤鎱цВ鍐虫柟妗堬紝閫傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱у満棣嗙鐞�</div>
+            <img src="./images/img_zongheguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">缁煎悎浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="./images/solution_zonghetiyuguan@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">杩涢攢瀛樼鐞�</div>
+            <div class="item_info">
+                鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />
+                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpingshoumai@2x.png" />
+                    <span>鍟嗗搧鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jinxiaocunguanli@2x.png" />
+                    <span>杩涢攢瀛樼鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" />
+                    <span>閿�鍞姤琛�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpinpandian@2x.png" />
+                    <span>鍟嗗搧鐩樼偣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanguanli@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_8@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏁版嵁澶у睆</div>
+            <div class="item_info">
+                閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keliujiance@2x.png" />
+                    <span>瀹㈡祦鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongtongji@2x.png" />
+                    <span>杩愬姩缁熻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shebeizhuangtai@2x.png" />
+                    <span>璁惧鐘舵��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_anquanyujing@2x.png" />
+                    <span>瀹夊叏棰勮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_tingcheshuju@2x.png" />
+                    <span>鍋滆溅鏁版嵁</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">钀ラ攢杞寲</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />
+                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duanxintuisong@2x.png" />
+                    <span>鐭俊鎺ㄩ��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingxiangfaquan@2x.png" />
+                    <span>瀹氬悜鍙戝埜</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dengjiquanyi@2x.png" />
+                    <span>绛夌骇鏉冪泭</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yun1ying_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">瀵艰瀵艰</div>
+            <div class="item_info">
+                涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_daolanping@2x.png" />
+                    <span>瀵艰瑙︽帶灞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_luxianzhiyin@2x.png" />
+                    <span>灏忕▼搴忚矾绾挎寚寮�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingbingjiqi@2x.png" />
+                    <span>鏅鸿兘杩庡鏈哄櫒浜�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhishipai@2x.png" />
+                    <span>瀵艰鎸囩ず鐗�</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunyi1ng_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅烘収鍋滆溅</div>
+            <div class="item_info">
+                瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_cheweiyindao@2x.png" />
+                    <span>杞︿綅寮曞</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_chepaishibie@2x.png" />
+                    <span>杞︾墝璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhujiaofei@2x.png" />
+                    <span>鑷姪缂磋垂</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_cheweiyuyue@2x.png" />
+                    <span>杞︿綅棰勭害</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yunyin2g_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璐㈠姟缁熻</div>
+            <div class="item_info">
+                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingyejiesuan@2x.png" />
+                    <span>钀ヤ笟缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shourulaiyuan@2x.png" />
+                    <span>鏀跺叆鏉ユ簮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zijinliushui@2x.png" />
+                    <span>璧勯噾娴佹按</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shoukuanfangshi@2x.png" />
+                    <span>鏀舵鏂瑰紡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_tuikuanjilu@2x.png" />
+                    <span>閫�娆捐褰�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingyefenlei@2x.png" />
+                    <span>钀ヤ笟鍒嗙被</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongtongji@2x.png" />
+                    <span>鏁版嵁鍒嗘瀽</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_34img2@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/sportsVenue.js"></script>
+</body>
+</html>
diff --git a/mobile/swimmingSports.html b/mobile/swimmingSports.html
new file mode 100644
index 0000000..18f5b96
--- /dev/null
+++ b/mobile/swimmingSports.html
@@ -0,0 +1,655 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/swimmingSports.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>娓告吵浣撹偛鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">娓告吵浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">閽堝娓告吵棣嗘瀯寤烘按璐ㄦ櫤鑳借兘鑰楄皟鎺с�侀槻婧烘按棰勮銆佷細鍛樻湇鍔′竴浣撳寲鐨勬櫤鎱х鐞嗙郴缁�</div>
+            <img src="./images/img_youyongguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">娓告吵浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="./images/solution_youyongguan@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                杞‖浠惰仈鍔ㄥ疄鐜版父娉抽杩愯惀杩愮淮涓�浣撳寲锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鑷姪鎵嬬幆鏈�</div>
+            <div class="item_info">
+                鎵嬬幆鏀跺彂鏈烘敮鎸佷汉鑴歌瘑鍒�佷簩缁寸爜璇嗗埆锛岀敤鎴峰彲鑷姪鍙栬繕鎵嬬幆锛�<br />
+                閫氳繃鏅鸿兘鎵嬬幆鍙疄鐜版櫤鑳藉偍鐗┿�佹櫤鑳芥穻娴寸瓑璁惧浣跨敤锛�<br />
+                鎵嬬幆鑷姩鍥炴敹娓呮磥锛岄噸缃暟鎹紝浠ヤ究閲嶅鍒╃敤锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhuquhuanshouhuan@2x.png" />
+                    <span>鑷姪鍙栬繕<br/>鎵嬬幆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhujinchuchang@2x.png" />
+                    <span>鑷姪杩涘嚭鍦�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhuhuishou@2x.png" />
+                    <span>鑷姪鍥炴敹</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yajintuihuan@2x.png" />
+                    <span>鎶奸噾閫�杩�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouhuanxiaodu@2x.png" />
+                    <span>鎵嬬幆娑堟瘨<br/>娓呮磥</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shujuchongzhi@2x.png" />
+                    <span>鏁版嵁閲嶇疆</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">闃叉汉姘寸洃娴�</div>
+            <div class="item_info">
+                閫氳繃鏅鸿兘璁惧瀹炴椂鐩戞帶娉虫睜鐘舵�侊紝鍙婃椂棰勮婧烘按椋庨櫓锛屼繚闅滄吵瀹㈠畨鍏�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_fangnishuidaping@2x.png" />
+                    <span>闃叉汉姘�<br />鐩戞祴澶у睆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_anquanyujing@2x.png" />
+                    <span>鍒嗙骇棰勮<br />绯荤粺</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_aishexiangtou@2x.png" />
+                    <span>AI鎽勫儚澶�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_anquanyuanbaojing@2x.png" />
+                    <span>瀹夊叏鍛樻姤璀�<br />鎵嬭〃/骞虫澘</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_airuanjian@2x.png" />
+                    <span>AI杞欢<br />绯荤粺</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_quanjingshexiang@2x.png" />
+                    <span>鍏ㄦ櫙鎽勫儚澶�</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/hexin_img_fangnishui.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鍟嗗搧绠$悊</div>
+            <div class="item_info">
+                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpingshoumai@2x.png" />
+                    <span>鍟嗗搧鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jinxiaocunguanli@2x.png" />
+                    <span>杩涢攢瀛樼鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" />
+                    <span>閿�鍞姤琛�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpinpandian@2x.png" />
+                    <span>鍟嗗搧鐩樼偣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_airuanjian@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/hexin_img_shangpinguanli.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">绉垎鍟嗗煄</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenmingxi@2x.png" />
+                    <span>绉垎鏄庣粏</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpingguanli@2x.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xunishangpin@2x.png" />
+                    <span>铏氭嫙鍟嗗搧</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/hexin_img_jifenshangcheng.png" />
+        </div>
+
+
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">棰勭害璁㈠満</div>-->
+<!--            <div class="item_info">-->
+<!--                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_changdiyuding@2x.png" />-->
+<!--                    <span>鍦哄湴棰勫畾</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />-->
+<!--                    <span>鍦ㄧ嚎璐エ</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />-->
+<!--                    <span>鑷姪鍏呭��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_huiyuanbanli@2x.png" />-->
+<!--                    <span>浼氬憳鍔炵悊</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />-->
+<!--                    <span>濂楅鏈嶅姟</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />-->
+<!--                    <span>棰嗗埜涓績</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />-->
+<!--                    <span>鍦ㄧ嚎绾︾悆</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />-->
+<!--                    <span>璇剧▼鎶ュ悕</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">璧涗簨娲诲姩</div>-->
+<!--            <div class="item_info">-->
+<!--                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_saishifabu@2x.png" />-->
+<!--                    <span>璧涗簨鍙戝竷</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_saishiguanli@2x.png" />-->
+<!--                    <span>璧涗簨绠$悊</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_huodongbaoming@2x.png" />-->
+<!--                    <span>娲诲姩鎶ュ悕</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_chengjigongbu@2x.png" />-->
+<!--                    <span>鎴愮哗鍏竷</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_saishizhibo@2x.png" />-->
+<!--                    <span>璧涗簨鐩存挱</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zhihuiguansai@2x.png" />-->
+<!--                    <span>鏅烘収瑙傝禌</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_yunyingbaozhang@2x.png" />-->
+<!--                    <span>杩愯惀淇濋殰</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/zongheguan_img_7@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item">-->
+<!--            <div class="item_title">杩涢攢瀛樼鐞�</div>-->
+<!--            <div class="item_info">-->
+<!--                鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />-->
+<!--                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_shangpingshoumai@2x.png" />-->
+<!--                    <span>鍟嗗搧鍞崠</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_jinxiaocunguanli@2x.png" />-->
+<!--                    <span>杩涢攢瀛樼鐞�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" />-->
+<!--                    <span>閿�鍞姤琛�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_shangpinpandian@2x.png" />-->
+<!--                    <span>鍟嗗搧鐩樼偣</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_dingdanguanli@2x.png" />-->
+<!--                    <span>璁㈠崟绠$悊</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/zongheguan_img_8@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">鏁版嵁澶у睆</div>-->
+<!--            <div class="item_info">-->
+<!--                閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_keliujiance@2x.png" />-->
+<!--                    <span>瀹㈡祦鐩戞祴</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_yundongtongji@2x.png" />-->
+<!--                    <span>杩愬姩缁熻</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_shebeizhuangtai@2x.png" />-->
+<!--                    <span>璁惧鐘舵��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_anquanyujing@2x.png" />-->
+<!--                    <span>瀹夊叏棰勮</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_tingcheshuju@2x.png" />-->
+<!--                    <span>鍋滆溅鏁版嵁</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/yunying_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item">-->
+<!--            <div class="item_title">钀ラ攢杞寲</div>-->
+<!--            <div class="item_info">-->
+<!--                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />-->
+<!--                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_jifenguanli@2x.png" />-->
+<!--                    <span>绉垎绠$悊</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_jifenshangcheng@2x.png" />-->
+<!--                    <span>绉垎鍟嗗煄</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_duihuandingdan@2x.png" />-->
+<!--                    <span>鍏戞崲璁㈠崟</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_wuliupeisong@2x.png" />-->
+<!--                    <span>鐗╂祦閰嶉��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_miaoshachoujiang@2x.png" />-->
+<!--                    <span>绉掓潃鎶藉</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_duanxintuisong@2x.png" />-->
+<!--                    <span>鐭俊鎺ㄩ��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_dingxiangfaquan@2x.png" />-->
+<!--                    <span>瀹氬悜鍙戝埜</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_dengjiquanyi@2x.png" />-->
+<!--                    <span>绛夌骇鏉冪泭</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/yun1ying_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">瀵艰瀵艰</div>-->
+<!--            <div class="item_info">-->
+<!--                涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_daolanping@2x.png" />-->
+<!--                    <span>瀵艰瑙︽帶灞�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_luxianzhiyin@2x.png" />-->
+<!--                    <span>灏忕▼搴忚矾绾挎寚寮�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_yingbingjiqi@2x.png" />-->
+<!--                    <span>鏅鸿兘杩庡鏈哄櫒浜�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zhishipai@2x.png" />-->
+<!--                    <span>瀵艰鎸囩ず鐗�</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/yunyi1ng_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item">-->
+<!--            <div class="item_title">鏅烘収鍋滆溅</div>-->
+<!--            <div class="item_info">-->
+<!--                瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_cheweiyindao@2x.png" />-->
+<!--                    <span>杞︿綅寮曞</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_chepaishibie@2x.png" />-->
+<!--                    <span>杞︾墝璇嗗埆</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zizhujiaofei@2x.png" />-->
+<!--                    <span>鑷姪缂磋垂</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_cheweiyuyue@2x.png" />-->
+<!--                    <span>杞︿綅棰勭害</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/yunyin2g_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">璐㈠姟缁熻</div>-->
+<!--            <div class="item_info">-->
+<!--                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_yingyejiesuan@2x.png" />-->
+<!--                    <span>钀ヤ笟缁撶畻</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_shourulaiyuan@2x.png" />-->
+<!--                    <span>鏀跺叆鏉ユ簮</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_zijinliushui@2x.png" />-->
+<!--                    <span>璧勯噾娴佹按</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_shoukuanfangshi@2x.png" />-->
+<!--                    <span>鏀舵鏂瑰紡</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_tuikuanjilu@2x.png" />-->
+<!--                    <span>閫�娆捐褰�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_yingyefenlei@2x.png" />-->
+<!--                    <span>钀ヤ笟鍒嗙被</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="./images/icon3/ic_yundongtongji@2x.png" />-->
+<!--                    <span>鏁版嵁鍒嗘瀽</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="./images/yunying_34img2@2x.png" />-->
+<!--        </div>-->
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/swimmingSports.js"></script>
+</body>
+</html>
diff --git a/mobile/unattended.html b/mobile/unattended.html
new file mode 100644
index 0000000..b262029
--- /dev/null
+++ b/mobile/unattended.html
@@ -0,0 +1,515 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/unattended.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <title>鏃犱汉鍊煎畧鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <div class="banner_title">鏃犱汉鍊煎畧鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鍩轰簬绾夸笂灏忕▼搴忓拰绾夸笅鑷姪鏈嶅姟闂幆锛岀敤鎴峰彲鑷富瀹屾垚鈥滈瀹�-鏍搁攢-绂诲満鈥濆叏娴佺▼</div>
+            <img src="./images/img_wurenguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鏃犱汉鍊煎畧鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="./images/solution_wuren@2x.png" />
+        </div>
+        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
+        </div>
+
+
+
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">杩涢攢瀛樼鐞�</div>
+            <div class="item_info">
+                鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />
+                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpingshoumai@2x.png" />
+                    <span>鍟嗗搧鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jinxiaocunguanli@2x.png" />
+                    <span>杩涢攢瀛樼鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" />
+                    <span>閿�鍞姤琛�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shangpinpandian@2x.png" />
+                    <span>鍟嗗搧鐩樼偣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingdanguanli@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/zongheguan_img_8@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏁版嵁澶у睆</div>
+            <div class="item_info">
+                閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_keliujiance@2x.png" />
+                    <span>瀹㈡祦鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongtongji@2x.png" />
+                    <span>杩愬姩缁熻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shebeizhuangtai@2x.png" />
+                    <span>璁惧鐘舵��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_anquanyujing@2x.png" />
+                    <span>瀹夊叏棰勮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_tingcheshuju@2x.png" />
+                    <span>鍋滆溅鏁版嵁</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">钀ラ攢杞寲</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />
+                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_duanxintuisong@2x.png" />
+                    <span>鐭俊鎺ㄩ��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dingxiangfaquan@2x.png" />
+                    <span>瀹氬悜鍙戝埜</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_dengjiquanyi@2x.png" />
+                    <span>绛夌骇鏉冪泭</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yun1ying_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">瀵艰瀵艰</div>
+            <div class="item_info">
+                涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_daolanping@2x.png" />
+                    <span>瀵艰瑙︽帶灞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_luxianzhiyin@2x.png" />
+                    <span>灏忕▼搴忚矾绾挎寚寮�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingbingjiqi@2x.png" />
+                    <span>鏅鸿兘杩庡鏈哄櫒浜�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zhishipai@2x.png" />
+                    <span>瀵艰鎸囩ず鐗�</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunyi1ng_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅烘収鍋滆溅</div>
+            <div class="item_info">
+                瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_cheweiyindao@2x.png" />
+                    <span>杞︿綅寮曞</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_chepaishibie@2x.png" />
+                    <span>杞︾墝璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zizhujiaofei@2x.png" />
+                    <span>鑷姪缂磋垂</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_cheweiyuyue@2x.png" />
+                    <span>杞︿綅棰勭害</span>
+                </div>
+            </div>
+            <img class="item_image" src="./images/yunyin2g_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璐㈠姟缁熻</div>
+            <div class="item_info">
+                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingyejiesuan@2x.png" />
+                    <span>钀ヤ笟缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shourulaiyuan@2x.png" />
+                    <span>鏀跺叆鏉ユ簮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_zijinliushui@2x.png" />
+                    <span>璧勯噾娴佹按</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_shoukuanfangshi@2x.png" />
+                    <span>鏀舵鏂瑰紡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_tuikuanjilu@2x.png" />
+                    <span>閫�娆捐褰�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yingyefenlei@2x.png" />
+                    <span>钀ヤ笟鍒嗙被</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="./images/icon3/ic_yundongtongji@2x.png" />
+                    <span>鏁版嵁鍒嗘瀽</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="./images/yunying_34img2@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="./images/cate.png" />
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/unattended.js"></script>
+</body>
+</html>
diff --git a/mobile/unmannedVenue.html b/mobile/unmannedVenue.html
new file mode 100644
index 0000000..71fd96a
--- /dev/null
+++ b/mobile/unmannedVenue.html
@@ -0,0 +1,183 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./css/unmannedVenue.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="./css/swiper.min.css">
+    <title>瑙e喅鏂规-鏃犱汉鍦洪</title>
+</head>
+<body>
+    <div class="box">
+        <div class="head">
+            <img class="head_logo" src="./images/top_logo@2x.png" />
+            <img class="head_menu" src="./images/top_menu@2x.png" />
+        </div>
+        <div class="banner">
+            <span class="banner_title">鏅哄惎鏃犱汉鍊煎畧鏃朵唬</span>
+            <span class="banner_info">鐗╄仈搴旂敤 鎵撻��24H鏅鸿兘鍦洪</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鐗╄仈搴旂敤 鎵撻��24H鏅鸿兘鍦洪</div>
+            <div class="fangan_info" style="width: 331px;">鐜颁唬鐢熸椿鑺傚鐨勫姞蹇偓鐢熺鐗囧寲杩愬姩闇�姹傦紝娑堣垂鑰呭渚挎嵎銆侀珮鏁堛�佽嚜鍔╁紡鏈嶅姟鍜屽叏鏃舵鐏垫椿鍋ヨ韩鐨勯渶姹傚鍔犮�備笌姝ゅ悓鏃讹紝浼犵粺鐞冮鍙楅檺浜庝汉宸ユ垚鏈紝鍙兘鍦ㄧ壒瀹氭椂闂存鍐呭紑鏀鹃�犳垚鍦哄湴璧勬簮闂茬疆銆�24H鏅鸿兘鍦洪渚濇墭鏅烘収鍦洪绯荤粺鍜岀墿鑱旇澶囩殑楂樻晥鍗忓悓锛屾弧瓒冲悇鏂归渶姹傦紝浠庤�岃妭鐪佷汉鍔涙垚鏈�佹彁楂樺満棣嗙粡钀ユ晥鐜囥�佹彁鍗囩敤鎴疯繍鍔ㄤ綋楠屻��</div>
+            <img class="fangan_image" style="height: 195px;" src="./images/wuren_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">24H鏅鸿兘鍦洪搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">浼氬憳閫氳繃灏忕▼搴忓湪绾块绾﹁鍦猴紝鑷姪鏍搁獙鍏ュ満銆佺鍒般�佽繍鍔ㄩ敾鐐肩瓑锛屾弧瓒虫洿澶氬満鏅渶姹�</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/wuren_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">24H鏅鸿兘鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">渚濇墭鏅烘収鍦洪绯荤粺鍜岄棬绂併�佹秷璇炬満銆佹櫤鑳界數鎺с�佸偍鐗╂煖绛夌墿鑱旇澶囷紝瀹炵幇鍦洪鍏ㄥぉ鍊欒繍钀�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="./images/wuren_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏃犱汉鍊煎畧鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃鏅鸿兘鐗╄仈涓嶢I鐩戞帶绛夛紝瀹炵幇璁炬柦鏅鸿兘绠℃帶鍙婂畨鍏ㄩ璀︼紝闄嶆湰澧炴晥鍚屾椂淇濋殰瀹夊叏杩愯惀銆�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="./images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">24H鏅鸿兘鍦洪瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鐨勮嚜鍔ㄥ寲绠$悊鍜屾棤浜哄�煎畧杩愯惀</div>
+            <img class="fangan_image" style="height: 194px;" src="./images/wuren_img_4@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍦哄湴棰勫畾(1).png" />
+                    <span>棰勭害棰勫畾</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍦哄尯鍦哄湴.png" />
+                    <span>鍦哄湴绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绁ㄥ姟绠$悊.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍣ㄦ潗绉熻祦.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鏃ュ父绠$悊.png" />
+                    <span>鏁欏煿绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/鎴戠殑绾︾悆.png" />
+                    <span>绾︾悆鎷煎満</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/绮惧僵鐬棿.png" />
+                    <span>绮惧僵鐬棿</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="./images/icon/瀹㈡祦鍒嗘瀽.png" />
+                    <span>瀹㈡祦鍒嗘瀽</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="footer">
+            <div class="footer_title">鑱旂郴鎴戜滑</div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>0551-63450845</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_cellphone@2x.png" />
+                <span>15395136032</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_time@2x.png" />
+                <span>09:00-22:00</span>
+            </div>
+            <div class="footer_row">
+                <img src="./images/ic_telephone@2x.png" />
+                <span>瀹夊窘鐪佸悎鑲ュ競缁忓紑鍖哄畨寰借幉鑺辩鎶�鍒涙柊浜т笟鍥璅401瀹�</span>
+            </div>
+            <div class="footer_x"></div>
+            <div class="footer_info">
+                <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 漏 2014-2025</span>
+                <span>dmtt.run. All Rights Reserved</span>
+            </div>
+            <div style="width: 100%; height: 54px;"></div>
+            <div class="footer_qrcode">
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>寰俊鍏紬鍙�</span>
+                </div>
+                <div class="footer_qrcode_item">
+                    <img src="./images/home_ic_bushu@2x.png" />
+                    <span>瀹㈡湇寰俊</span>
+                </div>
+            </div>
+            <div class="footer_lx">
+                <div class="footer_lx_left">
+                    <img src="./images/ic_phone@2x.png" />
+                    <span>鐢佃瘽鍜ㄨ</span>
+                </div>
+                <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+            </div>
+        </div>
+    </div>
+    <script src="./js/swiper.min.js"></script>
+    <script src="./js/solutionSmartVenue.js"></script>
+
+    <script>
+        var swiper = new Swiper('.swiper-container', {
+            pagination: '.swiper-pagination',
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+        var swiper1 = new Swiper('.swiper-container1', {
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+    </script>
+</body>
+</html>

--
Gitblit v1.9.3