CjyTravel/pages/fuwu/fuwu.vue

<template>
  <view class="m-content">
    <uni-nav-bar color="#333" statusBar :fixed="true" background-color="transparent" :border="false" title="服务" />
    <view class="top-text">
      <view class="m-text-box">
        <view class="big-font">“E码游”鹿泉</view>
        <view class="middle-font">精心筹备，让您的旅程无忧自在</view>
      </view>
      <view class="top-btn-box">
        <view class="left" hover-class="scale" @click="goPage(1)">
          <view class="text">投诉</view>
          <view class="text-mini">去投诉</view>
        </view>
        <view class="left right" hover-class="scale" @click="goPage(2)">
          <view class="text">建议</view>
          <view class="text-mini">去建议</view>
        </view>
      </view>
    </view>
    <view class="box_1">
      <!-- 游前必备 -->
      <view class="an_box_4 wc_tit_wp">
        <view class="an_t">
          <view class="an_t_1">游前必备</view>
        </view>

        <view class="amt_30">
          <view class="ax_tol">
            <view class="dy_fx agn_center fx_warp_w fwu_box">
              <view class="w_20" @click="goToPages('jingqu')">
                <image src="/static/animg/fuwu/jingqu2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">景区</view>
              </view>
              <view class="w_20" @click="goToPages('meishi')">
                <image src="/static/animg/fuwu/meishi2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">美食</view>
              </view>
              <view class="w_20" @click="goToPages('wenchuang')">
                <image src="/static/animg/fuwu/wenchuang2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">文创</view>
              </view>
              <view class="w_20" @click="goToPages('xianlu')">
                <image src="/static/animg/fuwu/xianlu2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">线路</view>
              </view>
              <view class="w_20" @click="goToPages('jiudian')">
                <image src="/static/animg/fuwu/jiudian2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">酒店</view>
              </view>
              <!-- <view class="w_20" @click="goToPages('techan')">
								<image src="/static/animg/fuwu/f_tc.png" class="at_size_1" mode="aspectFill"></image>
								<view class="at_t">特产</view>
							</view> -->
              <view class="w_20" @click="goToPages('huodong')">
                <image src="/static/animg/fuwu/huodong2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">活动</view>
              </view>

              <view class="w_20" @click="goToPages('gonglv')">
                <image src="/static/animg/fuwu/gonglve2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">攻略</view>
              </view>


              <view class="w_20" @click="goToPages('feiyi')">
                <image src="/static/animg/fuwu/jingqu2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">非遗</view>
              </view>

            </view>
          </view>
        </view>
      </view>

      <view class="an_box_2 wc_tit_wp">
        <view class="an_t">
          <view class="an_t_1">游玩助手</view>
        </view>
        <view class="amt_30">

          <view class="ax_tol">
            <view class="dy_fx agn_center fx_warp_w fwu_box">
              <view class="w_20" @click="goToPages('zhoubian')">
                <image src="/static/animg/fuwu/fujin2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">附近</view>
              </view>
              <view class="w_20" @click="goToPages('jiqiren')">
                <image src="/static/animg/fuwu/lefu2x.png" class="at_size_1" mode="aspectFill"></image>
                <view class="at_t">机器人</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <f-login></f-login>
  </view>
</template>

<script>
import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'

