删除web端巫溪会议代码

project/wuxi/h5/AppAgenda/AppAgenda.vue

@@ -1,120 +0,0 @@
-<template>
-  <div class="AppAgenda">
-    <div class="home-content">
-      <p class="time">9：35 — 9：40 </p>
-      <p class="text">重庆市巫溪县政府副县长：<span>陈钢</span></p>
-
-      <p class="time">9：40 — 10：00 </p>
-      <p class="text">中国工程院院士刘仲华院士：<span>祝福视频</span></p>
-
-      <p class="title">第一篇章：代用之茶——巫溪老鹰茶</p>
-      <p class="time">10：05 — 10：20 </p>
-      <p class="text">中国茶叶学会理事，西南大学涪陵研究院院长曾亮议题：<span>老鹰茶的物质基础组成和功效评价</span></p>
-
-      <p class="time">10：20 — 10：35</p>
-      <p class="text">林草种质资源创新利用所副所长戴前莉议题：<span>巫溪老鹰茶资源禀赋铸就产业先发展</span></p>
-
-      <p class="title">第二篇章：健康之茶——巫溪老鹰茶</p>
-      <p class="time">10：35 — 10：50</p>
-      <p class="text">中国农业科学院茶叶研究所所长、茶业经济与文化研究创新团队首席科学家，中国茶叶学会理事长姜仁华议题：<span>科技赋能老鹰茶产品健康功效</span></p>
-
-      <p class="time">10：50 — 11：05</p>
-      <p class="text">中华全国供销合作总社杭州茶叶研究所党委委员谭蓉议题：<span>不同加工工艺对老鹰茶风味品质的影响研究</span></p>
-
-      <p class="time">11：05 — 11：20</p>
-      <p class="text">重庆中医药学院中药学院副院长曹纬国副院长<br/>议题：<span>老鹰茶食用价值研究</span></p>
-
-      <p class="title">第三篇章：爆品之茶——巫溪老鹰茶</p>
-      <p class="time">11：20 — 11：35</p>
-      <p class="text">宁饮川老鹰茶公司运营总监周泓妤议题：<span>巫溪老鹰茶发展历程与品牌发展</span></p>
-
-      <p class="time">11：35 — 11：50</p>
-      <p class="text">金蒲莲老鹰茶公司负责人黎军议题：<span>巫溪老鹰茶品牌营销—金蒲莲的“拓圈”之路</span></p>
-
-      <p class="time">11：50 — 12：05</p>
-      <p class="text">深圳市华巨臣国际会展集团三茶创新研究院项目负责人&企划中心品牌副经理孙逸超议题：<span>平台赋能：巫溪老鹰茶品牌塑造与产业崛起之道</span></p>
-
-      <p class="time">12：05 — 12：20</p>
-      <p class="text">小罐茶联合创始人于进江议题：<span>鹰姿飒爽！打造百亿老鹰茶区域品牌</span></p>
-
-      <p class="time">12：20 — 12：30</p>
-      <p class="text">会议结束</p>
-
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'Agenda',
-  label: '活动议程',
-
-  props: {
-    instance: Function,
-    dict: Object,
-    menuName: {default: "活动议程"}
-  },
-
-  data() {
-    return {
-
-    }
-  },
-
-  mounted() {
-  },
-
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss">
-.AppAgenda {
-  height: 100%;
-  width: 100%;
-  background-image: url("./img/detail-bg.png");
-  background-size: 100% 100%;
-  padding: 16px 0 64px 0;
-  overflow: auto;
-  .home-content {
-    min-height: calc(100% - 158px);
-    width: calc(100% - 32px);
-    margin: 0 16px;
-    padding: 24px 16px 14px;
-    background: #FFF;
-    border-radius: 12px;
-    .title {
-      line-height: 22px;
-      font-family: PingFangSC-SNaNpxibold;
-      font-weight: 600;
-      font-size: 16px;
-      color: #F5510A;
-      margin: 4px 0 0 2px;
-    }
-    .time {
-      line-height: 22px;
-      font-family: PingFangSC-SNaNpxibold;
-      font-weight: 600;
-      font-size: 16px;
-      color: #999;
-      margin-bottom: 2px;
-    }
-    .text {
-      color: #222;
-      font-size: 14px;
-      font-family: PingFangSC;
-      font-weight: 600;
-      line-height: 24px;
-      margin-bottom: 12px;
-      span {
-        display: inline-block;
-        font-weight: 400;
-      }
-    }
-
-  }
-}
-</style>

