非遗工坊首页、服务类展示

pages/workshop/productmain/productmain.vue

@@ -0,0 +1,271 @@
+<template>
+	<view class="flex-col page">
+	  <view class="flex-col self-stretch section">
+	    <view class="flex-row items-center section_2">
+	      <image
+	        class="image_2"
+	        src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=75f234eb83cd7a5f71855f98a032e4ec.png"
+	      />
+	      <text class="font text ml-13">玲泷水月阁</text>
+	      <image
+	        class="image ml-13"
+	        src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=3a5de3282a233625f0aeb36d18f12110.png"
+	      />
+	    </view>
+	    <image
+	      class="image_3"
+	      src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=af8962eb86012862edbadd7512290883.png"
+	    />
+	    <view class="flex-col list">
+	      <view class="flex-col section_3">
+	        <view class="self-start group">
+	          <text class="font_2 text_3">￥</text>
+	          <text class="text_2">299</text>
+	        </view>
+	        <view class="flex-col self-stretch mt-15">
+	          <text class="font text_4">【非遗手工艺体验】纸笺加工技艺-流沙笺团扇制作体验</text>
+	          <text class="font_2 text_5 mt-11">
+	            产品简介：纸笺加工技艺-流沙笺团扇制作体验，带您领略国家级非物质文化遗产的魅力。本活动让您亲手体验传统纸笺加工技艺，感受流沙笺团扇的制作过程，传承千年匠心精神。
+	          </text>
+	        </view>
+	        <view class="flex-row items-baseline self-stretch group_2 mt-15">
+	          <text class="font_3">最近可预约时间：2024.11.11</text>
+	          <text class="font_3 ml-1">9：30 - 10：30</text>
+	        </view>
+	      </view>
+	      <view class="flex-col section_4 mt-6">
+	        <text class="self-start font text_6">用户须知</text>
+	        <text class="self-start font_2 text_7 text_1 mt-16">
+	          1.请根据预约时间，提前10-15分钟到达活动地点，以便顺利参与体验。
+	        </text>
+	        <text class="self-start font_2 text_8 mt-16">2.穿着轻便、易清洗的衣物，以防止材料染色。</text>
+	        <text class="self-stretch font_2 text_9 mt-16">
+	          3.如您在购买服务后，因个人原因需要取消服务或者变更服务的预约时间，请您务必联系我们的客服。
+	        </text>
+	        <text class="self-start font_2 text_7 mt-16">
+	          4.只要您在体验活动开始前取消购买，我们将为您提供全额退款服务。
+	        </text>
+	        <text class="self-stretch font_2 text_10 mt-16">
+	          5.如遇特殊情况，如突发疾病或其他不可抗力因素，请及时与客服沟通，我们将根据实际情况处理退款事宜。
+	        </text>
+	      </view>
+	    </view>
+	    <view class="flex-row section_5">
+	      <view class="flex-col items-center shrink-0 self-start">
+	        <image
+	          class="image_4"
+	          src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=b51a8f2b2d8a67d51ce7365971207fdc.png"
+	        />
+	        <text class="text_13 mt-3">客服</text>
+	      </view>
+	      <view class="flex-row flex-1 self-center ml-26">
+	        <view class="flex-col justify-start items-center text-wrapper">
+	          <text class="font_3 text_11">加入购物车</text>
+	        </view>
+	        <view class="flex-col justify-start items-center text-wrapper_2 ml-31">
+	          <text class="font text_12">立即预约</text>
+	        </view>
+	      </view>
+	    </view>
+	  </view>
+	  <text class="self-start text_14">服务详情</text>
+	  <image
+	    class="self-stretch image_5"
+	    src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=15cfcb6dc1d8e692d8b51cd736373921.png"
+	  />
+	</view>
+</template>
+
+<script setup>
+	
+	
+</script>
+
+<style lang="scss" scoped>
+.ml-13 {
+  margin-left: 24.38rpx;
+}
+.mt-11 {
+  margin-top: 20.63rpx;
+}
+.mt-15 {
+  margin-top: 28.13rpx;
+}
+.ml-1 {
+  margin-left: 1.88rpx;
+}
+.mt-3 {
+  margin-top: 5.63rpx;
+}
+.ml-31 {
+  margin-left: 58.13rpx;
+}
+.page {
+  background-color: #ffffff;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.section {
+  padding-bottom: 41.25rpx;
+  background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJULGLADX-feiyigongfang.png');
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+.section_2 {
+  padding: 22.5rpx 22.5rpx 20.63rpx;
+  background-color: #ffffff;
+}
+.image_2 {
+  width: 33.75rpx;
+  height: 35.63rpx;
+}
+.font {
+  font-size: 30rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 29.7rpx;
+}
+.text {
+  color: #000000;
+  line-height: 28.37rpx;
+}
+.image {
+  border-radius: 50%;
+  width: 46.88rpx;
+  height: 46.88rpx;
+}
+.image_3 {
+  margin-top: 15rpx;
+  width: 100vw;
+  height: 70vw;
+}
+.list {
+  margin-top: 18.75rpx;
+}
+.section_3 {
+  padding: 36.73rpx 17.1rpx 39.64rpx 17.12rpx;
+  background-color: #ffffffcc;
+  border-radius: 37.5rpx;
+}
+.group {
+  margin-left: 12.04rpx;
+  line-height: 29.7rpx;
+}
+.font_2 {
+  font-size: 26.25rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.text_3 {
+  color: #ff0000;
+  line-height: 16.91rpx;
+}
+.text_2 {
+  color: #ff0000;
+  font-size: 45rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 29.7rpx;
+}
+.text_4 {
+  color: #323233;
+  line-height: 35.63rpx;
+}
+.text_5 {
+  margin-left: 5.79rpx;
+  margin-right: 3.58rpx;
+}
+.group_2 {
+  padding: 0 14.94rpx;
+}
+.font_3 {
+  font-size: 26.25rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 24.92rpx;
+  color: #000000;
+}
+.section_4 {
+  padding: 31.63rpx 18.04rpx 56.83rpx 26.76rpx;
+  background-color: #ffffffcc;
+  border-radius: 37.5rpx;
+}
+.text_6 {
+  margin-left: 3.71rpx;
+  color: #323232;
+  line-height: 28.01rpx;
+  text-decoration: underline;
+}
+.text_7 {
+  width: 648.75rpx;
+}
+.text_1 {
+  margin-left: 3.66rpx;
+}
+.text_8 {
+  margin-left: 3.86rpx;
+  line-height: 25.63rpx;
+}
+.text_9 {
+  margin-left: 3.96rpx;
+}
+.text_10 {
+  margin-left: 3.96rpx;
+  margin-right: 3.77rpx;
+}
+.section_5 {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+  margin-top: 31.88rpx;
+  padding: 22.5rpx 33.75rpx 30.13rpx 39.38rpx;
+  background-color: #ffffff;
+}
+.image_4 {
+  width: 46.88rpx;
+  height: 46.88rpx;
+}
+.text_13 {
+  color: #9d2624;
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 20.72rpx;
+}
+.text-wrapper {
+  padding: 29.1rpx 0 28.69rpx;
+  flex: 1 1 260.63rpx;
+  background-color: #e79ea14d;
+  border-radius: 93.75rpx;
+  height: 82.5rpx;
+}
+.text_11 {
+  color: #ffffff;
+  line-height: 24.71rpx;
+}
+.text-wrapper_2 {
+  padding: 26.49rpx 0 28.57rpx;
+  flex: 1 1 260.63rpx;
+  background-color: #e79ea1;
+  border-radius: 93.75rpx;
+  height: 82.5rpx;
+}
+.text_12 {
+  color: #ffffff;
+  line-height: 27.43rpx;
+}
+.text_14 {
+  margin-left: 4.74rpx;
+  margin-top: 32.87rpx;
+  color: #000000;
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.71rpx;
+}
+.image_5 {
+  margin-top: 18.17rpx;
+  width: 100vw;
+  height: 531.5vw;
+}
+@import url(../../../common/css/global.css);
+</style>

unpackage/dist/dev/mp-weixin/app.js

@@ -27,6 +27,7 @@ if (!Math) {
   "./pages/Shopping-cart/component/addProduct.js";
   "./pages/mine/OrderDetails/OrderDetails.js";
   "./pages/service/productDetail/productDetail.js";
+  "./pages/workshop/index/index.js";
   "./pages/booking/CostumeDisplay/CostumeDisplay.js";
   "./pages/booking/CostumeDetails/CostumeDetails.js";
   "./pages/mine/Contact/Contact.js";
@@ -35,7 +36,7 @@ const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return {};
 }
-const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/App.vue"]]);
+const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
 function createApp() {
   const app = common_vendor.createSSRApp(App);
   app.use(store_index.pinia);

unpackage/dist/dev/mp-weixin/pages/mine/mineorders/mineorders.js

@@ -65,19 +65,19 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return {
-        a: _ctx.orderStatus === "全部" ? 1 : "",
+        a: "",
         b: isSelected("全部") ? 1 : "",
         c: common_vendor.o(($event) => changeTab("全部")),
-        d: _ctx.orderStatus === "待支付" ? 1 : "",
+        d: "",
         e: isSelected("待支付") ? 1 : "",
         f: common_vendor.o(($event) => changeTab("待支付")),
-        g: _ctx.orderStatus === "待发货" ? 1 : "",
+        g: "",
         h: isSelected("待发货") ? 1 : "",
         i: common_vendor.o(($event) => changeTab("待发货")),
-        j: _ctx.orderStatus === "已发货" ? 1 : "",
+        j: "",
         k: isSelected("已发货") ? 1 : "",
         l: common_vendor.o(($event) => changeTab("已发货")),
-        m: _ctx.orderStatus === "售后" ? 1 : "",
+        m: "",
         n: isSelected("售后") ? 1 : "",
         o: common_vendor.o(($event) => changeTab("售后")),
         p: common_vendor.f(Status.value.displayedOrders, (order, index, i0) => {
@@ -122,5 +122,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7d0f2622"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/mineorders/mineorders.vue"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7d0f2622"]]);
 wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/workshop/productmain/productmain.js

@@ -0,0 +1,8 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return {};
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-521289db"]]);
+wx.createPage(MiniProgramPage);

unpackage/dist/dev/mp-weixin/pages/workshop/productmain/productmain.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/workshop/productmain/productmain.wxml

@@ -0,0 +1 @@
+<view class="flex-col page data-v-521289db"><view class="flex-col self-stretch section data-v-521289db"><view class="flex-row items-center section_2 data-v-521289db"><image class="image_2 data-v-521289db" src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=75f234eb83cd7a5f71855f98a032e4ec.png"/><text class="font text ml-13 data-v-521289db">玲泷水月阁</text><image class="image ml-13 data-v-521289db" src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=3a5de3282a233625f0aeb36d18f12110.png"/></view><image class="image_3 data-v-521289db" src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=af8962eb86012862edbadd7512290883.png"/><view class="flex-col list data-v-521289db"><view class="flex-col section_3 data-v-521289db"><view class="self-start group data-v-521289db"><text class="font_2 text_3 data-v-521289db">￥</text><text class="text_2 data-v-521289db">299</text></view><view class="flex-col self-stretch mt-15 data-v-521289db"><text class="font text_4 data-v-521289db">【非遗手工艺体验】纸笺加工技艺-流沙笺团扇制作体验</text><text class="font_2 text_5 mt-11 data-v-521289db"> 产品简介：纸笺加工技艺-流沙笺团扇制作体验，带您领略国家级非物质文化遗产的魅力。本活动让您亲手体验传统纸笺加工技艺，感受流沙笺团扇的制作过程，传承千年匠心精神。 </text></view><view class="flex-row items-baseline self-stretch group_2 mt-15 data-v-521289db"><text class="font_3 data-v-521289db">最近可预约时间：2024.11.11</text><text class="font_3 ml-1 data-v-521289db">9：30 - 10：30</text></view></view><view class="flex-col section_4 mt-6 data-v-521289db"><text class="self-start font text_6 data-v-521289db">用户须知</text><text class="self-start font_2 text_7 text_1 mt-16 data-v-521289db"> 1.请根据预约时间，提前10-15分钟到达活动地点，以便顺利参与体验。 </text><text class="self-start font_2 text_8 mt-16 data-v-521289db">2.穿着轻便、易清洗的衣物，以防止材料染色。</text><text class="self-stretch font_2 text_9 mt-16 data-v-521289db"> 3.如您在购买服务后，因个人原因需要取消服务或者变更服务的预约时间，请您务必联系我们的客服。 </text><text class="self-start font_2 text_7 mt-16 data-v-521289db"> 4.只要您在体验活动开始前取消购买，我们将为您提供全额退款服务。 </text><text class="self-stretch font_2 text_10 mt-16 data-v-521289db"> 5.如遇特殊情况，如突发疾病或其他不可抗力因素，请及时与客服沟通，我们将根据实际情况处理退款事宜。 </text></view></view><view class="flex-row section_5 data-v-521289db"><view class="flex-col items-center shrink-0 self-start data-v-521289db"><image class="image_4 data-v-521289db" src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=b51a8f2b2d8a67d51ce7365971207fdc.png"/><text class="text_13 mt-3 data-v-521289db">客服</text></view><view class="flex-row flex-1 self-center ml-26 data-v-521289db"><view class="flex-col justify-start items-center text-wrapper data-v-521289db"><text class="font_3 text_11 data-v-521289db">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_2 ml-31 data-v-521289db"><text class="font text_12 data-v-521289db">立即预约</text></view></view></view></view><text class="self-start text_14 data-v-521289db">服务详情</text><image class="self-stretch image_5 data-v-521289db" src="https://ide.code.fun/api/image?token=6753b6f64ae84d00121f2f30&name=15cfcb6dc1d8e692d8b51cd736373921.png"/></view>

unpackage/dist/dev/mp-weixin/pages/workshop/productmain/productmain.wxss

@@ -0,0 +1,588 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-521289db {
+  font-size: 16px;
+}
+body.data-v-521289db {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+view.data-v-521289db,
+image.data-v-521289db,
+text.data-v-521289db {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-521289db {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-521289db {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-521289db {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-521289db {
+  justify-content: flex-start;
+}
+.justify-end.data-v-521289db {
+  justify-content: flex-end;
+}
+.justify-center.data-v-521289db {
+  justify-content: center;
+}
+.justify-between.data-v-521289db {
+  justify-content: space-between;
+}
+.justify-around.data-v-521289db {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-521289db {
+  justify-content: space-evenly;
+}
+.items-start.data-v-521289db {
+  align-items: flex-start;
+}
+.items-end.data-v-521289db {
+  align-items: flex-end;
+}
+.items-center.data-v-521289db {
+  align-items: center;
+}
+.items-baseline.data-v-521289db {
+  align-items: baseline;
+}
+.items-stretch.data-v-521289db {
+  align-items: stretch;
+}
+.self-start.data-v-521289db {
+  align-self: flex-start;
+}
+.self-end.data-v-521289db {
+  align-self: flex-end;
+}
+.self-center.data-v-521289db {
+  align-self: center;
+}
+.self-baseline.data-v-521289db {
+  align-self: baseline;
+}
+.self-stretch.data-v-521289db {
+  align-self: stretch;
+}
+.flex-1.data-v-521289db {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-521289db {
+  flex: 1 1 auto;
+}
+.grow.data-v-521289db {
+  flex-grow: 1;
+}
+.grow-0.data-v-521289db {
+  flex-grow: 0;
+}
+.shrink.data-v-521289db {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-521289db {
+  flex-shrink: 0;
+}
+.relative.data-v-521289db {
+  position: relative;
+}
+.ml-2.data-v-521289db {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-521289db {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-521289db {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-521289db {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-521289db {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-521289db {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-521289db {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-521289db {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-521289db {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-521289db {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-521289db {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-521289db {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-521289db {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-521289db {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-521289db {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-521289db {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-521289db {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-521289db {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-521289db {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-521289db {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-521289db {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-521289db {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-521289db {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-521289db {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-521289db {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-521289db {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-521289db {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-521289db {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-521289db {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-521289db {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-521289db {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-521289db {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-521289db {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-521289db {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-521289db {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-521289db {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-521289db {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-521289db {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-521289db {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-521289db {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-521289db {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-521289db {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-521289db {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-521289db {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-521289db {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-521289db {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-521289db {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-521289db {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-521289db {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-521289db {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-521289db {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-521289db {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-521289db {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-521289db {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-521289db {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-521289db {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-521289db {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-521289db {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-521289db {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-521289db {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-521289db {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-521289db {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-521289db {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-521289db {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-521289db {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-521289db {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-521289db {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-521289db {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-521289db {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-521289db {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-521289db {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-521289db {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-521289db {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-521289db {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-521289db {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-521289db {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-521289db {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-521289db {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-521289db {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-521289db {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-521289db {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-521289db {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-521289db {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-521289db {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-521289db {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-521289db {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-521289db {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-521289db {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-521289db {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-521289db {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-521289db {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-521289db {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-521289db {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-521289db {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-521289db {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-521289db {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-521289db {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-521289db {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-521289db {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-521289db {
+  margin-top: 187.5rpx;
+}
+.ml-13.data-v-521289db {
+  margin-left: 24.38rpx;
+}
+.mt-11.data-v-521289db {
+  margin-top: 20.63rpx;
+}
+.mt-15.data-v-521289db {
+  margin-top: 28.13rpx;
+}
+.ml-1.data-v-521289db {
+  margin-left: 1.88rpx;
+}
+.mt-3.data-v-521289db {
+  margin-top: 5.63rpx;
+}
+.ml-31.data-v-521289db {
+  margin-left: 58.13rpx;
+}
+.page.data-v-521289db {
+  background-color: #ffffff;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.section.data-v-521289db {
+  padding-bottom: 41.25rpx;
+  background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJULGLADX-feiyigongfang.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+.section_2.data-v-521289db {
+  padding: 22.5rpx 22.5rpx 20.63rpx;
+  background-color: #ffffff;
+}
+.image_2.data-v-521289db {
+  width: 33.75rpx;
+  height: 35.63rpx;
+}
+.font.data-v-521289db {
+  font-size: 30rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 29.7rpx;
+}
+.text.data-v-521289db {
+  color: #000000;
+  line-height: 28.37rpx;
+}
+.image.data-v-521289db {
+  border-radius: 50%;
+  width: 46.88rpx;
+  height: 46.88rpx;
+}
+.image_3.data-v-521289db {
+  margin-top: 15rpx;
+  width: 100vw;
+  height: 70vw;
+}
+.list.data-v-521289db {
+  margin-top: 18.75rpx;
+}
+.section_3.data-v-521289db {
+  padding: 36.73rpx 17.1rpx 39.64rpx 17.12rpx;
+  background-color: #ffffffcc;
+  border-radius: 37.5rpx;
+}
+.group.data-v-521289db {
+  margin-left: 12.04rpx;
+  line-height: 29.7rpx;
+}
+.font_2.data-v-521289db {
+  font-size: 26.25rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.text_3.data-v-521289db {
+  color: #ff0000;
+  line-height: 16.91rpx;
+}
+.text_2.data-v-521289db {
+  color: #ff0000;
+  font-size: 45rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 29.7rpx;
+}
+.text_4.data-v-521289db {
+  color: #323233;
+  line-height: 35.63rpx;
+}
+.text_5.data-v-521289db {
+  margin-left: 5.79rpx;
+  margin-right: 3.58rpx;
+}
+.group_2.data-v-521289db {
+  padding: 0 14.94rpx;
+}
+.font_3.data-v-521289db {
+  font-size: 26.25rpx;
+  font-family: FZSongKeBenXiuKaiS-R-GB;
+  line-height: 24.92rpx;
+  color: #000000;
+}
+.section_4.data-v-521289db {
+  padding: 31.63rpx 18.04rpx 56.83rpx 26.76rpx;
+  background-color: #ffffffcc;
+  border-radius: 37.5rpx;
+}
+.text_6.data-v-521289db {
+  margin-left: 3.71rpx;
+  color: #323232;
+  line-height: 28.01rpx;
+  text-decoration: underline;
+}
+.text_7.data-v-521289db {
+  width: 648.75rpx;
+}
+.text_1.data-v-521289db {
+  margin-left: 3.66rpx;
+}
+.text_8.data-v-521289db {
+  margin-left: 3.86rpx;
+  line-height: 25.63rpx;
+}
+.text_9.data-v-521289db {
+  margin-left: 3.96rpx;
+}
+.text_10.data-v-521289db {
+  margin-left: 3.96rpx;
+  margin-right: 3.77rpx;
+}
+.section_5.data-v-521289db {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin-top: 31.88rpx;
+  padding: 22.5rpx 33.75rpx 30.13rpx 39.38rpx;
+  background-color: #ffffff;
+}
+.image_4.data-v-521289db {
+  width: 46.88rpx;
+  height: 46.88rpx;
+}
+.text_13.data-v-521289db {
+  color: #9d2624;
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 20.72rpx;
+}
+.text-wrapper.data-v-521289db {
+  padding: 29.1rpx 0 28.69rpx;
+  flex: 1 1 260.63rpx;
+  background-color: #e79ea14d;
+  border-radius: 93.75rpx;
+  height: 82.5rpx;
+}
+.text_11.data-v-521289db {
+  color: #ffffff;
+  line-height: 24.71rpx;
+}
+.text-wrapper_2.data-v-521289db {
+  padding: 26.49rpx 0 28.57rpx;
+  flex: 1 1 260.63rpx;
+  background-color: #e79ea1;
+  border-radius: 93.75rpx;
+  height: 82.5rpx;
+}
+.text_12.data-v-521289db {
+  color: #ffffff;
+  line-height: 27.43rpx;
+}
+.text_14.data-v-521289db {
+  margin-left: 4.74rpx;
+  margin-top: 32.87rpx;
+  color: #000000;
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.71rpx;
+}
+.image_5.data-v-521289db {
+  margin-top: 18.17rpx;
+  width: 100vw;
+  height: 531.5vw;
+}