export default {
  components: {
    uniNavBar
  },
  data() {
    return {};
  },
  methods: {
    goPage(val) {
      this.onTokenJump('/subPageB/suggest/sug_from?type=' + val, 'navigateTo')
    },
    goToPages: function (type) {
      var that = this;
      if (type == "jingqu") {
        uni.navigateTo({
          url: "/subPageA/scenic/sceniclist/sceniclist",
        });
      } else if (type == "meishi") {
        uni.navigateTo({
          url: "/subPageA/food/foodlist/foodlist",
        });
      } else if (type == "xianlu") {
        uni.navigateTo({
          url: "/subPageA/travelroute/travelroutelist/travelroutelist",
        });
      } else if (type == "huodong") {
        uni.navigateTo({
          url: "/subPageA/hotevent/hoteventlist/hoteventlist",
        });
      } else if (type == "jiudian") {
        uni.navigateTo({
          url: "/subPageB/hotel/hotellist/hotellist",
        });
      } else if (type == "techan") {
        uni.navigateTo({
          url: "/subPageA/specialgood/specialgoodlist/specialgoodlist",
        });
      } else if (type == "gonglv") {
        uni.navigateTo({
          url: "/subPageA/method/methodlist/methodlist",
        });
      } else if (type == "xcy") {
        uni.navigateTo({
          url: "/subPageA/xiangcunyou/xiangcunyoulist/xcylist",
        });
      }

      else if (type == "zhoubian") {
        uni.switchTab({
          url: "/subPageA/zhoubian/zhoubian/zhoubian",
        });
      } else if (type == "wenchuang") {
        uni.navigateTo({
          url: "/subPageA/wenchuang/wenlist/wenlist",
        });
      } else if (type == "jiqiren") {
        that.$util.saveOperatorLog(that, "FUN", "机器人");
        uni.navigateTo({
          url: "/subPageB/jiqiren/jiqiren/zhinengjiqiren",
        });
      } else if (type == "feiyi") {
        uni.navigateTo({
          url: "/subPageA/feiyi/feiyilist/feiyilist",
        });
      }

    },
    beforeUpload: function (type) {
      var that = this;
      var title = "";
      if (type == "shc") {
        title = "识花草";
      } else if (type == "txsb") {
        title = "长方形";
      }
      var url = this.$config.getMessageInfoFormFilter;
      var data = {
        type: this.$param.svgType,
        userkey: this.$param.userkey,
        title: title,
        pageSize: 1,
        sort: "2",
      };
      this.$Request.post(url, data).then((res) => {
        var data = res.data;
        var url = "";
        if (data.length > 0) {
          url = data[0].logo;
          if (url == undefined || url == null) {
            url = "";
          }
        }
        switch (uni.getSystemInfoSync().platform) {
          case "android":
            console.log("运行Android上");
            this.$util.bindGpsObj(that);
            Android.gotoDetial("ImageFrom", "camera");
            Android.gotoDetial("SVGLINE", url);
            break;
          case "ios":
            console.log("运行iOS上");
            this.$util.bindGpsObj(that);
            window.location.href = "https://www.baidu.com?url=svg&value=" + url;
            break;
          default:
            break;
        }
      });
      uni.showLoading({
        title: "开启相机中...",
        mask: true,
      });
      setTimeout(
        function () {
          uni.hideLoading();
          that.imgDistinguish();
        },
        500,
        that
      );
    },
    receiveSuccess: function (fileStr) {
      uni.navigateTo({
        url:
          "/subPageA/imgDistinguish/shibie_detail/shibie_detail?tempFilePaths=" + fileStr,
      });
    },
    receiveFail: function () {
      uni.showModal({
        title: "提示",
        content: "上传失败",
        showCancel: false,
      });
    },
    imgDistinguish: function () {
      uni.chooseImage({
        count: 1, // 最多可以选择的图片张数，默认9
        sizeType: ["original", "compressed"], // original 原图，compressed 压缩图，默认二者都有
        sourceType: ["album", "camera"], // album 从相册选图，camera 使用相机，默认二者都有
        success: function (res) {
          uni.navigateTo({
            url:
              "/subPageA/imgDistinguish/shibie_detail/shibie_detail?tempFilePaths=" +
              res.tempFilePaths[0],
          });
        },
      });
    },
  },
};
</script>