project/wuxi/h5/AppCheckInfo/AppCheckInfo.vue

@@ -1,150 +0,0 @@
-<template>
-  <div class="AppCheckInfo">
-    <div class="home-content">
-      <div class="check-info">
-        <div class="item">
-          <div class="title">
-            <img src="./img/time-icon.png" alt="">入住时间
-          </div>
-          <p>2024年4月23日至2024年4月24日</p>
-        </div>
-        <div class="item">
-          <div class="title">
-            <img src="./img/hotel-icon.png" alt="">入住酒店
-          </div>
-          <p>水韵酒店</p>
-        </div>
-        <div class="item">
-          <div class="title">
-            <img src="./img/address-icon.png" alt="">酒店地址
-          </div>
-          <p>春申大道421号</p>
-        </div>
-      </div>
-      <div class="map-info">
-        <!-- <ai-t-map :map.sync="map" ref="AiTMap" :lib.sync="mapLib" @loaded="onMapInit" /> -->
-        <!-- <ai-map class="eventMap" :map.sync="map" :lib.sync="AMap"/> -->
-        <div id="map" style="width: 100%; height: 280px;"></div>
-        <!-- <ai-map :map.sync="map" :lib.sync="AMap"/> -->
-      </div>
-      <div class="bottom-bg"></div>
-    </div>
-  </div>
-</template>
-
-<script>
-import AMapLoader from '@amap/amap-jsapi-loader'
-export default {
-  name: 'CheckInfo',
-  label: '入住信息',
-
-  props: {
-    instance: Function,
-    dict: Object,
-    menuName: {default: "入住信息"}
-  },
-
-  data() {
-    return {
-      map: null,
-      AMap: null,
-    }
-  },
-
-  mounted() {
-    this.$nextTick(() => {
-      this.initMap()
-    })
-  },
-
-  methods: {
-    initMap() {
-      AMapLoader.load({
-        key: 'b553334ba34f7ac3cd09df9bc8b539dc',
-        version: '2.0',
-        plugins: ['AMap.Geocoder'],
-      }).then(AMap => {
-        let map = new AMap.Map('map', {
-          resizeEnable: true,
-          center: [109.559364, 31.39439],
-          zoom: 18,
-        })
-        var marker = new AMap.Marker({
-          position: map.getCenter(),
-          icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
-          offset: new AMap.Pixel(-13, -30)
-        });
-        marker.setMap(map);
-        marker.setTitle('水韵酒店');
-        marker.setLabel({
-          offset: new AMap.Pixel(20, 20),  //设置文本标注偏移量
-          content: "<div class='info'>水韵酒店</div>", //设置文本标注内容
-          direction: 'right' //设置文本标注方位
-        });
-      })
-    },
-  }
-}
-</script>
-
-<style lang="scss">
-.AppCheckInfo {
-  height: 100%;
-  width: 100%;
-  background-image: url("./img/detail-bg.png");
-  background-size: 100% 100%;
-  padding: 16px 0 64px 0;
-  overflow: auto;
-  .home-content {
-    height: 100%;
-    width: calc(100% - 32px);
-    margin: 0 16px;
-    background: #FFF;
-    border-radius: 12px;
-    .check-info {
-      padding: 46px 18px 20px 18px;
-      .item {
-        margin-bottom: 20px;
-        .title {
-          line-height: 22px;
-          font-family: PingFangSC-SNaNpxibold;
-          font-weight: 600;
-          font-size: 16px;
-          color: #222;
-          margin-bottom: 6px;
-          img {
-            display: inline-block;
-            width: 18px;
-            height: 18px;
-            vertical-align: middle;
-            margin-right: 6px;
-          }
-        }
-        p {
-          line-height: 25px;
-          font-family: PingFangSC-Regular;
-          font-weight: 400;
-          font-size: 18px;
-          color: #999;
-          padding-left: 24px;
-        }
-      }
-    }
-    .map-info {
-      padding: 0 16px;
-      width: 100%;
-      height: 205px;
-    }
-    .bottom-bg {
-      height: calc(100% - 350px);
-      width: 100%;
-      background-image: url("./img/bottom-bg.png");
-      background-size: 100% 100%;
-      position: fixed;
-      bottom: 0;
-      left: 0;
-    }
-  }
- 
-}
-</style>