<style scoped lang="scss">
.an_t_1 {
  font-family: Source Han Sans SC;
  font-weight: 400;
  font-size: 32rpx;
  color: #1B1B1B;
  width: fit-content;
  position: relative;
  margin-left: 30rpx;
  padding-top: 30rpx;

  &::after {
    content: "";
    width: 100%;
    height: 12rpx;
    position: absolute;
    bottom: 10rpx;
    left: 0;
    background-image: linear-gradient(to right, #cee6ff90, #deebff90, #ecf1ff90, #f7f8ff90, #ffffff90);
  }
}

.box_1 {
  background-color: transparent;

  .an_box_4,
  .an_box_2 {
    background-color: #fff;
    margin: 0 25rpx;
    margin-bottom: 20rpx;
    padding: 0;
    border-radius: 20rpx;
  }
}

.m-content {
  background-image: url('data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAADhCAMAAAAEVgUmAAAAHlBMVEWflj90jZZnlJh6k38ZoNlYv3IJhf2Sn0ZpuGIIg/+SFyyiAAAACnRSTlMVAQUKEBcaICInnYtc9AAAIr9JREFUeNq0mFtu6zAMRI0rU0r3v+ErDV8d0HFa1x5SpFIU/Tgd0Iy37vqy/Mpc5YI6pf7VT9pn7jNvlcyUmWd6xUGu+JQemifaDtQsjDaKg0pkwHgBed4Q0SrvDPpwrraycdDPwNwS7Zh3EEehYM4Fe5BHH0Q7Iq+7RptlHuWu5CMMX16yfSbupUbvKER+Z/TWoH7IOgrOasBMsVL2re3GG2W1St0LMS9tSm8W9BsRw6Lin6yXZMJGItzvzJ4Z/lY9Lhleqt3RcADd4CM/W5493uLnYD6rxcwgn7BpsnBYEmWyPYoFpH2hD7cLqMs6oC6LujScjZl7Xp7sDJzR20Fj9OT31Dv0LQsFCnC3mUQcJ0TI0I/p6tVaHTbs95Vl3mhKwwU95nt3MzJ7u19A3/lDMXwVyAf6uBzrH4B7Om7+f6jjLcpop7ti72l1phsV6Z+5jBn4q8NiM9OLo0+/W2zGg6j7ua6uUanjMPCgjvCsdq+q8DccAfUG5JHV7sfE0Vx85YqTIWMW1pYxc6mJ0d+Aogya+5T0gzwq0w/sCR+leN07UOdBzeG+DgKFkSOZf68zPRo7nf2PMmYdgD4kDQ/oDh/UYYdZV/p8Z+p/hU+DPS5nT1acxG5p/VQ8ZWQdbzrmhdmz36MAZEezk62K/z8Wjh4CeXf6d7/nfP/KiLxLHVn3Gpw6boi6XY/U3PStPGT31nyRaeR3hg650XmSV+j8UYg4ihue/I4C5pFwvT1du3Hg52jXcl28ySO7ZqFOA748VQv7pshNSV6NPgsNd2gn5mglyuJSmdNvRR86aoBb4St/+FyLYnfkmjQPbuEN9azV7ySa8YTdriei8R5LJC8zM1mMvvPAqAPlrWi7GWPgPyCShtdRE35HgcA9odu5TTnds+TWSkMmOzse5d2wyYcrDK7HjP92g3x56dqRjLe/PosfvBjtCR3diFNZfl8xk5aZ2y3P/M/8XieNEy/kGzKUH+J7Kq+Q+1u/d+U3e7QfMWfDD99rxqABbxcEtJvp22xsR6jf7nikB7GvSzzRRyUxcXL7Qo62oqEeup2WdjduMftn+kx+gLxFEh8iiV5yzpgFeSLfCZ7xB/S6UEZa+ThrGs942f/5cI/ZLsfrTEAHOgd+QWPlAHnzO4cvkpDgtBlTPIMfEG3xmifkPbxU4jpKCL0g2+6mF0BHPba7Zs/98boER6nTsNlWbkYeEcp9ZuqZByvEjj9e4H/79SnRS66Rggr0xhyV1NPsOdz7dc+PdWQ2py5IYw/y49uc2ZHgbkF6dsJX8vVtwbsB75Rh+/yE2mJzR6luR2jrtJBfV76hN78v2dcmY77FSQUVvzyg8rLg/ZBBZf6Ab2m8U2LkzegZgoNSJ3xGkOuXmA/L4ZNm2Epp0113ePTv8Bu4Wz5peF4m87AYemSVGRwS974Cb7bMGPlqd1/e3wL/+jn1hL8C+8xsOeBl1rGp0u7N/R52f069eP7E74U8Cov3yN1qA/v0e1Xw93JViRwXXGcFcssNw0ZQN5o2T/sd6p6JfanCZ/RJHrIuudVEN94cU2jV7kxcLnidZCskGjLAC8iPbaWczPdHmJsYOlplHr0sND2Yo7PP0eNLEwLlUK8O7P5w/bNGXsbKITgII68TnsGTHZ80PDn+bL4fv5qss0a0tGDPj1aGzdFzbe9k9ksaGRI7Tbp99hVLUv1Oen7Cr9RSX48V6GguidZQ54HNG5GXdXLKuGjO3KLh3WNJbLoj6PU7NvglELHysN2TvedP3wZDnahDzW/Bm8b7yfKI2l9/NfsI4g7dN3gjP3M2BAssHkdv5CNOqM/wTL8LenfEqBZ5C9ODOVOn6Y6A5F6/j/Q7KqivBGqCb9CfV3o+ZwwqU9fyn7cr2pEUhmHSQCrm/3/49gKx8Dm5rlBJWtrZe7Qs13ULFzrv8wW5SSIc8PskfOc6NB5YUcp3YO9jyXeg0eAkSeMryuvlgl2UBoGMmEgE73q6x6E7k/27wM2chgY2EtunoLxDD/gLiemIC/yZ7lnZxltwG38A7g/4biXfByfuS3xktBN5r9B3bw67Aw7UkYt1gc5CU2Y0RHdz1NVJgu8+azwj8s73rBeQnVgf4AfoUBr7eU4zeS/a3jSENHSb4/8hDeUF9vPo3gmQ34BX1OW0A8HMIsDZRp4jxN3JHnQH+IhnOhkfLd83FQGZua/ZmeXGEYFh4BK+rylEkWj/WnhH/gY9kP821RBDw1Kj6N+2qUYXDMhMeudmVkXv45pXJQRge0H4U+LNwTY2NXrq0ZhKQmvYv/uEv0TYSdQDfNCeBV5vEYwFUZhunJjwQD06MAfyzXQH9OURqxx9WBDfxgU2OxuVmfQiKmW/MDNrQAf24DvMJAQ+3Te1WRpeWiep5K4J/JAMWLXGilwMcrOuVGV8IJkhvoPywKNnUdWc4FsamrvOkLiLtCvoExNpazDHeQfx3QfSGrRAHXxvpDvYfnbSdwCe2BlsVwfo7o+Ab6nUMN9tgbgz07GqIoZ3zG8KT/XtK8kkc7KzgYehGQE67ZqAduUi9YW91T4SkGNWoUED4bvyd85nJJ4pD1stwKewAIOSXe9eRw8vYwu1XdgOmVGhqfje7yQF/Z3FHSsqxAWj7lSV8Ex7hO6w70t3TQE+IU4+EttW5O99kOt5k1Z+tu2TFXSvghnwHfK+mO9qYw5lPGDn/epopru80io2khXe9D1uNvB8ns3gHyzvy1FXdVfEAXx/DqwH25PXWfUyvIW6oxP0MZQvNB0vGUk1kTn4FNH08Z0v0RDZ9chJdWYQ+BAaUhnqqZ1ZSHcxkUBed04A3SfwvbH0zImxB+RM+0gHmPFWGhqV92WXxMD0AJ5RZ9DJ0vwdUeBhG9vRvITxyncj8CmfEcbjoRJ9t5f4Xgv82dCJ7/0JTXHuAdDv+o6fBeqGSUP3pVKj+1VGXYvXVvC9W2M0ElPCA3JMksz4Q6hXfF8MOTiuqfuRpzMajLVF7+Ij1dUw5DFB17FZ4gvY3AJ5ojtmtCVUjxaTVg0/wOiBnhGvgmBmu8UP3KQJ+JMs8sUjPs0hhe/Z0qrhTL++DxL4FHXGHt12CYKz9F3jyMNE3m0V9NwmxYcf396YoDroQ5UH27yi8uUZgn3P+Q7Yl8ZhIDmmYtMUQ1TjaZO4yJTxxSsft2iM0UdDlzBSYLdl4a+Y96oI/V6+Dwkk04SgBD9mmBn1M3gqvq8A/RDPTnBLKFacN/Wq+zyQ3DO+m6POpYcePhWg+7AIejUymAX0GP9ZW4FGj4/0me6M1fEM8sjb1onVJTqQlzcONJC0JZCTuM9NpB45jUa2C+i1uKcv2lhKdw3GuGjDir7Auc9iSN2vAnWce/Sn78CeGC9JMCICH+k6Kol7jfwqvotrB+LqaFRpokUFCVtd5FdBR8lW1VtUcqy9wdrUa6qk72u0HVBjrqIx72i9PlI+Ncao67vDMTDh9Q5NMH1LPsKBSQj/mO6k7P5MCzIDwnfJjO6aaoVnkSe8xT+ymZRbqTnstsZBKuLzdfXq4PtoAh3Q14SXKZy71EaLqo9zpTlsjcZgnuxXAT299QHI2988iEcWVYab+D6yO3oxpZ+MPGKgcMYeioxck9HSf1Zxh58ZTcgD9cmWSQ5WKX+nX3KDo1KaA21RPqAnqiXhCXSfHPMeQwPCl9iXLhKldgb0p3xMxP2aQHd7jDnpypzsfEWS8/eXkU+Tmam6g+fy4Z+U7+e0GapaVu35Xol1vST7UaAO5ElnGvdME/9O6Nf2cd/oRQ8Av5uWePinH1aiThAfM0NDK+u3RWgGI898V7yxqJLYSFnAb9tN4jfv1VsHQP1p4K5CM68kkQQmjYSfBDScAWegQ9I/tpPI7HDws6jAHi+o6HkdGeg+UUIDmRk9iVh97MFhGBxkxnN496C7+eMNbBd5J9SfsT0PBGbWUo5Yie/jZZkhusdEJUceBP4A5jTdjI1LTEp15fsjutMArCeQ3/T9Noye/H2geysw36mRvKes34LvdIVmU1fz8Gw7wnYME3LP6Q59v9N9dHzkis+zGXUBvQLc8I78JxZXiM0Gfa8I/5zvv4pmjozxks84Gh0KH0P1WTc8aLt+JljLMce6KpgD+Qdv9AXK+FXBPclnGHbKCV5Gfb5r0v/lo+T7dqF9WvefyXZw3Zv5I4yXV/oevDrGbmZm4tW+Y+MEGvr4FuhgO3Wy7ujE8SJ3Z4UPrntLQD8Swj+5BOnDg8r5/uqXOwcGtu+pzCQXlera4nG+XwrvhgZz6eB/TXhx7XkYNr0KLHYGfgb9zcsb+a5JhF2+xyyY0+kqVAbOpoL89zENuxgGf1LHTGi8HISXFR7AM9u/hLr30s0o8Ogfu22eJCkQ8AH8o89saImVr0EH3cF3eOtXPx1ZfmcJyEdDz2rDfC6uCGjOocKcQ3ilvGqLLKn4xVIzV3fOCK590yDMx3urKqAvLSShnmYzn50Zb/tp3b1fv8z852TnNA8GKP+deMiJdyfCE9/x4w9rZ7QcvQrDYLckw/u/cReBNWg1HjqZYGM4/e++6iheNk1ep44C2lzOWj+8KE7It2kzKJO8DCePRBS+bsBRXeP9id4xeJlLQsjXqPtzI4tHAwt6A26CZwM5oGcXP5mDekMenCZBM7lYSKvOyuVEnaH9DMrrB5MkzkjghdNI545aMYfQf9cGAfLtEosx8iM1+gYfowA/8uQ0NfbuT9QjdBH9y3o/vOngsocXCvS6oZng09xRpuyRyhxFX6lNK5e+0YEzHfa5hbR2Zo4kIZTeg+4P+jmeQ2JwkbdQriR5qBy7z4TDD/akjlLfSdMxiX6j70GsJf7j56aZuQA5oLyseNH5Th2L612iNnYgRzDbjTndZgSwz1k7fMcy1k6r4WrQsRxZH+Ruek80LyleTMver+3DgfuVtRl8wQ/mjOqyioqcWu83MJve1WBQuHBzshqXO5ivOlGQPnGhviB4M5r6bnfH79RReEFluRumknfJL/Sdqp/Zlb5fTp8cENS3LGEacWr/nZfJMyrBF5+XDPrvrFjJXAJmzy4e+F3z/U6X6Uvv4GXUhTZKJXXuDqcEKBwbj9febc6hyL13V6WXjyxsgn7tyJ65vH0GoYexR+mYvQ/FEzxyxb48HTFSsBP+BPCl+OfkRd/aQrrW6zchuuopd8TV4DWL96ix/iMIPvFv6DvKWDo031GwcZepb/X1f6ixf/tMDmqRsBiPBM6NmQxm0b7XR2GASV/Hmj9FjDF3gVytPNFzKHq+h3wkQ/WOxJ6wS18/f9PEGtS7gie9J/j9hdpK3pH7GygVu4oekcTF4ecy4N9NqIcIHva+0K/H+Apvu8H94SB007v0M9rRKPD/oddDTY2qfzR7r6+rv5ib2DMRa4nWAspP9CE2T/agTq+B7uVvIjm5FXX79mzv9tz9tHd3GdmdoaOkwv192ob/UndfKewbArRJHmoXo1nIL0Qip+BjZHx7TUfMVa+iXNfujLd+mBvJEz7HDkQviShi1v+gbs6+6d2t3amj2iB60h74MQi9BeZIkNdzyUDc0UF9Og185lOQqXbRvUmdK+bpr2uKI4LFXah4N6/8sXFrwcJEQTBt+DsQjTkgL42jMJI8L6yYWCKhX/SWwMb1juwzQR5J4sb8PFzvYUfvwp16R9GghFPXkoQuP2WcXvop9m7MORZ6wk/s9Hdsp9ZHjVFp85vgoXhafF/kx66rv9NjkI7/fB7meg/1d6Ix9JuS1W5QhbkHsmSu3k7qgn9TO9kjM4A7tX7lLg0+hY5dSp/Up7WPOfQ+Ng+1ff6yg9lLvWOb4WfzZIwqO02yN+ql3lFd79Q5vIXRGsomd7g8JkTf7oyg3sm+Iyf7jpKwD38Z6f92Br9Sh5BI9qQGrsacC3acSIQ1j/aAfYOO4mcymFxIvmFp26DyN+CkjXJz04MNTceKVpLw6TTFbUpn6JiududOTHazRXHFZMfoQZGzlKe/VPqpbUcylr2jiL+3QIXLQ/LT40cu/n1u+ndHCZZYNr0/HuHY6e6md4GtTiHEZY/M1fDX959KmK+za0dlbtHaKNiZ4FPyVyRwybV2Sr7nFjsZT6Gb2BG1zxCUAiRqJZzFQtKGPtwHqdRZwBj8xdxzo8Sp+HseGAz6gYayLeYIZJ8TtBP5M+jnb1SRNhS4yN1wEnfxPEhzFqnlF6pu7Y3MN6Vv1LHOuqOPb8VHNjUXKjKmyUzyQfBEz5bynUOZinwld+IiV9N0IfQshydz+rG7GTv1zhCf+cwkboqXhuYawEF+FQThr0B5Re9IROHuLcKZm8Wv3Rd8NSKhz5+WDqPM/f5q69YzkD/YLodvxE/d32MXI5fiQX7BJvE+dlhF8MjHzJV6L+09CrVzT+xkP1IWl7tUIy+hUgdyO35sih250AP+PgLs4e57C399Mm4NwA74DFUf/flg/1i5u+ndhuBmUO4Wfspj1Kl2u+HazJ2+rvFdQL35iNXFL+RT8xvu3eujQ++jYlKzz7UuHpNpAwxkGDqRdtG50FqOr7R16qjELno37CNRfq4FHyEGv3oaeHxM/HFfKvVImwF57HqkxcczqSv2unVvrnfFT6sg0DKxmM5N7NX1VI9kKq3TYAB9DKBWp4lcbkzYDY1+hugddeodlW7xpGt3i6n1booXtW/AnTdC5G06d7XXV1V27UhhD9gEjpGCB31BfwF+QPHrhGzsGEhoPNBSBgUPyRM+6nkEYlIn9A07h+rdqfuoyPv/GIXi9SVkDPt2Sb5W0jbmd2D/Ydu+6DdSF+xsKOE1sBoUQGegg1+uMwUPaCSP8n/2dkDAKdRReNv/AXXytWaT9A9y96eLu963nl0+oiKBnXq/GpAvg0eREek0qGkzKFuMnC6T7IE/BGQcn05ojWPukIXer4POfaW5FIKvPyj5jTL25ZIZTC4cVy6ELtRj5EWTZwC9Ch7gN4PPJOoQMZuzxExXuui8K/O5EEb5CxDrFshMZ+7srYMs7/vVGIklY4PfMFFV8Cn2TfcjAz4PAAkeYLCAfCdPBFc9AiB8FCyMENWXel9iPFNHrZ388BhOMfbqu9T6Myq9ndCn8ST2z+rjSsHHrvivD1CLfp8LHXmLfdNZQipjlvqKSr0D+yonzyl+Gyf4F+HXr23mJdWwAzngkjdHMh8rTN4dnugj5jKmKB47sr7FtJ12OHShnoWz1DsC4/+NjbOunV2oI8oPTH7uSMw4cIfi1ebbgm/QV71xVBNbI5+gFX6PWYWehBBW0ETNwo3yRqAAxAqmjAPas6cb9rptRzKY0Dtp/4C4/A5o8X42GYjBO/UecYXKPduZUW4nzo1pvP+xbm65rcNADLWhGHf/O74tZR2IYAmnD814pCD5ySlDTeRGU5d717tR1/WXA70T0coE+Y39aQeQcxWSh3z08DTwr3t3/UzaGg2W/7CbRP/4wJkX4sPCsAOp8K/95bPeiXY4oNygS9gyd81lDCYU70MnNYKu7VWrqfgLu2Ep5lCEZY1s2nvnPjb8u89gBkD74aBdDObKbGTCZmgbBdxU3kYQx2NU7rt+gj47SpCLNdDAxuKdMHtp5rK5u/bVySJOT37pL0xBPtlzAEmAfLw4ItDUsDe9r5OaA83PXn55/Bp4DENLlAteR81F8nQR+4qFg0Dvyp8o3U58Dbky1Z63l5Si7Ho/maiu+Fl8YzWLX8cFN/W5ECXW7W6R5vYHgX8ZiF2B3jf0TGB8l78j37XerB21u95X165F0flZ0NuRARd3oHj/lzTvI7GBGeYsLXllP5HR7HqH+pqg/k2zhziw4+SRRZxB4u50LniLE1fwwMAPpY0D0Qv7xC/yOI1mCB8u6FS5eb8tCnUVD/xWSaB3xbvE0XtuqPSQ2T7mbT2zGdi71cCewVG8U2ePZWdV3uRfsGeYz+f3fuStq3xIgrpyi8khwc/iUEsq/ORRCfP+AxrIgx2RN6mrbOGj6f3aJH/JZWCyOX0I3lHm73+1ag4D+cQ+Dph/KXnCd9pc8LpZ3WKs1sZ9LParDNiHrRMPTc3BNK1dRU6D6ZrJX+Az2ui6fATc5BN6YBf3xE4YV+PLvCaeJsjcTXF2qZ0Ucd9Td7ZT67Nq9SX3PBJWWegV8ngE32wCvEE3yRfosN+g6yEcaDeSvgEOncMbK9qjmMxoN7FnahSnIdB7HtQEed7zJc1Dgla+jTSd+JL6cPZo2EEPmC57s3cijSWBswj0cTeVCPaxmZ6Tuq4gb9TTbwg6u47au8RCl+eKqzt+Pn2md7A39iqeKh7RwlAMulO30/aZsD8hL+DgPwv4j0yXP9hYdfHweFPxXvy7au0dRdxDBe7dbRJ/Ui/u8mQyO3HKeZv7WfsY0Z5XBx+Cp4B+gXkYQbaKPtGnwajAHdYsyRL1WbL1jwY90OfZo5ATAr6Q3/ATu4rgQx19s4r27nng6Q/I0TozYT6TbkN24RfaJNA1ld9g86Ml+hj9r6krfu2j/9s7F922dSCIkmL+/5sv7io84GA0lS3n4QBaMnwoSlIcTocr2mmraPjuqtR1b135O+5xwjzMY96oyNnf0buRV/YMfdu0otSD0HF1eoymV4vqVew0iv1Q8Z5QismT0YNGeF2NQRfyGNe7yVP4JW+hSv6SpU4LcQpvEfBcBtaKPFvNLCMk8p7ZQI3+OvSRt9Qxm6lAUz34IHssf53PYJSdfa9D9R6oI/RqA3nfWqsfBMRnxYAZXIZu9lIDgPvx6DggvzJfqTK3IRf8+BHe6uzuMXTi7Qv2FNteVfB2LEwo9YE+VajPMSdkv5afgdZrwPGUhXmPy92ph7B3tuuGCnSXO0XE7eBd8uTxgbqo3AUPvYcCwqyfGUwNkD1QRgBegBN54gQ67r5BHujuMR/dTcZ5O/kteI3lNELezB5+8D/irB7OVdBDnF7YF4EPdxuH72R1m+WKUbdTgbSpbhZgP6Veg+ODGsDbAjRlDniVO2MdVSOCj1pXkxG90+VA7OL1Z4pnSbH1eN6u74PsgXokryY/QmbTGIgeoY5owayUVfOUh7KYlfvGL0RXQ6jSL4QfPG4LeXWZPsfy2nV/Tu8r+IHNU8XhLas0/DICvTq5LIKZFpsJH0QjuwBRknq4FEPXspCzoQKdl1ItgrWnIM3UnObEbfzcIBgPU5U6pCmKXInXGL2jQyGVQx0mx5DHU3d3sNPznOoPqg9QR/DKXs7J4lMUIy1uNTtpXQmnTgNp4DMrGJCH17VwpY8FNh2bKe9IskQG5g8GN/t7Vt1qVH9Rta5332T9vqFGxniNRnpXdZBTjiqXoWvCTh2rs9Nz1m4u8yx8Di0hvss9P0MpG+OoBeSeubi9MLfYPn8TCPDVQA3ZPhyInNxxU/DDksfubwu7ANyOJ5H8oP4TuqJHt6nAnM6/yn4E0GtasDADyCNbPs6Rcxuj9JszVUHuiUyxr+aa3M1pcHohLliazBJrinV8A4aMJMrx2th2GQ48HksAIGMYC2RWCJVL4nh4AIat11DULrifl/yE3tF7shpfAQGetW6Fu7EWRd5W6NU2Ursq0Fplj+FQFvTV6uqIa5E3KnY9BoMTOiePeTrkO4AewVdxIE1sXkzaCVN04Lx1Cvrd36ExpkBFpqt3ZMEvg201GLZrcRhsvSbQV73zcQW9BJKneESbH+BdhmkvRe2BOOAbOR2gZg9+yIrgqzIDPlY+iY/Jm8LreUYcoV+W+1ytWQj0PjSrBBPUZwd2WwmhLbwZpZhZbZtMKHaABf7hgvf/i4C6fW7YY1lQ5D0HHWO39PFi6HFBOJRPggfqyjZAd4WPJr7lwJfj0TYVKGXyojKU1Rm7OU3oR8+k7i94DM+nBN6MZq+ZDL1S36C+dCFUvMzMzmV9jLnx51WwtuMw9JOo1wq9qP0W/wEZDhsHKteAe39V8J5QktYo8i1RZwRud5Qmwzlw5LLc+LtjR9ROnc/h/1S+QvZRfWWDCx3HMYNhV71OHY+3gHxV4y3cmg7MUWQTyLEtzo7eS4WCR8ogh1xJm9Ix+DFmpm4nvXMaAvSSt78q+WrNa0Dg8N1oYN/CXemyMkfr1TTeswJ285uy8ZrUqNpp8fMCaZCV5UigCturI3/J2Qm25fDoKkk9EWmqd0htZkoeEAd71bYzgFDGv/z3JWyoQ45hpKi98I9nkL+oxwj5V+UOfb5hfFsTyicC8BCgZxTVXg2ljf/lPkqJnBEG8gieueg5YO/z81wknPoXeQxr5+CHwodIVLxepKkaA+rbSn2jbo1NHjJUhZgKnRKvwS7tuajER6IOspdjkqeo3GcH+tOHWLmSw6UOeCo+A9edkkn2iaLfjX44cqiD/XW55wdX93nQn6fzLRJvdhFjkd2bgt7l7HtMiQJP2Z8A1zydzZTP8qOUvDD/Yr0L9O7QsXoI1fjlkAUVsVfAvQNm0WpdlapD5lT20Y7fmMF0zWJgE5i/iL5D/hN9hzww3GwYuOrbo8iRulTyGYBv8OvVq2dIQ6f38CgAcAaqcrUYsH91sJwUeylqLcvgZZXTqMVsA733RfGEKLiCc8Sw9fZdy8svyrBX8/2FunvMt6BXj6+GUNHrwVXCz8Wcp1PFy3SxG5ihW3w/uWkeCHgGFcxI1svSg6cTAAEN8Y3gQW+hfqz6DbwXM1HwAr0K8MXfO4g6C8GVJbmfkBH16ipc2UYNTOj5992Jbwfv6AE0u6EFumohRl1yRm0wGAZtQYE4kegHGFd/57OFn1XhdQx0zp3OHAqA+SH0+vK5x8AW/DHTQjP0Q+YQ10kTIJZ9lFzBPXa6gxUo5NwtuicZOknYf0jw1WSr8YSDQufJzwZxnGS5PucwJ9hXE3wf8RDEmUv91I9wu0HPBzE/hh72Bh/oIDZnYSaCxpzsS3EWevTuP16FXCOsWx9u6ZF7DtD3X0Rf7TF1OIGT3plX9fso4ufMhXv0OjDLJR97AuqmDmjKtxt7PpLv2eJhPyjVwF4wm869Esqisf6BvWUklpIbetMS8x/39fwwNUcKfekdrIqcolo/tC1n0fQ5LocgZoqyk9GwCvrs8nvEGfNHMvS0kLRY7EVtRd0ne22bhnvOHrLuM/C16GYzorbfYb+FU+KucnfMy0c6z5ewOazbBovqM3on26UPzCFt+frvhv6Zqk2Or0MFzUhvQfPOfI8mQpRzkyvh5vIWtu56V/DVLH6YskumCXlRP5dh7avrM/tC/yp5SY/RkuBm/Oshkjj/KzxM5XaVRkJkuHMnqV35X9Z9XztyJXHUN7IYP7s5tVul6+uQsbjeVZVGnmkOvtY8c+/2+lbBEhh5OH1JqH1PIm3yAJSU9IRPk28T/XSU9TbEEYejV6+/FGBWk8HUG3YrcNQcWDflS8iWqcsijv5mAfUEvuJ18rqMHZ+RYyNzPPDrZdh2vdOZM36zQG3MpLjvPusuqnd+hHLv8GUimGXu+4GrhlveOXQb0qIRyAfgTKCjuoW72ryLIC+E50L+ev5bUydMWzJ1rJn4iulIl3BfYrNdR6GyQSTeTN8WeT45iKpnzsSKwvcb5ee0oAN6JkafgrDt6ej9Q/Xu7LlG/FPwwrs7J4i2kyyL2wUnrVmT4f9zencVJ1mfX/c1jHonVOtqHzY/5f3HpK+wHG6U+wn1qPesfC6EJfnLoTufsV4mKf+hC0VT9az3vNnSm9z/dniWE9ykP1/ADaTWL0UG/fclz8cx+2ehC6olj7wjZnLAv1o8T6q4uVuIGTO9zJwvZ0Fv7ifsTbAP49+D4UR/6/1qokMcurwfBDLE5G/uIUzYEobY4kDvaP7mfvEVWL/uxfW+j2/uz0RmneJI7zf365vsg3LXzeDm/mLYCUG+jdhu7t+zBFZXd7n1/n0Bb42b+w/Fzf3mfsfN/eZ+x8395n5zv+PmfnO/4+Z+c7/j5v7n4j+5MYsfXEMv5gAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-size: contain;

  .top-text {
    padding: 70rpx 40rpx 0;

    .m-text-box {
      margin-bottom: 50rpx;

      .big-font {
        font-family: Source Han Sans SC;
        font-weight: 500;
        font-size: 60rpx;
        color: #1B1B1B;
      }

      .middle-font {
        font-family: Source Han Sans SC;
        font-weight: 400;
        font-size: 32rpx;
        color: #666666;
        margin-top: 24rpx;
      }
    }

    .top-btn-box {
      margin-bottom: 20rpx;
      display: flex;
      align-items: center;
      justify-content: space-evenly;

      .left {
        width: 47.5%;
        height: 172rpx;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 20rpx;
        background-image: url("@/static/animg/fuwu/tousu-bg2x.png");
        transition: all ease-in-out 0.3s;

        .text {
          font-family: Source Han Sans SC;
          font-weight: 500;
          font-size: 40rpx;
          color: #1B1B1B;
          margin-top: 40rpx;
          margin-left: 30rpx;
        }

        .text-mini {
          font-family: Source Han Sans SC;
          font-weight: 400;
          font-size: 26rpx;
          color: #47A3FF;
          position: relative;
          width: fit-content;
          margin-top: 18rpx;
          margin-left: 30rpx;

          &::after {
            content: "";
            width: 24rpx;
            height: 24rpx;
            position: absolute;
            right: -24rpx;
            background-image: url("@/static/animg/fuwu/tousu-jiantou2x.png");
            background-repeat: no-repeat;
            background-size: contain;
            top: 50%;
            transform: translateY(-50%);
          }
        }
      }

      .right {
        background-image: url("@/static/animg/fuwu/jianyi-bg2x.png");

        .text-mini {
          color: #7F91FF;

          &::after {
            background-image: url("@/static/animg/fuwu/jianyi-jiantou2x.png");
          }
        }
      }

      .scale {
        scale: 1.1;
      }
    }
  }
}
</style>