project/wuxi/h5/AppDetail/AppDetail.vue

@@ -1,186 +0,0 @@
-<template>
-  <div class="AppDetail">
-    <!-- <div class="top-title">{{tabList[tabIndex]}}</div> -->
-    <div class="home-content">
-      <div class="tab">
-        <div :class="tabIndex == index ? 'item active': 'item'" v-for="(item, index) in tabList" :key="index" @click="tabIndex=index">{{ item }}</div>
-      </div>
-      <div class="tab-content" v-if="tabIndex == 0">
-        <div class="title">天地灵气 逍遥巫溪</div>
-        <p>
-          “天地灵巫,融水汇溪”。巫溪由此得名,古称“上古盐都”,今誉“峡郡桃源”。全县幅员面积4030平方公里,辖32个乡镇(街道),户籍人口54万。
-          获得了“全国文明城市”“国家卫生县城”“国家园林县城”“中国人居环境范例奖”“全国森林旅游示范县”“全国药材生产红旗县”等殊荣,为长江三峡“
-          黄金三角”文旅协同发展示范区。2023年,全县地区生产总值130.6亿元、同比增长6:5%。
-        </p>
-        <img src="./img/detail-ljwx.png" alt="">
-      </div>
-      <div class="tab-content" v-if="tabIndex == 1">
-        <div class="title">“巫巴文化”的故乡</div>
-        <p>
-          始建于汉建安十五年,历代政区迭变,悠久的历史积淀了厚重的“巴风巫韵”曾创造出“利分秦楚域,泽沛汉唐年”“一泉流白玉万里走黄金”的辉煌,
-          孕育了神秘的巫文化、盐文化。巫溪县是中华烤鱼文化的发源地,古法技艺味美鲜香、享誉全国;有“国家历史文化名镇”-宁厂古镇,宝源山天赐
-          盐泉亘古不竭,古法制盐技艺传承千年;有神秘悠远的盐马古栈道,有雄险奇秀的云台峰,有堪称世界之谜的荆竹坝西汉岩棺群,有三峡库区唯一未
-          淹没的古县城大宁古城.……..巫溪,是探索人类历史文明密码的宝库。
-        </p>
-        <img src="./img/detail-wbwh.png" alt="">
-      </div>
-      <div class="tab-content" v-if="tabIndex == 2">
-        <div class="title">三峡库区的“生态明珠”</div>
-        <p>
-          巫溪，是三峡库区的“生态明珠”。境内山清水秀、资源富集,有“重庆第一高峰”阴条岭“亚洲第一深谷”兰英大峡谷、“天下第一溪’大宁河,
-          有全市唯一一条I类水质河流-后溪河,有被誉为“大宁河七峡之冠”的妙峡,更有“南国第一高山草甸”-红池坝,是重庆市第一森林资源大县、
-          森林覆盖率达70.2%,是旅游观光、休闲度假的一方圣地。境内立体气候独特、农特产品绿色。有重庆市唯一中欧互认免检农产品-“巫溪洋芋”
-          有大西南地区面积最大的野生老鹰茶生长地是“中国老鹰茶之乡”;有历经千年传承品味正宗的“巫溪烤鱼”,是“国际烤鱼之乡”;有享誉全国的
-          太白贝母、大宁党参、巫溪独活等优质药材,是“中国道地药材之乡”。
-        </p>
-        <img src="./img/detail-stmz.png" alt="">
-      </div>
-      <div class="tab-content" v-if="tabIndex == 3">
-        <div class="title">老鹰茶名字的由来</div>
-        <p>
-          传说在上古时期,神农氏到深山收罗草药,吃了一种草后不幸中毒,正值生命垂危之际,突然一只受伤的老鹰飞到树上,在啄食了几片树叶后便缓解了伤势。
-          神农氏看到之后也学着老鹰拾起几片清香缕缕的树叶,放入口中嚼而食之,顿觉神清气爽,诸毒豁然而解神农氏也不知此神树为何种树木,因与老鹰相遇而
-          发现就将其命名为“老鹰树”百姓常采叶煮饮之,最终成为了家喻户晓、流传千古的“老鹰茶”。的树叶,放入口中嚼而食之,顿觉神清气爽,诸毒豁然而解。
-          神农氏也不知此神树为何种树木,因与老鹰相遇而发现就将其命名为“老鹰树”,百姓常采叶煮饮之,最终成为了家喻户晓、流传千古的“老鹰茶”。
-        </p>
-        <img src="./img/detail-lycyl.png" alt="">
-      </div>
-      <div class="tab-content" v-if="tabIndex == 4">
-        <div class="title">巫溪老鹰茶历史悠久</div>
-        <p>
-          老鹰茶在我国发展历史悠久,最早可追溯至春秋战国时代,唐朝时期曾为贡茶,宋朝时期已作为茶马互市、博马贸易的主要商品,
-          明朝时期被收录于《本草纲目》之中。此外《万县乡土志》中也曾对老鹰茶有过记载和描述(当时巫溪县属于万县市管理)。
-        </p>
-        <p>
-          巫溪老鹰茶发展基本上与“巫盐文化”同时期产生。古代巫溪盐业发达,但山高路陡,食盐运输全靠人背马驮,运输期间只能自
-          备茶水老鹰茶因长时间不变味,成为了盐夫、商旅之人的必备饮用茶。几百年来,老鹰茶作为巫溪群众的日常饮品,在生产生
-          活中具有重要地位直至今日,巫溪民间将老鹰茶称为“盐背子茶”、“药王茶”还仍然保留着夏日饮用老鹰茶解渴、日常以老
-          鹰茶泡饭等生活习惯。
-        </p>
-        <img src="./img/detail-lycls.png" alt="">
-      </div>
-      <div class="tab-content" v-if="tabIndex == 5">
-        <div class="title">品质优良 品牌响亮</div>
-        <p>
-          根据浙江省茶叶学会出具的《巫溪老鹰茶科学技术成果评价报告》表明,巫溪老鹰茶具有三个明显的成分特性:①老鹰茶属樟科植物不含咖啡碱,不会兴奋神经,
-          还能促进和提高睡眠质量。②老鹰茶富含黄酮类物质,远高于其他茶类,具有抗衰老氧化、降血糖血脂、保肝免疫等多种功效。③老鹰茶富含芳香油,具有除臭
-          祛味、抗炎降火的特殊功效。
-        </p>
-        <p>
-          按照家军书记调研巫溪后关于将“巫溪老鹰茶”作为“一县一品”重庆爆品打造的部署要求,巫溪县委、县政府已明确将“巫溪老鹰茶”列入全县“一主两辅”
-          特色产业进行重点打造到2030年,全县老鹰茶种植规模将达20万亩，年总产量达1万吨,年综合产值达50亿元,巫溪老鹰茶将成为具有“重庆辨识度、
-          国际影响力的爆品,领跑茶叶产业“新赛道”
-        </p>
-        <img src="./img/detail-pzypp.png" alt="">
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'AppDetail',
-  label: '了解巫溪',
-
-  props: {
-    instance: Function,
-    dict: Object,
-    menuName: {default: "了解巫溪"}
-  },
-
-  data() {
-    return {
-      tabList: ['了解巫溪', '巫巴文化', '生态明珠', '老鹰茶由来', '老鹰茶历史', '品质与品牌'],
-      tabIndex: 0
-    }
-  },
-
-  mounted() {
-  },
-
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss">
-.AppDetail {
-  height: 100%;
-  width: 100%;
-  background-image: url("./img/detail-bg.png");
-  background-size: 100% 100%;
-  padding-top: 16px;
-  .top-title {
-    font-family: PingFangSC-SNaNpxibold;
-    font-weight: 600;
-    font-size: 17px;
-    line-height: 24px;
-    color: #FFF;
-    letter-spacing: 0;
-    text-align: center;
-    padding-top: 10px;
-    text-align: center;
-    margin-bottom: 26px;
-  }
-  .home-content {
-    height: calc(100% - 158px);
-    width: calc(100% - 32px);
-    margin: 0 16px;
-    background: #FFF;
-    border-radius: 12px;
-    .tab-content {
-      padding: 0 16px;
-      .title {
-        line-height: 30px;
-        font-family: PingFangSC-SNaNpxibold;
-        font-weight: 600;
-        font-size: 22px;
-        color: #222;
-        text-align: center;
-        padding: 20px 0 18px 0;
-      }
-      p {
-        width: 100%;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 15px;
-        color: #222;
-        text-align: justify;
-        line-height: 26px;
-        word-break: break-all;
-        text-indent: 2em;
-        margin-bottom: 16px;
-      }
-      img {
-        width: 100%;
-        height: 254px;
-        margin-bottom: 16px;
-      }
-    }
-    .tab {
-      position: fixed;
-      top: 500px;
-      left: 0;
-      padding: 8px;
-      background: rgba($color: #fff, $alpha: 0.4);
-      border-radius: 4px;
-      .item {
-        width: 88px;
-        line-height: 34px;
-        color: #666;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 14px;
-        text-align: center;
-      }
-      .active {
-        background: #FFF;
-        border-radius: 4px;
-        color: #F5510A;
-      }
-    }
-  }
-}
-</style>

project/wuxi/h5/AppIntroduce/AppIntroduce.vue

@@ -1,142 +0,0 @@
-<template>
-  <div class="AppIntroduce">
-    <div class="home-content">
-      <div class="tab">
-        <div :class="tabIndex == index ? 'item active': 'item'" v-for="(item, index) in tabList" :key="index" @click="tabIndex=index">{{ item }}</div>
-      </div>
-      <div class="tab-content" v-if="tabIndex == 0">
-        <div class="title">2024巫溪老鹰茶文旅消费节<br/>研讨会暨产销对接会</div>
-        <img src="./img/detail-hyjs.png" alt="" class="detail-img">
-        <p>
-          中国老鹰茶之乡·2024巫溪老鹰茶文旅消费节将于4月23日开幕。期间，将举办文创大赛、斗茶大赛、科普研学等系列。
-        </p>
-        <p>
-          消费节前期，巫溪组织专家对巫溪老鹰茶的历史渊源、独特功效、制作工艺、泡饮技巧、文化价值等5个方面进行深入研究，并开展“茶博士
-          说老鹰茶”科普活动；推动老鹰茶产业规范化发展，制定了育苗、产品加工、产品等系列“巫溪老鹰茶相关行业标准”；开展市场推广，启动了
-          老鹰茶特色示范产区命名和“茶王”“茶后”评比工作，擦亮“天地灵气 巫咸古茶”品牌；举办“渝你同饮”巫溪老鹰茶山城快闪活动，开发“巫溪
-          老鹰茶老冰棍”等系列产品，全方位展示巫溪老鹰茶产业发展成果。消费节期间，将通过全网直播等形式，全过程展示市级非遗技艺——巫溪老
-          鹰茶制作工艺，并推出老鹰茶长桌宴，举办巫溪老鹰产销对接会、主题研学和盐茶古道徒步等活动。
-        </p>
-      </div>
-      <div class="tab-content" v-if="tabIndex == 1">
-        <div class="title">座位表</div>
-        <img src="./img/seat-img.png" alt="" class="seat-img">
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'AppIntroduce',
-  label: '会议介绍',
-
-  props: {
-    instance: Function,
-    dict: Object,
-    menuName: {default: "会议介绍"}
-  },
-
-  data() {
-    return {
-      tabList: ['了解会议', '座位表'],
-      tabIndex: 0
-    }
-  },
-
-  mounted() {
-  },
-
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss">
-.AppIntroduce {
-  height: 100%;
-  width: 100%;
-  background-image: url("./img/detail-bg.png");
-  background-size: 100% 100%;
-  padding-top: 16px;
-  .top-title {
-    font-family: PingFangSC-SNaNpxibold;
-    font-weight: 600;
-    font-size: 17px;
-    line-height: 24px;
-    color: #FFF;
-    letter-spacing: 0;
-    text-align: center;
-    padding-top: 10px;
-    text-align: center;
-    margin-bottom: 26px;
-  }
-  .home-content {
-    min-height: calc(100% - 158px);
-    width: calc(100% - 32px);
-    margin: 0 16px;
-    background: #FFF;
-    border-radius: 12px;
-    padding-bottom: 32px;
-    .tab-content {
-      padding: 0 16px;
-      .title {
-        line-height: 30px;
-        font-family: PingFangSC-SNaNpxibold;
-        font-weight: 600;
-        font-size: 22px;
-        color: #222;
-        text-align: center;
-        padding: 20px 0 18px 0;
-      }
-      p {
-        width: 100%;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 15px;
-        color: #222;
-        text-align: justify;
-        line-height: 26px;
-        word-break: break-all;
-        text-indent: 2em;
-        margin-bottom: 16px;
-      }
-      .detail-img {
-        width: 100%;
-        height: 254px;
-        margin-bottom: 16px;
-      }
-      .seat-img {
-        width: 100%;
-        height: 220px;
-        margin-top: 10px;
-      }
-
-    }
-    .tab {
-      position: fixed;
-      top: 500px;
-      left: 0;
-      padding: 8px;
-      background: rgba($color: #fff, $alpha: 0.4);
-      border-radius: 4px;
-      .item {
-        width: 88px;
-        line-height: 34px;
-        color: #666;
-        font-family: PingFangSC-Regular;
-        font-weight: 400;
-        font-size: 14px;
-        text-align: center;
-      }
-      .active {
-        background: #FFF;
-        border-radius: 4px;
-        color: #F5510A;
-      }
-    }
-  }
-}
-</style>

project/wuxi/h5/AppMeeting/AppMeeting.vue

@@ -1,193 +0,0 @@
-<template>
-  <div class="AppMeeting">
-    <div class="top-title">2024巫溪老鹰茶文旅消费节</div>
-    <div class="home-content">
-      <div class="home-logo">
-        <img src="./img/home-logo.png" alt="">
-      </div>
-      <div class="home-title">
-        <img src="./img/home-title.png" alt="">
-      </div>
-      <div class="home-welcome">
-        <img src="./img/home-welcome.png" alt="">
-      </div>
-      <div class="flex-content">
-        <div class="item" v-for="(item, index) in list" :key="index" @click="linkTo(item.linkUrl)">
-          <img :src="item.icon" alt="">
-          <p>{{item.text}}</p>
-        </div>
-      </div>
-    </div>
-    <div class="home-footer">
-      <p>主办单位</p>
-      <div>中共巫溪县委员会   巫溪县人民政府</div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: 'AppMeeting',
-  label: '会议首页',
-
-  props: {
-    instance: Function,
-    dict: Object,
-    menuName: {default: "会议首页"}
-  },
-
-  data() {
-    return {
-      list: [
-        {
-          linkUrl: '../AppDetail/AppDetail',
-          icon: require('./img/home-ljwx-icon.png'),
-          text: '了解巫溪'
-        },
-        {
-          linkUrl: '../AppIntroduce/AppIntroduce',
-          icon: require('./img/home-hyjs-icon.png'),
-          text: '会议介绍'
-        },
-        {
-          linkUrl: '../AppAgenda/AppAgenda',
-          icon: require('./img/home-hdyc-icon.png'),
-          text: '活动议程'
-        },
-        {
-          linkUrl: '../AppCheckInfo/AppCheckInfo',
-          icon: require('./img/home-rzxx-icon.png'),
-          text: '入住信息'
-        }
-      ]
-    }
-  },
-
-  mounted() {
-  },
-
-  methods: {
-    linkTo(url) {
-      this.$router.push({path: url})
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.AppMeeting {
-  height: 100%;
-  width: 100%;
-  background-image: url("./img/home-bg.png");
-  background-size: 100% 100%;
-  padding-top: 16px;
-  .top-title {
-    font-family: PingFangSC-SNaNpxibold;
-    font-weight: 600;
-    font-size: 17px;
-    line-height: 24px;
-    color: #FFF;
-    letter-spacing: 0;
-    text-align: center;
-    padding-top: 10px;
-    text-align: center;
-    margin-bottom: 26px;
-  }
-  .home-content {
-    height: calc(100% - 158px);
-    width: calc(100% - 32px);
-    margin: 0 16px;
-    background: #FFF;
-    border-radius: 12px;
-    .home-logo {
-      text-align: center;
-      img {
-        width: 66px;
-        height: 66px;
-        margin: 28px 0 21px 0;
-      }
-    }
-    .home-title {
-      text-align: center;
-      img {
-        width: 287px;
-        height: 64px;
-        margin-bottom: 20px;
-      }
-    }
-    .home-welcome {
-      text-align: center;
-      margin: 21px 0 45px 0;
-      img {
-        width: 66px;
-        height: 20px;
-      }
-    }
-    .content-text {
-      line-height: 25px;
-      font-family: PingFangSC-Regular;
-      font-weight: 400;
-      font-size: 18px;
-      color: #222;
-      text-align: center;
-      margin-bottom: 41px;
-    }
-    
-    .flex-content {
-      padding-left: 16px;
-      .item {
-        width: calc(50% - 16px);
-        height: 140px;
-        background-size: 100% 100%;
-        margin: 0 16px 16px 0;
-        text-align: center;
-        float: left;
-        img {
-          display: inline-block;
-          width: 32px;
-          height: 32px;
-          margin: 39px 0 16px 0;
-        }
-        p {
-          line-height: 22px;
-          font-family: PingFangSC-Medium;
-          font-weight: 500;
-          font-size: 16px;
-          color: #857351;
-        }
-      }
-      .item:nth-of-type(1) {
-        background-image: url("./img/home-ljwx-bg.png");
-      }
-      .item:nth-of-type(2) {
-        background-image: url("./img/home-hyjs-bg.png");
-      }
-      .item:nth-of-type(3) {
-        background-image: url("./img/home-hdyc-bg.png");
-      }
-      .item:nth-of-type(4) {
-        background-image: url("./img/home-rzxx-bg.png");
-      }
-    
-    }
-    
-  }
-  .home-footer {
-    padding: 44px 0 10px 0;
-    text-align: center;
-    font-size: 14px;
-    color: #FFF;
-    line-height: 20px;
-    p {
-      font-family: PingFangSC-Regular;
-      font-weight: 400;
-      margin-bottom: 4px;
-    }
-    div {
-      font-family: PingFangSC-SNaNpxibold;
-      font-weight: 600;
-    }
-  }
-}
-</style>