提交 49336987 作者: 方治民

feat: 新增代理记账、产销渠道商详情页相关

上级 2a402d73
......@@ -77,6 +77,102 @@
}
},
{
"path": "pages/chanxiao/hema/hema",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {
"type": "transparent"
}
}
}
},
{
"path": "pages/chanxiao/qiandama/qiandama",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {
"type": "transparent"
}
}
}
},
{
"path": "pages/chanxiao/xiaoxiangchaoshi/xiaoxiangchaoshi",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {
"type": "transparent"
}
}
}
},
{
"path": "pages/chanxiao/hongxing/hongxing",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {
"type": "transparent"
}
}
}
},
{
"path": "pages/chanxiao/zhusiling/zhusiling",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {
"type": "transparent"
}
}
}
},
{
"path": "pages/chanxiao/caixianyi/caixianyi",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {
"type": "transparent"
}
}
}
},
{
"path": "pages/chanxiao/purchaseXuQiu",
"style": {
"navigationBarTitleText": "发布采购需求",
......@@ -229,6 +325,20 @@
}
},
{
"path": "pages/fuwu/dailijizhang/dailijizhang",
"style": {
"navigationBarTitleText": "代理记账",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#5DB66F",
"navigationBarTextStyle": "white",
"backgroundColorBottom": "#F2F2F2",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": {}
}
}
},
{
"path": "pages/linghuoyonggong/linghuoyonggong",
"style": {
"navigationBarTitleText": "灵活用工",
......
<script setup lang="ts">
// 洽谈合作
function onCooperationClick() {
Message.alert('洽谈合作功能暂不可用,敬请期待~', '温馨提示')
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group">
<view class="image" />
<view class="codefun-flex-row group_2" />
</view>
<view class="codefun-self-start image_5 mt-17" />
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col section_2">
<text class="codefun-self-start text">菜鲜宜</text>
<view class="codefun-mt-22 codefun-flex-col codefun-self-stretch group_4">
<view class="codefun-flex-col codefun-justify-start codefun-items-start text-wrapper">
<text class="font text_2">主营:精品蔬菜、有机食品、净菜套餐、家庭食材</text>
</view>
<text class="font_2 text_3 mt-11 indent-md">
菜鲜宜定位“都市家庭健康食材管家”,主打高品质、有机、无公害蔬菜与净菜组合。通过产地合作与标准化加工,为忙碌都市家庭提供便捷、健康、美味的食材解决方案。
<br />
</text>
</view>
<view class="codefun-flex-col codefun-self-stretch">
<text class="font_2 text_4" />
<text class="codefun-self-stretch font_2 text_5 indent-md">
品牌优势:
专注有机与无公害蔬菜,品质标准高、净菜加工,节省烹饪时间、家庭套餐定制,满足多样化需求、线上线下融合,支持预定与配送。
</text>
</view>
</view>
<view class="codefun-flex-col section_3">
<view class="codefun-flex-col codefun-items-start">
<text class="font_3">市场服务</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-16 codefun-flex-row">
<view class="codefun-flex-col codefun-items-center equal-division-item section_5">
<image class="image_6" src="/static/images/codefun/1c894d991cb2f0bc70d7b3800e700423.png" />
<text class="codefun-mt-8 font text_6">有机蔬菜订购</text>
</view>
<view class="codefun-ml-10 codefun-flex-col codefun-items-center equal-division-item section_6">
<image class="image_6" src="/static/images/codefun/212321b9eeef951ae3416a2924062377.png" />
<text class="codefun-mt-8 font">净菜配送</text>
</view>
<view class="codefun-ml-10 codefun-flex-col codefun-items-center equal-division-item section_7">
<image class="image_6" src="/static/images/codefun/4c062022080fd91d26f0e788b0c7bcc3.png" />
<text class="codefun-mt-8 font_2 text_7">家庭/企业定制</text>
</view>
</view>
</view>
<view class="codefun-flex-col section_8">
<view class="codefun-flex-col codefun-items-start">
<text class="font_3 text_8">合作伙伴</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-8 grid">
<image class="grid-item" src="/static/images/codefun/39cf09f6722bc903396eda5bdbc7f8b2.png" />
<image class="grid-item" src="/static/images/codefun/0a73fd42bdd7ca51839a8a9ed16cc472.png" />
<image class="grid-item" src="/static/images/codefun/42e8f57fc73b93e596d1b912c08589c6.png" />
<image class="grid-item" src="/static/images/codefun/f9df6203eb43ec929d8a68b5ee5d1680.png" />
</view>
</view>
<view
class="codefun-flex-row codefun-justify-center codefun-items-center section_9"
@click="onCooperationClick"
>
<image class="image_7" src="/static/images/codefun/3e23931a51dff8d555bc053a33133be1.png" />
<text class="text_9 ml-9">洽谈合作</text>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.ml-9 {
margin-left: 18rpx;
}
page {
background-color: #e6f5e8;
}
.page {
padding-bottom: 140rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.section {
padding: 28rpx 38rpx 382rpx;
background-image: url('/static/images/codefun/05019411cdb9383e51ab8923569568df.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding: 0 2rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.group_2 {
margin-right: 16rpx;
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
}
.group_3 {
margin-top: -188rpx;
padding: 0 24rpx;
.section_2 {
margin-right: 8rpx;
padding: 44rpx 20rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text {
color: #023d0e;
font-size: 48rpx;
font-family: SourceHanSerifCN;
font-weight: 700;
line-height: 45.08rpx;
}
.group_4 {
margin-right: 8rpx;
.text-wrapper {
padding: 16rpx 0;
background-image: linear-gradient(273.7deg, #217a33 0.1%, #43cf7c 99.9%);
border-radius: 8rpx;
.text_2 {
margin-left: 20rpx;
color: #ffffff;
line-height: 22.6rpx;
}
}
.text_3 {
text-align: justify;
}
}
.text_4 {
margin-right: 28rpx;
}
.text_5 {
text-align: justify;
}
}
.section_3 {
margin-right: 8rpx;
margin-top: 24rpx;
padding: 24rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division-item {
flex: 1 1 200rpx;
.image_6 {
width: 32rpx;
height: 32rpx;
}
.text_6 {
line-height: 22.3rpx;
}
.text_7 {
line-height: 24.84rpx;
}
}
.section_5 {
padding: 28rpx 0;
background-color: #eefaeb;
border-radius: 8rpx;
height: 128rpx;
}
.section_6 {
padding: 28rpx 0;
background-color: #e8f7f7;
border-radius: 8rpx;
height: 128rpx;
}
.section_7 {
padding: 28rpx 0;
background-color: #fff3f1;
border-radius: 8rpx;
height: 128rpx;
}
}
.font {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 22.42rpx;
color: #333333;
}
.font_2 {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 40rpx;
color: #333333;
}
.section_8 {
margin-right: 8rpx;
margin-top: 24rpx;
padding: 28rpx;
background-color: #ffffff;
border-radius: 16.14rpx;
mix-blend-mode: NOTTHROUGH;
.text_8 {
line-height: 29.82rpx;
}
.grid {
margin-left: 30rpx;
margin-right: 20rpx;
height: 158rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 32rpx;
column-gap: 18rpx;
.grid-item {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 242rpx;
height: 64rpx;
}
}
}
.font_3 {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 30.04rpx;
color: #333333;
}
.section_4 {
background-image: linear-gradient(272deg, #5cb56e 0%, #64d63e 100%);
width: 128rpx;
height: 6rpx;
}
.section_9 {
position: fixed;
left: 40rpx;
right: 40rpx;
bottom: 40rpx;
z-index: 1;
padding: 20rpx 0;
background-color: #ff9800;
border-radius: 198rpx;
.image_7 {
width: 30rpx;
height: 30rpx;
}
.text_9 {
color: #ffffff;
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 25.92rpx;
}
}
}
}
</style>
......@@ -92,7 +92,8 @@
iconLeft: '/src/static/images/qudao/盒马鲜生-左.png',
backgroundColor: '#DBF8FF',
iconColor: '#252772',
textColor: '#282A74'
textColor: '#282A74',
link: '/pages/chanxiao/hema/hema',
},
{
text: '“不卖隔夜肉”的社区短链模式主打极致新鲜',
......@@ -100,7 +101,8 @@
iconLeft: '/src/static/images/qudao/钱大妈-左.png',
backgroundColor: '#FFE8E8',
iconColor: '#FE0000',
textColor: '#540000'
textColor: '#540000',
link: '/pages/chanxiao/qiandama/qiandama',
},
{
text: '商品齐全物美价廉“美团运力”实现万物速达',
......@@ -108,7 +110,8 @@
iconLeft: '/src/static/images/qudao/小象超市-左.png',
backgroundColor: '#E2FFDE',
iconColor: '#00C53B',
textColor: '#024A18'
textColor: '#024A18',
link: '/pages/chanxiao/xiaoxiangchaoshi/xiaoxiangchaoshi',
},
{
text: '无与伦比的源头价格和海量品类选择',
......@@ -116,7 +119,8 @@
iconLeft: '/src/static/images/qudao/红星-左.png',
backgroundColor: '#F5DADD',
iconColor: '#E70E30',
textColor: '#570612'
textColor: '#570612',
link: '/pages/chanxiao/hongxing/hongxing',
},
{
text: '畜牧类采购需求大“猪肉垂直”的深度专家',
......@@ -124,7 +128,8 @@
iconLeft: '/src/static/images/qudao/牧壹猪-左.png',
backgroundColor: '#C0D1C7',
iconColor: '#383838',
textColor: '#223D27'
textColor: '#223D27',
link: '/pages/chanxiao/zhusiling/zhusiling',
},
{
text: '区域性优势明显“区域深耕”织密本地网络',
......@@ -132,7 +137,8 @@
iconLeft: '/src/static/images/qudao/菜鲜宜-左.png',
backgroundColor: '#C4F2DE',
iconColor: '#14AE68',
textColor: '#064529'
textColor: '#064529',
link: '/pages/chanxiao/caixianyi/caixianyi',
},
],
})
......@@ -265,16 +271,31 @@
:style="`background: linear-gradient(to right, ${channel.backgroundColor} 0%, white 100%);`"
v-for="(channel, index) in pageData.channels"
:key="index"
@click="Navigate.to(channel.link)"
>
<view class="channel-list-left">
<img class="channel-imgLeft" :src="channel.iconLeft" />
</view>
<view class="channel-list-center">
<img class="channel-imgCenter" :style="channel.icon.indexOf('菜鲜宜') > 0 ? 'width: 100rpx; height: 40rpx' : ''" :src="channel.icon" />
<text class="channel-text" :style="`color: ${channel.textColor}`">{{ channel.text }}</text>
<img
class="channel-imgCenter"
:style="
channel.icon.indexOf('菜鲜宜') > 0 ? 'width: 100rpx; height: 40rpx' : ''
"
:src="channel.icon"
/>
<text class="channel-text" :style="`color: ${channel.textColor}`">{{
channel.text
}}</text>
</view>
<view class="channel-list-right">
<svg class="channel-imgRight" width="14" height="14" xmlns="http://www.w3.org/2000/svg" fill="none">
<svg
class="channel-imgRight"
width="14"
height="14"
xmlns="http://www.w3.org/2000/svg"
fill="none"
>
<g>
<title>Layer 1</title>
<path
......
<script setup lang="ts">
// 洽谈合作
function onCooperationClick() {
Message.alert('洽谈合作功能暂不可用,敬请期待~', '温馨提示')
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group">
<view class="image" />
<view class="codefun-flex-row group_2" />
</view>
<view class="codefun-self-start image_5 mt-17" />
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col section_2">
<view class="codefun-flex-col">
<image
class="codefun-self-start image_6"
src="/static/images/codefun/208f8158735fdb34e03f9ac8186e689c.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch text-wrapper mt-13"
>
<text class="font text">主营:生鲜食品、餐饮体验、即时配送、全球精选</text>
</view>
<text class="codefun-self-stretch font_2 text_2 mt-13 indent-md">
盒马是中国首家以数据和技术驱动的新零售平台。通过重构零售产业
“人、货、场”,打造了“盒马鲜生”、“盒马X会员店”、“盒马奥莱”等业态,致力于满足消费者对美好生活的向往,用科技和创新引领万千家庭的“鲜·美·生活”。
</text>
</view>
<view class="codefun-flex-row codefun-justify-end codefun-items-baseline codefun-relative group_4">
<text class="font_2"><br /></text>
<text class="codefun-ml-2 font_2" />
<text class="codefun-ml-2 font_2 text_3 pos indent-md">
品牌优势:
线上线下深度融合,实现“到店+到家“双场景服务、全球直采,源头把控,品质可追溯、30分钟即时配送,覆盖核心城市、支持餐饮现制、现场体验,提升消费互动
</text>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_3">
<view class="codefun-flex-col codefun-items-start">
<text class="font_3 text_4">市场服务</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-16 grid">
<view class="codefun-flex-col codefun-items-center grid-item">
<image class="image_7" src="/static/images/codefun/1c894d991cb2f0bc70d7b3800e700423.png" />
<text class="codefun-mt-8 font">仓储服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_2">
<image class="image_7" src="/static/images/codefun/bcef1c15592bbd3c1cea02585ab7df5e.png" />
<text class="codefun-mt-8 font">冷链服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_3">
<image class="image_7" src="/static/images/codefun/4c062022080fd91d26f0e788b0c7bcc3.png" />
<text class="codefun-mt-8 font text_5">本地化适配</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_4">
<image class="image_7" src="/static/images/codefun/1fea922d5a84f1606c718ff6f84dd2d5.png" />
<text class="font text_6 mt-9">物流服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_5">
<image class="image_7" src="/static/images/codefun/992b9452dc42a5ce3e7ba8e8331e04b6.png" />
<text class="codefun-mt-8 font text_7">合作稳定</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_6">
<image class="image_7" src="/static/images/codefun/28e6ba6a7044ff17819971d0ee111232.png" />
<text class="font text_8 mt-9">价格竞争力</text>
</view>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_5">
<text class="codefun-self-start font_3 text_9">合作伙伴</text>
<view
class="codefun-mt-8 codefun-flex-col codefun-justify-start codefun-self-stretch codefun-relative group_5"
>
<view class="grid_2">
<image class="grid-item_7" src="/static/images/codefun/48edf00a85636a92b686c4b83a773f8a.png" />
<image class="grid-item_7" src="/static/images/codefun/2eb99e490e41110301dffff56f00eb0f.png" />
<image class="grid-item_7" src="/static/images/codefun/1938c7ebbcde6e39a6d26953c95f8efe.png" />
<image class="grid-item_7" src="/static/images/codefun/01c9b13a235c598ed1fd50049ca43f33.png" />
</view>
<view
class="codefun-flex-row codefun-justify-center codefun-items-center section_6 pos_2"
@click="onCooperationClick"
>
<image class="image_8" src="/static/images/codefun/3e23931a51dff8d555bc053a33133be1.png" />
<text class="text_10 ml-9">洽谈合作</text>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-13 {
margin-top: 26rpx;
}
.mt-9 {
margin-top: 18rpx;
}
.ml-9 {
margin-left: 18rpx;
}
page {
background-color: #e6f5e8;
}
.page {
padding-bottom: 140rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.section {
padding: 28rpx 38rpx 382rpx;
background-image: url('/static/images/codefun/7f3f04389e8c4f41e9cf97f290ffa85d.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding: 0 2rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.group_2 {
margin-right: 16rpx;
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
}
.group_3 {
margin-top: -188rpx;
padding: 0 24rpx;
.section_2 {
margin-right: 8rpx;
padding: 34rpx 16rpx 148rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_6 {
width: 250rpx;
height: 76rpx;
}
.text-wrapper {
margin-right: 12rpx;
padding: 16rpx 0;
background-image: linear-gradient(275.2deg, #1fc6ff 0%, #63d8ff 97.2%);
border-radius: 8rpx;
.text {
margin-left: 20rpx;
color: #ffffff;
line-height: 22.66rpx;
}
}
.font_2 {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 40rpx;
color: #333333;
}
.text_2 {
text-align: justify;
}
.group_4 {
margin-right: 12rpx;
padding: 0 48rpx;
.text_3 {
text-align: justify;
}
.pos {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
}
.section_3 {
margin-right: 8rpx;
padding: 24rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text_4 {
line-height: 30.04rpx;
}
.section_4 {
background-image: linear-gradient(272deg, #5cb56e 0%, #64d63e 100%);
width: 128rpx;
height: 6rpx;
}
.grid {
height: 276rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 22rpx;
column-gap: 22rpx;
.grid-item {
padding: 28rpx 0;
background-color: #eefaeb;
border-radius: 8rpx;
}
.grid-item_2 {
padding: 28rpx 0;
background-color: #eff1ff;
border-radius: 8rpx;
}
.image_7 {
width: 32rpx;
height: 32rpx;
}
.grid-item_3 {
padding: 28rpx 0;
background-color: #fff3f1;
border-radius: 8rpx;
.text_5 {
line-height: 22.32rpx;
}
}
.grid-item_4 {
padding: 26rpx 0 32rpx;
background-color: #e8f7f7;
border-radius: 8rpx;
.text_6 {
line-height: 22.34rpx;
}
}
.grid-item_5 {
padding: 26rpx 0 32rpx;
background-color: #fff3e7;
border-radius: 8rpx;
.text_7 {
line-height: 22.54rpx;
}
}
.grid-item_6 {
padding: 28rpx 0;
background-color: #faf8ea;
border-radius: 8rpx;
.text_8 {
line-height: 22.6rpx;
}
}
}
}
.font {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 22.4rpx;
color: #333333;
}
.section_5 {
margin-right: 8rpx;
padding: 24rpx;
background-color: #ffffff;
border-radius: 16.14rpx;
mix-blend-mode: NOTTHROUGH;
.text_9 {
margin-left: 4rpx;
}
.group_5 {
padding-top: 38rpx;
.grid_2 {
margin-left: 12rpx;
margin-right: 32rpx;
height: 152rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 26rpx;
column-gap: 0;
.grid-item_7 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 242rpx;
height: 64rpx;
}
}
.section_6 {
padding: 20rpx 0;
background-color: #ff9800;
border-radius: 198rpx;
.image_8 {
width: 30rpx;
height: 30rpx;
}
.text_10 {
color: #ffffff;
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 25.92rpx;
}
}
.pos_2 {
position: fixed;
left: 40rpx;
right: 40rpx;
bottom: 40rpx;
z-index: 1;
}
}
}
.font_3 {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 29.82rpx;
color: #333333;
}
}
}
</style>
<script setup lang="ts">
// 洽谈合作
function onCooperationClick() {
Message.alert('洽谈合作功能暂不可用,敬请期待~', '温馨提示')
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group">
<view class="image" />
<view class="codefun-flex-row group_2" />
</view>
<view class="codefun-self-start image_5 mt-17" />
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col section_2">
<image
class="codefun-self-start image_6"
src="/static/images/codefun/30df594376de06bdd0246cfc368c4712.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch text-wrapper"
>
<text class="font text">主营:水果、蔬菜、花卉、水产、肉品以及粮油批发</text>
</view>
<text class="codefun-self-stretch font text_2 indent-md">
红星批发市场(现红星全球农批中心)是中南地区规模最大、功能最全的现代化农产品集散枢纽。其核心优势在于“海量、源头、枢纽”——作为国家级定点市场,它依托超过1700亩的现代化园区,整合了水果、蔬菜、粮油等全品类农产品,年交易额超500亿元,构建了“买全球、卖全球”的流通网络。通过严格的品控标准、强大的冷链物流及24小时食品安全检测体系,它不仅为大批发商提供极具价格优势的源头现货,更通过“智慧市场”升级,持续强化其作为区域农产品流通基本盘的枢纽地位。
</text>
</view>
<view class="codefun-mt-12 codefun-flex-col section_3">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2">市场服务</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-16 grid">
<view class="codefun-flex-col codefun-items-center grid-item">
<image class="image_7" src="/static/images/codefun/c5376f7be5bfbb9dda9e6a1ab3e7bcaa.png" />
<text class="codefun-mt-4 font">仓储服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_2">
<image class="image_7" src="/static/images/codefun/4227f65f96a91d996129d562170ee512.png" />
<text class="codefun-mt-4 font">冷链服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_3">
<image class="image_7" src="/static/images/codefun/4bcc73ba05cdf2d34e0072a01231e49e.png" />
<text class="codefun-mt-4 font text_3">广告服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_4">
<image class="image_7" src="/static/images/codefun/d2d1c5eb9713ab5c1a96f5cad551e99c.png" />
<text class="font text_4 mt-5">物流服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_5">
<image class="image_7" src="/static/images/codefun/98d493b05aacca4d791d5e7eafe165dd.png" />
<text class="font text_5 mt-5">加盟服务</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_6">
<image class="image_7" src="/static/images/codefun/6453792d886238f4365824df11a73895.png" />
<text class="codefun-mt-4 font text_6">进场交易</text>
</view>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_5">
<view class="codefun-flex-col group_4">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2 text_7">合作伙伴</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-flex-row codefun-justify-evenly codefun-relative group_5">
<image class="image_9" src="/static/images/codefun/392530f2fc89e2a05eeb217134de07fc.png" />
<image class="image_10" src="/static/images/codefun/71764c63e31cd611e37c8e63d89cdf46.png" />
<image class="image_11" src="/static/images/codefun/f50d4460a289e873cf281304841f8b06.png" />
<view
class="codefun-flex-row codefun-justify-center codefun-items-center section_6 pos"
@click="onCooperationClick"
>
<image class="image_8" src="/static/images/codefun/3e23931a51dff8d555bc053a33133be1.png" />
<text class="text_8 ml-9">洽谈合作</text>
</view>
</view>
</view>
<view class="codefun-flex-row codefun-justify-around codefun-items-center group_6">
<view class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper">
<image class="image_13" src="/static/images/codefun/285cb382854f4a0bcb81b6df31461ac3.png" />
</view>
<view class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper_2">
<image class="image_14" src="/static/images/codefun/bcdceae8b26c6f6da7f63256a4ff492a.png" />
</view>
<image class="image_12" src="/static/images/codefun/878c6a14f1c4a781f2ad4c0b42e66a40.png" />
</view>
<view class="codefun-flex-row group_7">
<image
class="codefun-flex-1 image_15"
src="/static/images/codefun/5773b71d4b9da414a58e757b8e2c4096.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 image-wrapper_3 ml-17"
>
<image class="image_16" src="/static/images/codefun/154bbbe9720db989c5bb38e7470a070b.png" />
</view>
</view>
<view class="codefun-flex-row codefun-justify-center equal-division">
<view class="codefun-flex-col codefun-justify-start codefun-items-center equal-division-item">
<image class="image_17" src="/static/images/codefun/7ee07db3777657f41e4794743619e49b.png" />
</view>
<image
class="equal-division-item_2 ml-9"
src="/static/images/codefun/55c54aa2927b714f5ad896d60d9ed1dc.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center equal-division-item_3 ml-9"
>
<image class="image_18" src="/static/images/codefun/003edb8aa22fb6fea96dec2eb8dfbe0c.png" />
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-5 {
margin-top: 10rpx;
}
.ml-17 {
margin-left: 34rpx;
}
.ml-9 {
margin-left: 18rpx;
}
page {
background-color: #e6f5e8;
}
.page {
padding-bottom: 140rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.section {
padding: 28rpx 42rpx 382rpx;
background-image: url('/static/images/codefun/319caa972700f74982472280d1edb65e.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding: 0 2rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.group_2 {
margin-right: 8rpx;
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
}
.group_3 {
margin-top: -188rpx;
padding: 0 28rpx;
.section_2 {
padding: 34rpx 16rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 17rpx;
mix-blend-mode: NOTTHROUGH;
.image_6 {
width: 236rpx;
height: 72rpx;
}
.text-wrapper {
margin-right: 12rpx;
margin-top: 32rpx;
padding: 16rpx 0;
background-image: linear-gradient(273.7deg, #5cb56e 0.1%, #64d63e 99.9%);
border-radius: 8rpx;
.text {
margin-left: 20rpx;
color: #ffffff;
line-height: 22.68rpx;
}
}
.text_2 {
margin-top: 20rpx;
line-height: 40rpx;
text-align: justify;
}
}
.section_3 {
padding: 24rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 19.78rpx;
mix-blend-mode: NOTTHROUGH;
.grid {
height: 276rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 22rpx;
column-gap: 22rpx;
.grid-item {
padding: 20rpx 0 32rpx;
background-color: #eefaeb;
border-radius: 8rpx;
}
.grid-item_2 {
padding: 20rpx 0 32rpx;
background-color: #eff1ff;
border-radius: 8rpx;
}
.image_7 {
width: 48rpx;
height: 48rpx;
}
.grid-item_3 {
padding: 20rpx 0 32rpx;
background-color: #fff3f1;
border-radius: 8rpx;
.text_3 {
line-height: 22.64rpx;
}
}
.grid-item_4 {
padding: 18rpx 0 32rpx;
background-color: #e8f7f7;
border-radius: 8rpx;
.text_4 {
line-height: 22.34rpx;
}
}
.grid-item_5 {
padding: 18rpx 0 32rpx;
background-color: #fff3e7;
border-radius: 8rpx;
.text_5 {
line-height: 22.34rpx;
}
}
.grid-item_6 {
padding: 18rpx 0 32rpx;
background-color: #faf8ea;
border-radius: 8rpx;
.text_6 {
line-height: 22.68rpx;
}
}
}
}
.font {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 22.4rpx;
color: #333333;
}
.section_5 {
padding: 28rpx 8rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 16.14rpx;
mix-blend-mode: NOTTHROUGH;
.group_4 {
height: 145.5rpx;
.text_7 {
line-height: 29.82rpx;
}
.group_5 {
margin-top: -16rpx;
padding-top: 40rpx;
.image_9 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 230rpx;
height: 64rpx;
}
.image_10 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 220rpx;
height: 64rpx;
}
.image_11 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 147.26rpx;
height: 64.32rpx;
}
.section_6 {
padding: 20rpx 0;
background-color: #ff9800;
border-radius: 198rpx;
.image_8 {
width: 30rpx;
height: 30rpx;
}
.text_8 {
color: #ffffff;
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 25.92rpx;
}
}
.pos {
position: fixed;
left: 40rpx;
right: 40rpx;
bottom: 40rpx;
z-index: 1;
}
}
}
.group_6 {
margin-top: 20rpx;
.image-wrapper {
padding: 8rpx 0;
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
background-color: #ffffff;
width: 248.5rpx;
height: 64.32rpx;
.image_13 {
width: 230rpx;
height: 50rpx;
}
}
.image-wrapper_2 {
padding: 12rpx 0;
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
background-color: #ffffff;
width: 241.6rpx;
height: 64.32rpx;
.image_14 {
width: 230rpx;
height: 40rpx;
}
}
.image_12 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 80rpx;
height: 80rpx;
}
}
.group_7 {
margin-top: 20rpx;
.image_15 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
height: 64rpx;
}
.image-wrapper_3 {
margin-right: 20rpx;
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
background-color: #ffffff;
width: 266rpx;
height: 64rpx;
.image_16 {
width: 230rpx;
height: 56rpx;
}
}
}
.equal-division {
margin-right: 20rpx;
margin-top: 28rpx;
.equal-division-item {
padding: 8rpx 0;
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
background-color: #ffffff;
width: 196rpx;
height: 64rpx;
.image_17 {
width: 186rpx;
height: 48rpx;
}
}
.equal-division-item_2 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 200rpx;
height: 64rpx;
}
.equal-division-item_3 {
padding: 10rpx 0;
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
background-color: #ffffff;
width: 208rpx;
height: 64rpx;
.image_18 {
width: 208rpx;
height: 44rpx;
}
}
}
}
.font_2 {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 30.04rpx;
color: #333333;
}
.section_4 {
background-image: linear-gradient(272deg, #5cb56e 0%, #64d63e 100%);
width: 128rpx;
height: 6rpx;
}
}
}
</style>
<script setup lang="ts">
// 洽谈合作
function onCooperationClick() {
Message.alert('洽谈合作功能暂不可用,敬请期待~', '温馨提示')
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group">
<view class="image" />
<view class="codefun-flex-row group_2" />
</view>
<view class="codefun-self-start image_5 mt-17" />
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col section_2">
<image
class="codefun-self-start image_6"
src="/static/images/codefun/a145dedf9912bc641b6d3cfcfaae1f0d.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch text-wrapper mt-13"
>
<text class="font text">主营:生鲜食材、社区便民、当日售完不过夜</text>
</view>
<text class="codefun-self-stretch font text_2 mt-13 indent-md">
钱大妈是华南地区知名的社区生鲜连锁品牌,秉承"不卖隔夜肉"的经营理念,致力于为社区居民提供新鲜、安全的食材。每天19点后开始打折销售,确保所有生鲜商品当日售完。门店深入社区,提供便捷的购物体验。严选优质供应商,建立完善的品质管控体系,从源头把控食材安全。会员体系提供专属折扣和积分回馈,让新鲜食材走进千家万户,打造值得信赖的社区生鲜品牌。
</text>
</view>
<view class="codefun-flex-col section_3">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2">市场服务</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-16 codefun-flex-row">
<view class="codefun-flex-col codefun-items-center equal-division-item section_5">
<image class="image_7" src="/static/images/codefun/1c894d991cb2f0bc70d7b3800e700423.png" />
<text class="codefun-mt-8 font text_3">线上预订自提</text>
</view>
<view class="codefun-ml-10 codefun-flex-col codefun-items-center equal-division-item section_6">
<image class="image_7" src="/static/images/codefun/992b9452dc42a5ce3e7ba8e8331e04b6.png" />
<text class="codefun-mt-8 font text_4">社区门店加盟</text>
</view>
<view class="codefun-ml-10 codefun-flex-col codefun-items-center equal-division-item section_7">
<image class="image_7" src="/static/images/codefun/4c062022080fd91d26f0e788b0c7bcc3.png" />
<text class="codefun-mt-8 font">企业团购</text>
</view>
</view>
</view>
<view class="codefun-flex-col section_8">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2 text_5">合作伙伴</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-12 codefun-flex-col group_4">
<view class="codefun-flex-row">
<image class="image_8" src="/static/images/codefun/3e495e0ba02a944ec68e3f79a3f71920.png" />
<image
class="codefun-ml-30 image_8"
src="/static/images/codefun/53aa6dffcd3fa570a498631722b1dbc2.png"
/>
</view>
<view class="codefun-flex-row codefun-justify-between group_5 mt-9">
<image class="image_8" src="/static/images/codefun/979b55187f885f1b302dd29760bb516b.png" />
<image class="image_8" src="/static/images/codefun/99f963e1a4c7a2505491d2f15e11eea9.png" />
</view>
</view>
</view>
<view
class="codefun-flex-row codefun-justify-center codefun-items-center section_9"
@click="onCooperationClick"
>
<image class="image_9" src="/static/images/codefun/3e23931a51dff8d555bc053a33133be1.png" />
<text class="text_6 ml-9">洽谈合作</text>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-13 {
margin-top: 26rpx;
}
.mt-9 {
margin-top: 18rpx;
}
.ml-9 {
margin-left: 18rpx;
}
page {
background-color: #e6f5e8;
}
.page {
padding-bottom: 140rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.section {
padding: 28rpx 38rpx 382rpx;
background-image: url('/static/images/codefun/ad85a97458671a968e690f0108861184.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding: 0 2rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.group_2 {
margin-right: 16rpx;
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
}
.group_3 {
margin-top: -188rpx;
padding: 0 24rpx 16rpx;
.section_2 {
margin-right: 8rpx;
padding: 38rpx 16rpx 26rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_6 {
width: 236rpx;
height: 72rpx;
}
.text-wrapper {
margin-right: 12rpx;
padding: 16rpx 0;
background-image: linear-gradient(275.2deg, #ff3b3b 0%, #ff8f8f 97.2%);
border-radius: 8rpx;
.text {
margin-left: 20rpx;
color: #ffffff;
line-height: 22.64rpx;
}
}
.text_2 {
line-height: 40rpx;
text-align: justify;
}
}
.section_3 {
margin-right: 8rpx;
margin-top: 24rpx;
padding: 24rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.equal-division-item {
flex: 1 1 200rpx;
.image_7 {
width: 32rpx;
height: 32rpx;
}
.text_3 {
line-height: 22.36rpx;
}
.text_4 {
line-height: 22.4rpx;
}
}
.section_5 {
padding: 28rpx 0;
background-color: #eefaeb;
border-radius: 8rpx;
height: 128rpx;
}
.section_6 {
padding: 28rpx 0;
background-color: #fff3e7;
border-radius: 8rpx;
height: 128rpx;
}
.section_7 {
padding: 28rpx 0;
background-color: #fff3f1;
border-radius: 8rpx;
height: 128rpx;
}
}
.font {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 22.52rpx;
color: #333333;
}
.section_8 {
margin-right: 8rpx;
margin-top: 24rpx;
padding: 28rpx;
background-color: #ffffff;
border-radius: 16.14rpx;
mix-blend-mode: NOTTHROUGH;
.text_5 {
line-height: 29.82rpx;
}
.group_4 {
padding-left: 16rpx;
padding-right: 8rpx;
.image_8 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 242rpx;
height: 64rpx;
}
.group_5 {
padding-left: 72rpx;
}
}
}
.font_2 {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 30.04rpx;
color: #333333;
}
.section_4 {
background-image: linear-gradient(272deg, #5cb56e 0%, #64d63e 100%);
width: 128rpx;
height: 6rpx;
}
.section_9 {
position: fixed;
left: 40rpx;
right: 40rpx;
bottom: 40rpx;
z-index: 1;
padding: 20rpx 0;
background-color: #ff9800;
border-radius: 198rpx;
.image_9 {
width: 30rpx;
height: 30rpx;
}
.text_6 {
color: #ffffff;
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 25.92rpx;
}
}
}
}
</style>
<script>
export default {
components: {},
props: {},
data() {
return {}
},
methods: {},
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group">
<view class="image" />
<view class="codefun-flex-row group_2" />
</view>
<view class="codefun-self-start image_5 mt-17" />
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col section_2">
<image
class="codefun-self-start image_6"
src="/static/images/codefun/d2a84f1b89b07a6933618103d252e7b0.png"
/>
<view
class="codefun-mt-14 codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch text-wrapper"
>
<text class="font text">主营:快消品、生鲜食品、家居日百、即时零售</text>
</view>
<text class="codefun-mt-14 codefun-self-stretch font text_2 indent-md">
小象超市是新零售时代的智能超市品牌,融合线上线下购物体验,为都市人群提供便捷、高效的购物服务。采用先进的智能设备和大数据技术,实现商品精准推荐和库存管理。承诺30分钟极速配送,覆盖周边3公里范围。精选全球优质商品,严格把控品质关。门店配备自助结账系统,提升购物效率。专业采购团队每日精选新鲜食材,确保商品品质。致力于打造智能、便捷、品质的新零售购物体验。
</text>
</view>
<view class="codefun-mt-12 codefun-flex-col section_3">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2">市场服务</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-mt-16 grid">
<view class="codefun-flex-col codefun-items-center grid-item">
<image class="image_7" src="/static/images/codefun/1c894d991cb2f0bc70d7b3800e700423.png" />
<text class="font text_3 mt-7">企业采购</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_2">
<image class="image_7" src="/static/images/codefun/bcef1c15592bbd3c1cea02585ab7df5e.png" />
<text class="codefun-mt-8 font">生鲜直达</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_3">
<image class="image_7" src="/static/images/codefun/4c062022080fd91d26f0e788b0c7bcc3.png" />
<text class="codefun-mt-8 font">品质优选</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_4">
<image class="image_7" src="/static/images/codefun/1fea922d5a84f1606c718ff6f84dd2d5.png" />
<text class="font mt-9">即时配送</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_5">
<image class="image_7" src="/static/images/codefun/992b9452dc42a5ce3e7ba8e8331e04b6.png" />
<text class="font text_4 mt-9">会员专享价</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_6">
<image class="image_7" src="/static/images/codefun/28e6ba6a7044ff17819971d0ee111232.png" />
<text class="font mt-9">预售团购</text>
</view>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_5">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2 text_5">合作伙伴</text>
<view class="codefun-mt-12 section_4" />
</view>
<view class="codefun-flex-col group_4 mt-11">
<view class="codefun-flex-row codefun-justify-between group_5">
<image class="image_8" src="/static/images/codefun/561cbade5e492859310397601e8f681b.png" />
<image
class="image_8 image_9"
src="/static/images/codefun/ca51ef39a15d5c8414c9a427b3c4434b.png"
/>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-relative group_6">
<image class="image_8" src="/static/images/codefun/979b55187f885f1b302dd29760bb516b.png" />
<image class="image_8" src="/static/images/codefun/ecb55b953a8e07a17301bcd12aec591f.png" />
<view class="codefun-flex-row codefun-justify-center codefun-items-center section_6 pos">
<image class="image_10" src="/static/images/codefun/3e23931a51dff8d555bc053a33133be1.png" />
<text class="text_6 ml-9">洽谈合作</text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-7 {
margin-top: 14rpx;
}
.mt-9 {
margin-top: 18rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.ml-9 {
margin-left: 18rpx;
}
page {
background-color: #e6f5e8;
}
.page {
padding-bottom: 140rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.section {
padding: 28rpx 38rpx 382rpx;
background-image: url('/static/images/codefun/d64598e1f76d3e1977d820f8b2f02843.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding: 0 2rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.group_2 {
margin-right: 16rpx;
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
}
.group_3 {
margin-top: -188rpx;
padding: 0 24rpx;
.section_2 {
margin-right: 8rpx;
padding: 34rpx 28rpx 26rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_6 {
width: 236rpx;
height: 72rpx;
}
.text-wrapper {
padding: 16rpx 0;
background-image: linear-gradient(273.7deg, #00c53b 0.1%, #64d63e 99.9%);
border-radius: 8rpx;
.text {
margin-left: 20rpx;
color: #ffffff;
line-height: 22.76rpx;
}
}
.text_2 {
line-height: 40rpx;
text-align: justify;
}
}
.section_3 {
margin-right: 8rpx;
padding: 24rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.grid {
height: 276rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 22rpx;
column-gap: 22rpx;
.grid-item {
padding: 28rpx 0;
background-color: #eefaeb;
border-radius: 8rpx;
.text_3 {
line-height: 22.44rpx;
}
}
.grid-item_2 {
padding: 28rpx 0;
background-color: #eff1ff;
border-radius: 8rpx;
}
.image_7 {
width: 32rpx;
height: 32rpx;
}
.grid-item_3 {
padding: 28rpx 0;
background-color: #fff3f1;
border-radius: 8rpx;
}
.grid-item_4 {
padding: 26rpx 0 32rpx;
background-color: #e8f7f7;
border-radius: 8rpx;
}
.grid-item_5 {
padding: 26rpx 0 32rpx;
background-color: #fff3e7;
border-radius: 8rpx;
.text_4 {
line-height: 22.68rpx;
}
}
.grid-item_6 {
padding: 28rpx 0;
background-color: #faf8ea;
border-radius: 8rpx;
}
}
}
.font {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 22.4rpx;
color: #333333;
}
.section_5 {
margin-right: 8rpx;
padding: 28rpx 20rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 16.14rpx;
mix-blend-mode: NOTTHROUGH;
.text_5 {
line-height: 29.82rpx;
}
.group_4 {
height: 152rpx;
.group_5 {
padding: 0 20rpx;
.image_9 {
margin-right: 60rpx;
}
}
.group_6 {
margin-top: -22rpx;
padding: 46rpx 20rpx 0 84rpx;
.section_6 {
padding: 20rpx 0;
background-color: #ff9800;
border-radius: 198rpx;
.image_10 {
width: 30rpx;
height: 30rpx;
}
.text_6 {
color: #ffffff;
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 25.92rpx;
}
}
.pos {
position: fixed;
left: 40rpx;
right: 40rpx;
bottom: 40rpx;
z-index: 1;
}
}
.image_8 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 242rpx;
height: 64rpx;
}
}
}
.font_2 {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 30.04rpx;
color: #333333;
}
.section_4 {
background-image: linear-gradient(272deg, #5cb56e 0%, #64d63e 100%);
width: 128rpx;
height: 6rpx;
}
}
}
</style>
<script setup lang="ts">
// 洽谈合作
function onCooperationClick() {
Message.alert('洽谈合作功能暂不可用,敬请期待~', '温馨提示')
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col section">
<view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group">
<view class="image" />
<view class="codefun-flex-row group_2" />
</view>
<view class="codefun-self-start image_5 mt-17" />
</view>
<view class="codefun-flex-col codefun-relative group_3">
<view class="codefun-flex-col section_2">
<image
class="codefun-self-start image_6"
src="/static/images/codefun/caae692e5d9b2719072f350f9e1d699f.png"
/>
<view
class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch text-wrapper codefun-mt-14"
>
<text class="font text">主营:优质猪肉、冷鲜配送、全程冷链追溯</text>
</view>
<text class="codefun-self-stretch font text_2 codefun-mt-14 indent-md">
猪司令专注优质猪肉供应链建设,从养殖源头到餐桌全程把控。自建大型养殖基地,采用科学养殖技术,确保猪肉质。建立完善的冷链物流体系,全程温控运输,保证肉品新鲜专业品质检测团队,对每批产品进行严格检验。完善的溯源体系,消费者可追溯产品来源。专业分割团队,提供精细化肉品加工服务。冷鲜保证,确保肉品营养不流失。致力于为消费者提供安全、优质的猪肉产品。
</text>
</view>
<view class="codefun-flex-col section_5 codefun-mt-12">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2">市场服务</text>
<view class="section_4 codefun-mt-12" />
</view>
<view class="grid codefun-mt-16">
<view class="codefun-flex-col codefun-items-center grid-item">
<image class="image_7" src="/static/images/codefun/1c894d991cb2f0bc70d7b3800e700423.png" />
<text class="font codefun-mt-8">源头直采</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_2">
<image class="image_7" src="/static/images/codefun/bcef1c15592bbd3c1cea02585ab7df5e.png" />
<text class="font codefun-mt-8">冷链配送</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_3">
<image class="image_7" src="/static/images/codefun/4c062022080fd91d26f0e788b0c7bcc3.png" />
<text class="font codefun-mt-8">品质检测</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_4">
<image class="image_7" src="/static/images/codefun/1fea922d5a84f1606c718ff6f84dd2d5.png" />
<text class="font codefun-mt-8">专业分割</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_5">
<image class="image_7" src="/static/images/codefun/992b9452dc42a5ce3e7ba8e8331e04b6.png" />
<text class="font mt-9">溯源体系</text>
</view>
<view class="codefun-flex-col codefun-items-center grid-item_6">
<image class="image_7" src="/static/images/codefun/28e6ba6a7044ff17819971d0ee111232.png" />
<text class="font mt-9">冷鲜保证</text>
</view>
</view>
</view>
<view class="codefun-flex-col section_1 codefun-mt-12">
<view class="codefun-flex-col codefun-items-start">
<text class="font_2">合作伙伴</text>
<view class="section_4 codefun-mt-12" />
</view>
<view class="codefun-flex-col codefun-justify-start codefun-relative group_4 mt-11">
<view class="grid_2">
<image class="grid-item_7" src="/static/images/codefun/9f6ba4be744a3b16b7dd8a193b0f9ca4.png" />
<image class="grid-item_7" src="/static/images/codefun/eed469732216e2dea0cf7795a89c53df.png" />
<image class="grid-item_7" src="/static/images/codefun/8a2cc237b5e903c7d5c34d83c6926623.png" />
<image class="grid-item_7" src="/static/images/codefun/1a2b68b0a409518e278ddde35f884806.png" />
</view>
<view
class="codefun-flex-row codefun-justify-center codefun-items-center section_6 pos"
@click="onCooperationClick"
>
<image class="image_8" src="/static/images/codefun/3e23931a51dff8d555bc053a33133be1.png" />
<text class="text_8 ml-9">洽谈合作</text>
</view>
</view>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.mt-9 {
margin-top: 18rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.ml-9 {
margin-left: 18rpx;
}
page {
background-color: #e6f5e8;
}
.page {
padding-bottom: 140rpx;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
.section {
padding: 28rpx 38rpx 382rpx;
background-image: url('/static/images/codefun/b5493813a21cb38af4c6d8314e21b88c.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.group {
padding: 0 2rpx;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.group_2 {
margin-right: 15.34rpx;
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
}
}
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
}
.group_3 {
margin-top: -188rpx;
padding: 0 24rpx;
.section_2 {
margin-right: 8rpx;
padding: 34rpx 17rpx 26rpx 26rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.image_6 {
width: 236rpx;
height: 72rpx;
}
.text-wrapper {
margin-right: 10.68rpx;
padding: 17.94rpx 0 15.42rpx;
background-image: linear-gradient(273.7deg, #217a33 0.1%, #43cf7c 99.9%);
border-radius: 8rpx;
.text {
margin-left: 19.3rpx;
color: #ffffff;
}
}
.text_2 {
margin-left: 2.68rpx;
line-height: 40rpx;
text-align: justify;
}
}
.section_5 {
margin-right: 8rpx;
padding: 22.66rpx 26rpx 28rpx 28rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.grid {
height: 276rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 22rpx;
column-gap: 22rpx;
.grid-item {
padding: 28rpx 0 31.16rpx;
background-color: #eefaeb;
border-radius: 8rpx;
}
.grid-item_2 {
padding: 28rpx 0 31.06rpx;
background-color: #eff1ff;
border-radius: 8rpx;
}
.image_7 {
width: 32rpx;
height: 32rpx;
}
.grid-item_3 {
padding: 28rpx 0 29.52rpx;
background-color: #fff3f1;
border-radius: 8rpx;
}
.grid-item_4 {
padding: 26rpx 0 31.08rpx;
background-color: #e8f7f7;
border-radius: 8rpx;
}
.grid-item_5 {
padding: 26rpx 0 29.46rpx;
background-color: #fff3e7;
border-radius: 8rpx;
}
.grid-item_6 {
padding: 26rpx 0 29.44rpx;
background-color: #faf8ea;
border-radius: 8rpx;
}
}
}
.font {
font-size: 24rpx;
color: #333333;
}
.section_1 {
margin-right: 8rpx;
padding: 26.82rpx 20rpx 21.68rpx 28rpx;
background-color: #ffffff;
border-radius: 16.14rpx;
mix-blend-mode: NOTTHROUGH;
.group_4 {
height: 156.32rpx;
.grid_2 {
padding-left: 30rpx;
padding-right: 28rpx;
height: 156.32rpx;
display: grid;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 30.32rpx;
column-gap: 18rpx;
.grid-item_7 {
filter: drop-shadow(0rpx 4rpx 4rpx #0e421829);
width: 242rpx;
height: 64rpx;
}
}
.section_6 {
padding: 22rpx 0 20rpx;
background-color: #ff9800;
border-radius: 198rpx;
.image_8 {
width: 30rpx;
height: 30rpx;
}
.text_8 {
color: #ffffff;
font-size: 28rpx;
}
}
.pos {
position: fixed;
left: 40rpx;
right: 40rpx;
bottom: 40rpx;
z-index: 1;
}
}
}
.font_2 {
font-size: 32rpx;
color: #333333;
}
.section_4 {
background-image: linear-gradient(272deg, #5cb56e 0%, #64d63e 100%);
width: 128rpx;
height: 6rpx;
}
}
}
</style>
<script setup lang="ts">
// 立即申请
function onApplyClick() {
Message.alert('申请功能暂不可用,敬请期待~', '温馨提示')
}
</script>
<template>
<view class="codefun-flex-col page">
<view class="codefun-flex-col group_2">
<view class="codefun-flex-col group_3">
<view class="codefun-flex-col section_2">
<text class="codefun-self-start font">代理记账政策</text>
<text class="codefun-self-stretch font_2 text_2">
为农场主提供专业、高效的财务管理解决方案,省时省心更省钱
</text>
<view class="codefun-flex-row equal-division">
<view class="codefun-flex-col codefun-items-center section_3 equal-division-item">
<image class="image_6" src="/static/images/codefun/6d0a7c763a538e5bc93fa50d6dd4fc8f.png" />
<view class="codefun-mt-10 group_4">
<text class="font_3 text_3">99元</text>
<text class="font_4 text_4">/月起</text>
</view>
<text class="codefun-mt-10 font_5 text_8">价格低</text>
</view>
<view class="codefun-flex-col codefun-items-center section_3 equal-division-item ml-11">
<image class="image_6" src="/static/images/codefun/3971dc28a5d847e08378fe0687e87cf4.png" />
<view class="group_4 mt-11">
<text class="font_3 text_5">10+</text>
<text class="font_4 text_6">项服务</text>
</view>
<text class="font_5 text_9 mt-11">内容全</text>
</view>
<view class="codefun-flex-col codefun-items-center section_3 equal-division-item ml-11">
<image class="image_6" src="/static/images/codefun/be09c7cafe008e9795f0f6a5df7928d8.png" />
<view class="group_4 mt-11">
<text class="font_3">24</text>
<text class="font_4 text_7">小时响应</text>
</view>
<text class="text_10 mt-11">效率高</text>
</view>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_4">
<text class="codefun-self-start font text_11">郴州市财汇商务咨询有限公司</text>
<text class="codefun-self-stretch font_6 text_12">
州市财汇商务咨询有限公司自2022年成立以来,业务发展迅速,客户群体以政府及公共机构为主。服务涵盖:
</text>
<view class="codefun-flex-col codefun-self-stretch group_5">
<view class="codefun-flex-row group_6">
<view class="codefun-shrink-0 codefun-self-start section_5 view" />
<view class="codefun-flex-1 group_7 ml-7">
<text class="font_2">村集体经济板块</text>
<text class="font_6"><br /></text>
<text class="font_6 text_13">
与资兴农商行、市建行合作,为北湖区、资兴市近200个村集体在“互联网+监督”平台提供代理记账服务
</text>
</view>
</view>
<view class="codefun-mt-8 codefun-flex-row group_8">
<view class="codefun-shrink-0 codefun-self-start section_5 view_2" />
<view class="codefun-flex-1 group_9 ml-7">
<text class="font_2">专项审计板块</text>
<text class="font_6"><br /></text>
<text class="font_6">承接资兴市村干部任期经济审计、市教</text>
<text class="font_6 text_14">科院定期财务内审等</text>
</view>
</view>
<view class="codefun-mt-8 codefun-flex-row">
<view class="codefun-shrink-0 codefun-self-start section_5 view_3" />
<view class="codefun-flex-1 group_10 ml-7">
<text class="font_2">行政事业板块</text>
<text class="font_6 text_16">
<br />
</text>
<text class="font_6 text_15"
>为市委编办、市委组织部等20余家单位提供代理记账、资产盘点等服务</text
>
</view>
</view>
<view class="codefun-mt-8 codefun-flex-row group_11">
<view class="codefun-shrink-0 codefun-self-start section_5 view_4" />
<view class="codefun-flex-1 group_12 ml-7">
<text class="font_2">教育系统板块</text>
<text class="font_6 text_17">
<br />
完成桂阳县48所中小学食堂内审、桂阳一中/二中资产清查、市教育局校车成本核算等项目
</text>
</view>
</view>
</view>
</view>
<view class="codefun-mt-12 codefun-flex-col section_6">
<text class="codefun-self-start font text_18">业务操作流程</text>
<view class="codefun-flex-col codefun-self-stretch section_7 mt-17">
<view class="codefun-flex-row codefun-items-center">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_7">1</text>
</view>
<text class="font_8 text_19 ml-13">村级报账</text>
</view>
<view
class="codefun-flex-row codefun-justify-center codefun-items-start codefun-relative group_13"
>
<view class="section_8 pos_2" />
<text class="font_9 text_20">报账员整理收支凭证,填写电子交接清单</text>
</view>
<view class="codefun-flex-row codefun-items-center group_14">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_7 text_21">2</text>
</view>
<text class="font_8 ml-13">乡镇报审</text>
</view>
<view class="codefun-flex-row group_15">
<view class="codefun-shrink-0 codefun-self-start section_9 view_5" />
<text class="codefun-flex-1 font_6 text_22 ml-27">
提交资料至乡镇审核员,审核通过后打印清单并签字交接
</text>
</view>
<view class="codefun-flex-row codefun-items-center group_16">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_10">3</text>
</view>
<text class="font_8 text_23 ml-13">报账资料传递</text>
</view>
<view class="codefun-flex-row codefun-items-start group_17">
<view class="codefun-shrink-0 section_9 view_6" />
<text class="font_9 text_24 ml-27">乡镇联络员将各村资料定期移交代理记账公司</text>
</view>
<view class="codefun-flex-row codefun-items-center group_18">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_7">4</text>
</view>
<text class="font_8 text_25 ml-13">记账处理</text>
</view>
<view class="codefun-flex-row codefun-justify-between codefun-items-start group_17">
<view class="section_9 view_6" />
<text class="font_9 text_26">记账员处理账务,并及时通知乡镇进行审核</text>
</view>
<view class="codefun-flex-row codefun-items-center group_19">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_7 text_27">5</text>
</view>
<text class="font_8 ml-13">审核处理</text>
</view>
<view class="codefun-flex-row group_20">
<view class="codefun-shrink-0 codefun-self-start section_9 view_7" />
<text class="codefun-flex-1 font_6 text_28 ml-27">
乡镇审核员复核记账凭证(科目、业务、数据),确保无误
</text>
</view>
<view class="codefun-flex-col group_21">
<view class="codefun-flex-row codefun-items-center codefun-self-stretch">
<view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
<text class="font_10">6</text>
</view>
<text class="font_8 text_29 ml-13">档案移交</text>
</view>
<text class="codefun-mt-2 codefun-self-end font_6 text_30">
记账员装订会计档案,移交乡镇存档并办理交接手续
</text>
</view>
</view>
</view>
</view>
<view
class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_2"
@click="onApplyClick"
>
<text class="font_8 text_31">立即申请</text>
</view>
</view>
</view>
</template>
<style scoped lang="scss">
.ml-5 {
margin-left: 10rpx;
}
.mt-23 {
margin-top: 46rpx;
}
.ml-11 {
margin-left: 22rpx;
}
.mt-11 {
margin-top: 22rpx;
}
.ml-7 {
margin-left: 14rpx;
}
.mt-17 {
margin-top: 34rpx;
}
.ml-27 {
margin-left: 54rpx;
}
.ml-13 {
margin-left: 26rpx;
}
.page {
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
.section {
padding: 26rpx 28rpx 36rpx 36rpx;
background-color: #5db66f;
mix-blend-mode: NOTTHROUGH;
.image {
border-radius: 64rpx;
width: 108rpx;
height: 42rpx;
}
.image_2 {
mix-blend-mode: NOTTHROUGH;
width: 34rpx;
height: 22rpx;
}
.image_3 {
mix-blend-mode: NOTTHROUGH;
width: 30rpx;
height: 22rpx;
}
.image_4 {
width: 48rpx;
height: 22rpx;
}
.group {
padding: 0 6rpx;
.image_5 {
mix-blend-mode: NOTTHROUGH;
width: 14rpx;
height: 26rpx;
}
.pos {
position: absolute;
left: 6rpx;
top: 50%;
transform: translateY(-50%);
}
.text {
color: #ffffffe6;
line-height: 29.64rpx;
}
}
}
.group_2 {
padding: 0 28rpx 36rpx;
.group_3 {
padding: 28rpx 0 36rpx;
.section_2 {
padding: 32rpx 24rpx 24rpx;
background-color: #ffffff;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
.text_2 {
margin-top: 24rpx;
color: #666666;
}
.equal-division {
align-self: stretch;
margin-top: 20rpx;
.section_3 {
flex: 1 1 200.54rpx;
.image_6 {
width: 48rpx;
height: 48rpx;
}
.group_4 {
line-height: 24rpx;
.font_3 {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 24rpx;
color: #5db66f;
}
.text_3 {
line-height: 27.24rpx;
}
.font_4 {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 24rpx;
color: #5db66f;
}
.text_4 {
line-height: 24.52rpx;
}
.text_5 {
line-height: 24.44rpx;
}
.text_6 {
line-height: 22.34rpx;
}
.text_7 {
line-height: 22.7rpx;
}
}
.font_5 {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 24rpx;
color: #999999;
}
.text_8 {
line-height: 22.32rpx;
}
.text_9 {
line-height: 22.32rpx;
}
.text_10 {
color: #999999;
font-size: 24rpx;
font-family: HarmonyOSSansSC;
line-height: 22.32rpx;
}
}
.equal-division-item {
padding: 16rpx 0;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
backdrop-filter: blur(4rpx);
height: 178rpx;
border-left: solid 2rpx #ffffff;
border-right: solid 2rpx #ffffff;
border-top: solid 2rpx #ffffff;
border-bottom: solid 2rpx #ffffff;
}
}
}
.section_4 {
padding: 36rpx 12rpx 24rpx 24rpx;
background-color: #ffffff;
border-radius: 11.76rpx;
mix-blend-mode: NOTTHROUGH;
.text_11 {
line-height: 30.2rpx;
}
.text_12 {
margin-top: 28rpx;
text-align: justify;
}
.group_5 {
margin-top: 16rpx;
.group_6 {
margin-right: 12rpx;
.view {
margin-top: 16rpx;
}
.group_7 {
height: 121.14rpx;
.text_13 {
text-align: justify;
}
}
}
.group_8 {
margin-right: 12rpx;
.view_2 {
margin-top: 12rpx;
}
.group_9 {
height: 121.18rpx;
.text_14 {
text-align: justify;
}
}
}
.section_5 {
background-color: #5db66f;
border-radius: 19998rpx;
width: 16rpx;
height: 16rpx;
}
.view_3 {
margin-top: 8rpx;
}
.group_10 {
height: 119.4rpx;
.text_16 {
color: #000000;
}
.text_15 {
text-align: justify;
}
}
.group_11 {
margin-right: 12rpx;
.view_4 {
margin-top: 12rpx;
}
.group_12 {
height: 119.62rpx;
.text_17 {
text-align: justify;
}
}
}
}
}
.font_2 {
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 40rpx;
color: #5db66f;
}
.section_6 {
padding: 40rpx 24rpx 24rpx;
background-color: #ffffff;
border-radius: 23.98rpx;
mix-blend-mode: NOTTHROUGH;
.text_18 {
line-height: 29.8rpx;
}
.section_7 {
padding: 20rpx 16rpx 20rpx 22rpx;
background-color: #f9fafb;
border-radius: 16rpx;
mix-blend-mode: NOTTHROUGH;
backdrop-filter: blur(4rpx);
border-left: solid 2rpx #ffffff;
border-right: solid 2rpx #ffffff;
border-top: solid 2rpx #ffffff;
border-bottom: solid 2rpx #ffffff;
.text-wrapper {
padding: 20rpx 0;
background-color: #5db66f;
border-radius: 19998rpx;
width: 60rpx;
height: 60rpx;
.font_7 {
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 20.64rpx;
color: #ffffff;
}
.text_21 {
line-height: 21rpx;
}
.font_10 {
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 21.4rpx;
color: #ffffff;
}
.text_27 {
line-height: 21.02rpx;
}
}
.text_19 {
line-height: 26.24rpx;
}
.group_13 {
margin-top: 12rpx;
padding: 0 30rpx 20rpx;
.section_8 {
background-color: #5db66f;
width: 2rpx;
height: 32rpx;
}
.pos_2 {
position: absolute;
left: 30rpx;
bottom: 0;
}
.text_20 {
line-height: 22.76rpx;
}
}
.group_14 {
margin-top: 24rpx;
}
.group_15 {
margin: 4rpx 4rpx 0 32rpx;
.view_5 {
margin-top: 32rpx;
}
.text_22 {
text-align: justify;
}
}
.group_16 {
margin-top: 20rpx;
.text_23 {
line-height: 26.3rpx;
}
}
.group_17 {
margin-top: 12rpx;
padding: 0 32rpx;
.view_6 {
margin-top: 12rpx;
}
.text_24 {
line-height: 22.48rpx;
}
.text_26 {
margin-right: 28rpx;
line-height: 22.7rpx;
}
}
.section_9 {
background-color: #5db66f;
width: 1.74rpx;
height: 32rpx;
}
.font_9 {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 24rpx;
color: #666666;
}
.group_18 {
margin-top: 24rpx;
.text_25 {
line-height: 26.1rpx;
}
}
.group_19 {
margin-top: 24rpx;
}
.group_20 {
margin-left: 32rpx;
margin-right: 4rpx;
.view_7 {
margin-top: 32rpx;
}
.text_28 {
text-align: justify;
}
}
.group_21 {
margin-right: 4rpx;
margin-top: 24rpx;
.text_29 {
line-height: 26.44rpx;
}
.text_30 {
text-align: justify;
width: 512rpx;
}
}
}
}
.font_6 {
font-size: 24rpx;
font-family: SourceHanSansCN;
line-height: 40rpx;
color: #666666;
}
}
.text-wrapper_2 {
margin: 0 24rpx;
padding: 24rpx 0;
background-color: #ff9800;
border-radius: 198rpx;
.text_31 {
color: #ffffff;
line-height: 25.92rpx;
}
}
.font_8 {
font-size: 28rpx;
font-family: SourceHanSansCN;
line-height: 26.34rpx;
color: #333333;
}
}
.font {
font-size: 32rpx;
font-family: SourceHanSansCN;
line-height: 30.02rpx;
color: #333333;
}
}
</style>
......@@ -227,7 +227,7 @@
function getServiceItems() {
HomeAPI.zoneList({
pageNo: 1,
pageSize: 4,
pageSize: 5,
status: 1,
type: 3,
}).then((res) => {
......@@ -247,7 +247,7 @@
'/pages/nongchang/nongchang',
'/pages/fuwu/fuwu',
'/pages/chanxiao/chanxiao',
'/pages/agencyBookkeeping/index'
'/pages/agencyBookkeeping/index',
]
if (tabbarKeyWords.includes(item.jump_target)) {
uni.switchTab({
......
......@@ -483,7 +483,7 @@
function toNewsDetail(item) {
uni.navigateTo({
url: '/pages/news/detail?id=' + item.id,
url: `/pages/news/detail?id=${item.id}`,
})
}
......@@ -659,6 +659,7 @@
:vertical="true"
:indicator-dots="false"
class="codefun-flex-row codefun-justify-between codefun-items-center section_6 warn-scroll"
v-if="pageData.warnings.length"
>
<swiper-item
id="scroll-view-content"
......
.fui-empty__wrap[data-v-9aa99706]{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fui-empty__fixed[data-v-9aa99706]{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:99}.fui-empty__title[data-v-9aa99706]{text-align:center;font-weight:500;padding-top:1.5rem}.fui-empty__desc[data-v-9aa99706]{text-align:center;font-weight:400;padding-top:.25rem}.fui-empty__title-color[data-v-9aa99706]{color:var(--fui-color-section, #333333)!important}.fui-empty__descr-color[data-v-9aa99706]{color:var(--fui-color-label, #B2B2B2)!important}@font-face{font-family:fuiFont;src:url(../../assets/fui-icon.9165208c.ttf) format("truetype")}.fui-icon[data-v-e638a4a4]{font-family:fuiFont;text-decoration:none;text-align:center}.fui-icon__color[data-v-e638a4a4]{color:var(--fui-color-section, #333333)!important}.fui-icon__active-color[data-v-e638a4a4]{color:var(--fui-color-primary, #465CFF)!important}.fui-fab__mask[data-v-2b069d33]{position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;visibility:hidden;transition-property:visibility,opacity;transition-duration:.25s}.fui-fab__mask-show[data-v-2b069d33]{opacity:1;visibility:visible}.fui-fab__btn-wrap[data-v-2b069d33]{display:flex;flex-direction:column;justify-content:center;position:fixed;bottom:3.75rem}.fui-fab__wrap-left[data-v-2b069d33]{align-items:flex-start;left:2.5rem}.fui-fab__wrap-right[data-v-2b069d33]{align-items:flex-end;right:2.5rem}.fui-fab__btn-list[data-v-2b069d33]{display:flex;visibility:hidden;transition:all .25s ease-in-out;transform:scale3d(0,0,1);opacity:0;flex-direction:column}.fui-fab__list-left[data-v-2b069d33]{transform-origin:0 100%;align-items:flex-start}.fui-fab__list-right[data-v-2b069d33]{transform-origin:100% 100%;align-items:flex-end}.fui-fab__btn-hidden[data-v-2b069d33]{width:0;height:0}.fui-fab__list-ani[data-v-2b069d33]{opacity:1;transform:scaleZ(1);visibility:visible}.fui-fab__button-box[data-v-2b069d33]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-bottom:1rem;position:relative}.fui-fab__button-left[data-v-2b069d33]{flex-direction:row-reverse;justify-content:flex-start}.fui-fab__button-right[data-v-2b069d33]{flex-direction:row;justify-content:flex-end}.fui-fab__btn-text[data-v-2b069d33]{box-sizing:border-box;padding-left:.75rem;padding-right:.75rem;font-weight:400}.fui-fab__button[data-v-2b069d33]{display:flex;border-radius:50%;flex-direction:row;align-items:center;justify-content:center}.fui-fab__btn-abbr[data-v-2b069d33]{text-align:center;font-weight:400}.fui-fab__btn-main[data-v-2b069d33]{display:flex;border-radius:50%;box-shadow:0 .3125rem .4375rem rgba(0,0,0,.1);align-items:center;justify-content:center;transform:rotate(0);overflow:hidden;position:relative}.fui-fab__btn-inner[data-v-2b069d33]{display:flex;transform:rotate(0);transition:transform .25s;align-items:center;justify-content:center}.fui-fab__btn-ani[data-v-2b069d33]{transform:rotate(135deg)}.fui-fab__btn-color[data-v-2b069d33]{background:var(--fui-color-primary, #465CFF)!important}.fui-fab__opentype-btn[data-v-2b069d33]{position:absolute;left:0;right:0;top:0;bottom:0;border-width:0;background-color:rgba(0,0,0,0);opacity:0;z-index:1}.fui-fab__opentype-btn[data-v-2b069d33]:after{border-width:0}.fui-loading[data-v-ddf82ce1]{display:flex;margin:0 auto;flex-direction:row;align-items:center;justify-content:center}.fui-loading__fixed[data-v-ddf82ce1]{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1008}.fui-loading__wrap[data-v-ddf82ce1]{width:6.5rem;height:6.5rem;flex-direction:column;border-radius:.375rem}.fui-loading__ani[data-v-ddf82ce1]{width:2rem;height:2rem;margin:0 6px;animation:rotate-ddf82ce1 .85s linear infinite;margin-bottom:.9375rem}.fui-loading__row[data-v-ddf82ce1]{flex:1;width:100%;height:1.125rem}.fui-loading-row__ani[data-v-ddf82ce1]{width:1.125rem;height:1.125rem;display:block;border-radius:50%;animation:rotate-ddf82ce1 .85s linear infinite;margin-right:.625rem}.fui-loading__text[data-v-ddf82ce1]{text-align:center}@keyframes rotate-ddf82ce1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fui-loading__mask[data-v-ddf82ce1]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1002}.fui-input__wrap[data-v-12acf1fe]{width:100%;box-sizing:border-box;display:flex;flex-direction:row;flex:1;align-items:center;position:relative;border-width:0}.fui-input__border-top[data-v-12acf1fe]{position:absolute;top:0;height:1px;transform:scaleY(.5);transform-origin:0 0;z-index:1}.fui-input__border-bottom[data-v-12acf1fe]{position:absolute;bottom:0;height:1px;transform:scaleY(.5) translateZ(0);transform-origin:0 100%;z-index:1}.fui-input__required[data-v-12acf1fe]{position:absolute;left:.375rem;height:.9375rem;top:50%;transform:translateY(-50%);line-height:1.15}.fui-input__label[data-v-12acf1fe]{padding-right:.375rem;flex-shrink:0}.fui-input__self[data-v-12acf1fe]{flex:1;padding-right:.375rem;box-sizing:border-box;overflow:visible;background-color:transparent}.fui-input__clear-wrap[data-v-12acf1fe]{width:1rem;height:1rem;transform:rotate(45deg) scale(1.1);position:relative;border-radius:50%;flex-shrink:0}.fui-input__clear[data-v-12acf1fe]{width:1rem;height:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;left:0;top:0;transform:scale(.5) translateZ(0)}.fui-input__clear-a[data-v-12acf1fe]{width:1rem;border:.0625rem solid #fff;background-color:#fff;box-sizing:border-box}.fui-input__clear-b[data-v-12acf1fe]{height:1rem;border:.0625rem solid #fff;background-color:#fff;box-sizing:border-box}.fui-input__placeholder[data-v-12acf1fe]{color:var(--fui-color-minor, #ccc);overflow:visible}.fui-input__disabled[data-v-12acf1fe]{pointer-events:none}.fui-input__border[data-v-12acf1fe]{position:absolute;height:200%;width:200%;border:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scale(.5);left:0;top:0;border-radius:.5rem;pointer-events:none}.fui-input__bordercolor[data-v-12acf1fe]{border-color:var(--fui-color-border, #EEEEEE)!important}.fui-input__background[data-v-12acf1fe]{background:var(--fui-color-border, #EEEEEE)!important}.fui-input__text-left[data-v-12acf1fe]{text-align:left}.fui-input__text-right[data-v-12acf1fe]{text-align:right}.fui-input__text-center[data-v-12acf1fe]{text-align:center}.fui-input__disabled-styl[data-v-12acf1fe]{opacity:.6}.fui-textarea__wrap[data-v-21792c33]{width:100%;box-sizing:border-box;display:flex;flex-direction:row;flex:1;align-items:center;position:relative;border-width:0}.fui-textarea__flex-start[data-v-21792c33]{align-items:flex-start!important}.fui-textarea__border-top[data-v-21792c33]{position:absolute;top:0;height:1px;transform:scaleY(.5);transform-origin:0 0;z-index:1}.fui-textarea__border-bottom[data-v-21792c33]{position:absolute;bottom:0;height:1px;transform:scaleY(.5);transform-origin:0 100%;z-index:1}.fui-textarea__required[data-v-21792c33]{position:absolute;left:.375rem;height:.9375rem;top:50%;transform:translateY(-50%);line-height:1.15}.fui-required__flex-start[data-v-21792c33]{transform:translateY(0)}.fui-textarea__label[data-v-21792c33]{padding-right:.375rem;flex-shrink:0}.fui-textarea__self[data-v-21792c33]{flex:1;width:100%;overflow:visible;box-sizing:border-box}.fui-textarea-placeholder[data-v-21792c33]{color:var(--fui-color-minor, #ccc);overflow:visible}.fui-textarea__border[data-v-21792c33]{border-radius:.125rem;position:relative;position:absolute;height:200%;width:200%;border:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scale(.5);left:0;top:0;border-radius:.25rem;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fui-textarea__bordercolor[data-v-21792c33]{border-color:var(--fui-color-border, #EEEEEE)!important}.fui-textarea__background[data-v-21792c33]{background:var(--fui-color-border, #EEEEEE)!important}.fui-textarea__flex-1[data-v-21792c33]{flex:1}.fui-textarea__counter[data-v-21792c33]{width:100%;padding-top:.25rem;text-align:right}.fui-text__right[data-v-21792c33]{text-align:right}.fui-textarea__disabled-styl[data-v-21792c33]{opacity:.6}.fui-button__wrap[data-v-68aadcb5]{position:relative;background:transparent!important;flex-direction:row}.fui-button[data-v-68aadcb5]{border-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;position:relative;padding-left:0;padding-right:0;overflow:hidden;transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fui-button__thin-border[data-v-68aadcb5]{position:absolute;width:200%;height:200%;transform-origin:0 0;transform:scale(.5) translateZ(0);box-sizing:border-box;left:0;top:0;border-radius:1rem;border-style:solid;pointer-events:none}.fui-button__flex-1[data-v-68aadcb5]{flex:1;width:100%}.fui-button[data-v-68aadcb5]:after{border:0}.fui-button__active[data-v-68aadcb5]{overflow:hidden!important}.fui-button__active[data-v-68aadcb5]:after{content:" ";background-color:var(--fui-bg-color-hover, rgba(0, 0, 0, .2));position:absolute;width:100%;height:100%;left:0;right:0;top:0;transform:none;z-index:2;border-radius:0}.fui-button__text[data-v-68aadcb5]{text-align:center;flex-direction:row;align-items:center;justify-content:center!important;padding-left:0!important}.fui-button__opacity[data-v-68aadcb5]{opacity:.5}.fui-text__bold[data-v-68aadcb5]{font-weight:700}.fui-button__link[data-v-68aadcb5]{border-color:transparent!important;background-color:transparent!important}.fui-button__primary[data-v-68aadcb5]{border-color:var(--fui-color-primary, #465CFF)!important;background:var(--fui-color-primary, #465CFF)!important}.fui-button__success[data-v-68aadcb5]{border-color:var(--fui-color-success, #09BE4F)!important;background:var(--fui-color-success, #09BE4F)!important}.fui-button__warning[data-v-68aadcb5]{border-color:var(--fui-color-warning, #FFB703)!important;background:var(--fui-color-warning, #FFB703)!important}.fui-button__danger[data-v-68aadcb5]{border-color:var(--fui-color-danger, #FF2B2B)!important;background:var(--fui-color-danger, #FF2B2B)!important}.fui-button__purple[data-v-68aadcb5]{border-color:var(--fui-color-purple, #6831FF)!important;background:var(--fui-color-purple, #6831FF)!important}.fui-button__gray[data-v-68aadcb5]{border-color:var(--fui-bg-color-content, #F8F8F8)!important;background:var(--fui-bg-color-content, #F8F8F8)!important;color:var(--fui-color-primary, #465CFF)!important}.fui-btn__gray-color[data-v-68aadcb5]{color:var(--fui-color-primary, #465CFF)!important}.fui-form__wrap[data-v-c5ab99ec]{width:100%;box-sizing:border-box;flex:1;position:relative}.fui-form__msg-wrap[data-v-c5ab99ec]{padding:.75rem;position:fixed;z-index:900;text-align:center;box-sizing:border-box;display:flex;word-break:break-all;align-items:center;justify-content:center;opacity:0;transform:translate3d(0,-100%,0);visibility:hidden;transition-property:all;transition-duration:.25s;transition-delay:0s;transition-timing-function:ease-in-out}.fui-form__msg-bg[data-v-c5ab99ec]{background:var(--fui-color-danger, #FF2B2B)!important}.fui-form__text[data-v-c5ab99ec]{text-align:center}.fui-form__msg-show[data-v-c5ab99ec]{visibility:visible;transform:translateZ(0);opacity:1}.fui-form__mask[data-v-c5ab99ec]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:99}.fui-dialog__wrap[data-v-ab900f11]{position:fixed;z-index:996;top:0;right:0;left:0;bottom:0;transition-property:all;transition-timing-function:ease-in;transition-duration:.2s;display:flex;transform:scaleZ(0);visibility:hidden;align-items:center;justify-content:center;opacity:0}.fui-dialog__inner[data-v-ab900f11]{width:21.25rem;text-align:center;overflow:hidden;display:flex;max-height:90%;flex-direction:column}.fui-dialog__title[data-v-ab900f11]{padding:2rem 1.5rem 0;font-weight:700;font-size:1.0625rem;text-align:center}.fui-dialog__body[data-v-ab900f11]{padding:1rem 1.5rem;margin-bottom:1rem;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.fui-dialog__descr[data-v-ab900f11]{font-size:.9375rem;font-weight:400;text-align:center}.fui-dialog__mtop[data-v-ab900f11]{margin-top:1rem}.fui-dialog__footer[data-v-ab900f11]{display:flex;flex-direction:row;position:relative;line-height:3.5rem;height:3.5rem}.fui-dialog__footer[data-v-ab900f11]:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scaleY(.5)}.fui-dialog__btn[data-v-ab900f11]{display:block;text-decoration:none;flex:1;height:3.5rem;line-height:3.5rem;font-weight:700;position:relative;font-size:1.0625rem;text-align:center}.fui-dialog__btn[data-v-ab900f11]:active{background-color:var(--fui-bg-color-hover, rgba(0, 0, 0, .2))}.fui-dialog__btn[data-v-ab900f11]:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scaleX(.5)}.fui-dialog__btn-first[data-v-ab900f11]:after{width:0;border-left:0!important}.fui-wrap__show[data-v-ab900f11]{opacity:1;transform:scaleZ(1);visibility:visible}[data-v-3cdfd8f2] .fui-dialog__body{background:linear-gradient(0deg,rgba(93,182,111,0),rgba(93,182,111,.25));margin:0}[data-v-3cdfd8f2] .fui-dialog__footer{display:none}[data-v-3cdfd8f2] .fui-input{margin-top:1.25rem}.ml-7[data-v-fe362ab6]{margin-left:.4375rem}.ml-55[data-v-fe362ab6]{margin-left:3.4375rem}.ml-5[data-v-fe362ab6]{margin-left:.3125rem}.mt-11[data-v-fe362ab6]{margin-top:.6875rem}.mt-5[data-v-fe362ab6]{margin-top:.3125rem}.page[data-v-fe362ab6]{background-color:#e6f5e8;mix-blend-mode:NOTTHROUGH;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:1rem}.page .section[data-v-fe362ab6]{padding:.875rem .875rem .25rem;background-image:url(../../static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png);background-size:100% 100%;background-repeat:no-repeat}.page .section .group[data-v-fe362ab6]{padding-left:.5rem}.page .section .group .image[data-v-fe362ab6]{border-radius:2rem;width:3.375rem;height:1.3125rem}.page .section .group .image_2[data-v-fe362ab6]{mix-blend-mode:NOTTHROUGH;width:1.0625rem;height:.6875rem}.page .section .group .image_3[data-v-fe362ab6]{mix-blend-mode:NOTTHROUGH;width:.9375rem;height:.6875rem}.page .section .group .image_4[data-v-fe362ab6]{width:1.5rem;height:.6875rem}.page .section .text[data-v-fe362ab6]{color:rgba(255,255,255,.9);font-size:1rem;font-family:DingTalk Sans;line-height:.92813rem}.page .section .image_5[data-v-fe362ab6]{width:92.5333vw;height:37.3333vw}.page .section .section_2[data-v-fe362ab6]{flex:1 1 3.25rem;background-color:#5db66f!important;border-radius:624.9375rem;mix-blend-mode:NOTTHROUGH}.page .section .section_2 .text-wrapper_2[data-v-fe362ab6]{overflow:hidden;width:1.75rem}.page .section .section_2 .text-wrapper_2 .text_2[data-v-fe362ab6]{color:#fff;line-height:.81313rem}.page .section .text-wrapper[data-v-fe362ab6]{flex:1 1 3.25rem;padding:.75rem 0 .625rem;background-color:#fff;border-radius:624.9375rem;mix-blend-mode:NOTTHROUGH;height:2.25rem}.page .section .text-wrapper .text_3[data-v-fe362ab6]{line-height:.805rem}.page .section .text-wrapper .text_4[data-v-fe362ab6]{line-height:.80438rem}.page .section .text-wrapper .text_5[data-v-fe362ab6]{line-height:.81313rem}.page .section .text-wrapper .text_6[data-v-fe362ab6]{line-height:.81375rem}.page .section .text-wrapper .text_7[data-v-fe362ab6]{line-height:.8025rem}.page .section_3[data-v-fe362ab6]{margin:.625rem .875rem 0;padding-bottom:.25rem;background-color:rgba(255,255,255,.4);border-radius:1rem;border-left:solid .0625rem rgba(255,255,255,.8);border-right:solid .0625rem rgba(255,255,255,.8);border-top:solid .0625rem rgba(255,255,255,.8);border-bottom:solid .0625rem rgba(255,255,255,.8)}.page .section_3 .section_50p[data-v-fe362ab6]{flex:0 0 50%;padding:.75rem 0 1.625rem}.page .section_3 .text-wrapper_3[data-v-fe362ab6]{background-color:#fff;border-radius:1rem}.page .section_3 .text-wrapper_3 .text_8[data-v-fe362ab6]{color:#333;line-height:.81313rem}.page .section_3 .text_9[data-v-fe362ab6]{margin-top:.625rem;color:#5db66f;line-height:.81813rem}.page .font[data-v-fe362ab6]{font-size:.875rem;font-family:DingTalk Sans;line-height:.76375rem;color:#1f2937}.page .section_4[data-v-fe362ab6]{margin:-1.375rem .875rem 0;padding:.375rem .75rem .625rem;background-color:#fff;border-radius:.68125rem;mix-blend-mode:NOTTHROUGH}.page .section_4 .image_7[data-v-fe362ab6]{width:100%;height:100%}.page .section_4 .section_5[data-v-fe362ab6]{padding:.5rem .625rem .25rem;background-color:#fff7ec;border-radius:.5rem;mix-blend-mode:NOTTHROUGH}.page .section_4 .section_5 .image_6[data-v-fe362ab6]{width:.8125rem;height:1rem}.page .section_4 .section_5 .text_10[data-v-fe362ab6]{color:#ff8d1a;line-height:1.25rem}.page .section_4 .group_2[data-v-fe362ab6]{margin-top:.75rem}.page .section_4 .group_2 .section_6[data-v-fe362ab6]{background-color:#f9fafb;border-radius:.25rem;width:5rem;height:5rem}.page .section_4 .group_2 .section_6 .text-wrapper_4[data-v-fe362ab6]{padding:.25rem 0;background-image:linear-gradient(90deg,#fb6c26,#f2130d);border-radius:0 .25rem .25rem 0;mix-blend-mode:NOTTHROUGH;width:2rem}.page .section_4 .group_2 .section_6 .text-wrapper_4 .text_11[data-v-fe362ab6]{line-height:.57688rem}.page .section_4 .group_2 .section_6 .pos[data-v-fe362ab6]{position:absolute;left:0;top:.25rem}.page .section_4 .group_2 .group_3[data-v-fe362ab6]{margin-top:.5rem}.page .section_4 .group_2 .group_3 .text_13[data-v-fe362ab6]{line-height:.69063rem}.page .section_4 .group_2 .group_3 .text_14[data-v-fe362ab6]{line-height:.695rem}.page .section_4 .group_2 .group_4[data-v-fe362ab6]{margin-left:.25rem;margin-top:1.125rem;line-height:.76375rem}.page .section_4 .group_2 .group_4 .text_15[data-v-fe362ab6]{line-height:.54063rem}.page .section_4 .group_2 .group_4 .text_16[data-v-fe362ab6]{line-height:.7575rem}.page .section_4 .font_2[data-v-fe362ab6]{font-size:.75rem;font-family:DingTalk Sans;line-height:.70063rem;color:#999}.page .section_4 .group_5[data-v-fe362ab6]{margin-top:.25rem}.page .section_4 .divider[data-v-fe362ab6]{margin-top:.625rem;background-color:#eee;height:.0625rem}.page .section_4 .group_6[data-v-fe362ab6]{margin-top:.5625rem}.page .section_4 .group_6 .group_7[data-v-fe362ab6]{margin-top:.5rem}.page .section_4 .group_6 .group_7 .text_19[data-v-fe362ab6]{line-height:.69063rem}.page .section_4 .group_6 .group_7 .text_20[data-v-fe362ab6]{line-height:.69625rem}.page .section_4 .group_6 .group_8[data-v-fe362ab6]{margin-left:.25rem;margin-top:1.125rem;line-height:.76375rem}.page .section_4 .group_6 .group_8 .text_21[data-v-fe362ab6]{line-height:.54063rem}.page .section_4 .group_6 .group_8 .text_22[data-v-fe362ab6]{line-height:.7575rem}.page .section_4 .font_4[data-v-fe362ab6]{font-size:1rem;font-family:DingTalk Sans;line-height:1.25rem;color:#333}.page .section_4 .image_8[data-v-fe362ab6]{width:.75rem;height:.75rem}.page .section_4 .image_9[data-v-fe362ab6]{width:.6875rem;height:.8125rem}.page .section_4 .font_6[data-v-fe362ab6]{font-size:.75rem;font-family:DingTalk Sans;line-height:.57625rem;font-weight:700;color:#f2130d}.page .section_4 .font_5[data-v-fe362ab6]{font-size:1rem;font-family:DingTalk Sans;line-height:.76375rem;color:#f2130d}.page .section_4 .font_7[data-v-fe362ab6]{font-size:.75rem;font-family:DingTalk Sans;line-height:.76375rem;color:#999}.page .section_4 .group_9[data-v-fe362ab6]{margin-top:.25rem}.page .section_4 .image_10[data-v-fe362ab6]{width:2.5rem;height:.9375rem}.page .section_4 .font_8[data-v-fe362ab6]{font-size:.625rem;font-family:DingTalk Sans;color:#999}.page .section_4 .text-wrapper_5[data-v-fe362ab6]{padding:.375rem 0;background-color:#5db66f;border-radius:12.5rem;mix-blend-mode:NOTTHROUGH;width:4.25rem;height:1.5rem}.page .section_4 .text-wrapper_5 .font_9[data-v-fe362ab6]{font-size:.75rem;font-family:DingTalk Sans;line-height:.70063rem;color:#fff}.page .section_4 .group_10[data-v-fe362ab6]{margin-top:0;padding:.9375rem 0;border-bottom:solid .0625rem #eeeeee}.page .section_4 .group_10 .section_7[data-v-fe362ab6]{padding:.9375rem 0 .5rem;background-color:#f9fafb;border-radius:.25rem;width:5rem;height:5rem}.page .section_4 .group_10 .section_7 .image_12[data-v-fe362ab6]{width:4.75rem;height:3.5625rem}.page .section_4 .group_10 .section_7 .text-wrapper_6[data-v-fe362ab6]{padding:.25rem 0;background-color:#ffb700;border-radius:0 .25rem .25rem 0;mix-blend-mode:NOTTHROUGH;width:2rem}.page .section_4 .group_10 .section_7 .text-wrapper_6 .text_25[data-v-fe362ab6]{line-height:.58188rem}.page .section_4 .group_10 .section_7 .pos_2[data-v-fe362ab6]{position:absolute;left:0;top:.5rem}.page .section_4 .group_10 .group_11[data-v-fe362ab6]{margin-top:.5rem}.page .section_4 .group_10 .group_11 .text_24[data-v-fe362ab6]{line-height:.94625rem}.page .section_4 .group_10 .group_11 .text_26[data-v-fe362ab6]{line-height:.71625rem}.page .section_4 .group_10 .group_11 .text_27[data-v-fe362ab6]{line-height:.70188rem}.page .section_4 .font_3[data-v-fe362ab6]{font-size:.625rem;font-family:DingTalk Sans;line-height:.57625rem;color:#fff}.page .section_4 .group_12[data-v-fe362ab6]{margin-top:.5625rem}.page .section_4 .group_12 .view[data-v-fe362ab6]{margin-bottom:.25rem}.page .section_4 .group_12 .group_13[data-v-fe362ab6]{margin-top:.5rem}.page .section_4 .group_12 .group_13 .text_29[data-v-fe362ab6]{line-height:.69063rem}.page .section_4 .group_12 .group_13 .text_30[data-v-fe362ab6]{line-height:.70188rem}.page .section_4 .group_12 .group_14[data-v-fe362ab6]{margin-left:.25rem;margin-top:.875rem}.page .section_4 .group_12 .group_14 .text_31[data-v-fe362ab6]{margin-left:.625rem;margin-right:-3.25rem;color:#f2130d;line-height:1.25rem}.page .section_4 .group_12 .group_14 .text_32[data-v-fe362ab6]{line-height:1.25rem;position:relative;left:-.75rem}.page .section_4 .image-wrapper[data-v-fe362ab6]{padding:.9375rem 0 .625rem;background-color:#f9fafb;border-radius:.25rem;width:5rem;height:5rem}.page .section_4 .image-wrapper .image_11[data-v-fe362ab6]{width:3.5625rem;height:3.4375rem}.page .section_4 .text_33[data-v-fe362ab6]{line-height:.58125rem}.page .equal-division[data-v-fe362ab6]{margin-top:1.25rem}.page .equal-division .group_15[data-v-fe362ab6]{flex:1 1 4.58563rem}.page .equal-division .group_15 .image_13[data-v-fe362ab6]{width:1rem;height:1rem}.page .equal-division .group_15 .font_10[data-v-fe362ab6]{font-size:.625rem;font-family:DingTalk Sans;line-height:.57625rem;color:#666}.page .equal-division .equal-division-item[data-v-fe362ab6]{padding:.375rem 0}.page .section_8[data-v-fe362ab6]{padding:.375rem .25rem;background-color:#fff;mix-blend-mode:NOTTHROUGH;border-top:solid .03125rem #e7e7e7}
.fui-empty__wrap[data-v-9aa99706] {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.fui-empty__fixed[data-v-9aa99706] {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
.fui-empty__title[data-v-9aa99706] {
text-align: center;
font-weight: 500;
padding-top: 1.5rem;
}
.fui-empty__desc[data-v-9aa99706] {
text-align: center;
font-weight: 400;
padding-top: 0.25rem;
}
.fui-empty__title-color[data-v-9aa99706] {
color: var(--fui-color-section, #333333) !important;
}
.fui-empty__descr-color[data-v-9aa99706] {
color: var(--fui-color-label, #b2b2b2) !important;
}
@font-face {
font-family: fuiFont;
src: url(/static/images/codefun/fui-icon.9165208c.ttf) format('truetype');
}
.fui-icon[data-v-e638a4a4] {
font-family: fuiFont;
text-decoration: none;
text-align: center;
}
.fui-icon__color[data-v-e638a4a4] {
color: var(--fui-color-section, #333333) !important;
}
.fui-icon__active-color[data-v-e638a4a4] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-fab__mask[data-v-2b069d33] {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition-property: visibility, opacity;
transition-duration: 0.25s;
}
.fui-fab__mask-show[data-v-2b069d33] {
opacity: 1;
visibility: visible;
}
.fui-fab__btn-wrap[data-v-2b069d33] {
display: flex;
flex-direction: column;
justify-content: center;
position: fixed;
bottom: 3.75rem;
}
.fui-fab__wrap-left[data-v-2b069d33] {
align-items: flex-start;
left: 2.5rem;
}
.fui-fab__wrap-right[data-v-2b069d33] {
align-items: flex-end;
right: 2.5rem;
}
.fui-fab__btn-list[data-v-2b069d33] {
display: flex;
visibility: hidden;
transition: all 0.25s ease-in-out;
transform: scale3d(0, 0, 1);
opacity: 0;
flex-direction: column;
}
.fui-fab__list-left[data-v-2b069d33] {
transform-origin: 0 100%;
align-items: flex-start;
}
.fui-fab__list-right[data-v-2b069d33] {
transform-origin: 100% 100%;
align-items: flex-end;
}
.fui-fab__btn-hidden[data-v-2b069d33] {
width: 0;
height: 0;
}
.fui-fab__list-ani[data-v-2b069d33] {
opacity: 1;
transform: scaleZ(1);
visibility: visible;
}
.fui-fab__button-box[data-v-2b069d33] {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-bottom: 1rem;
position: relative;
}
.fui-fab__button-left[data-v-2b069d33] {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fui-fab__button-right[data-v-2b069d33] {
flex-direction: row;
justify-content: flex-end;
}
.fui-fab__btn-text[data-v-2b069d33] {
box-sizing: border-box;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-weight: 400;
}
.fui-fab__button[data-v-2b069d33] {
display: flex;
border-radius: 50%;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fui-fab__btn-abbr[data-v-2b069d33] {
text-align: center;
font-weight: 400;
}
.fui-fab__btn-main[data-v-2b069d33] {
display: flex;
border-radius: 50%;
box-shadow: 0 0.3125rem 0.4375rem rgba(0, 0, 0, 0.1);
align-items: center;
justify-content: center;
transform: rotate(0);
overflow: hidden;
position: relative;
}
.fui-fab__btn-inner[data-v-2b069d33] {
display: flex;
transform: rotate(0);
transition: transform 0.25s;
align-items: center;
justify-content: center;
}
.fui-fab__btn-ani[data-v-2b069d33] {
transform: rotate(135deg);
}
.fui-fab__btn-color[data-v-2b069d33] {
background: var(--fui-color-primary, #465cff) !important;
}
.fui-fab__opentype-btn[data-v-2b069d33] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-width: 0;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
z-index: 1;
}
.fui-fab__opentype-btn[data-v-2b069d33]:after {
border-width: 0;
}
.fui-loading[data-v-ddf82ce1] {
display: flex;
margin: 0 auto;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fui-loading__fixed[data-v-ddf82ce1] {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1008;
}
.fui-loading__wrap[data-v-ddf82ce1] {
width: 6.5rem;
height: 6.5rem;
flex-direction: column;
border-radius: 0.375rem;
}
.fui-loading__ani[data-v-ddf82ce1] {
width: 2rem;
height: 2rem;
margin: 0 6px;
animation: rotate-ddf82ce1 0.85s linear infinite;
margin-bottom: 0.9375rem;
}
.fui-loading__row[data-v-ddf82ce1] {
flex: 1;
width: 100%;
height: 1.125rem;
}
.fui-loading-row__ani[data-v-ddf82ce1] {
width: 1.125rem;
height: 1.125rem;
display: block;
border-radius: 50%;
animation: rotate-ddf82ce1 0.85s linear infinite;
margin-right: 0.625rem;
}
.fui-loading__text[data-v-ddf82ce1] {
text-align: center;
}
@keyframes rotate-ddf82ce1 {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.fui-loading__mask[data-v-ddf82ce1] {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1002;
}
.fui-input__wrap[data-v-12acf1fe] {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex: 1;
align-items: center;
position: relative;
border-width: 0;
}
.fui-input__border-top[data-v-12acf1fe] {
position: absolute;
top: 0;
height: 1px;
transform: scaleY(0.5);
transform-origin: 0 0;
z-index: 1;
}
.fui-input__border-bottom[data-v-12acf1fe] {
position: absolute;
bottom: 0;
height: 1px;
transform: scaleY(0.5) translateZ(0);
transform-origin: 0 100%;
z-index: 1;
}
.fui-input__required[data-v-12acf1fe] {
position: absolute;
left: 0.375rem;
height: 0.9375rem;
top: 50%;
transform: translateY(-50%);
line-height: 1.15;
}
.fui-input__label[data-v-12acf1fe] {
padding-right: 0.375rem;
flex-shrink: 0;
}
.fui-input__self[data-v-12acf1fe] {
flex: 1;
padding-right: 0.375rem;
box-sizing: border-box;
overflow: visible;
background-color: transparent;
}
.fui-input__clear-wrap[data-v-12acf1fe] {
width: 1rem;
height: 1rem;
transform: rotate(45deg) scale(1.1);
position: relative;
border-radius: 50%;
flex-shrink: 0;
}
.fui-input__clear[data-v-12acf1fe] {
width: 1rem;
height: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
transform: scale(0.5) translateZ(0);
}
.fui-input__clear-a[data-v-12acf1fe] {
width: 1rem;
border: 0.0625rem solid #fff;
background-color: #fff;
box-sizing: border-box;
}
.fui-input__clear-b[data-v-12acf1fe] {
height: 1rem;
border: 0.0625rem solid #fff;
background-color: #fff;
box-sizing: border-box;
}
.fui-input__placeholder[data-v-12acf1fe] {
color: var(--fui-color-minor, #ccc);
overflow: visible;
}
.fui-input__disabled[data-v-12acf1fe] {
pointer-events: none;
}
.fui-input__border[data-v-12acf1fe] {
position: absolute;
height: 200%;
width: 200%;
border: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scale(0.5);
left: 0;
top: 0;
border-radius: 0.5rem;
pointer-events: none;
}
.fui-input__bordercolor[data-v-12acf1fe] {
border-color: var(--fui-color-border, #eeeeee) !important;
}
.fui-input__background[data-v-12acf1fe] {
background: var(--fui-color-border, #eeeeee) !important;
}
.fui-input__text-left[data-v-12acf1fe] {
text-align: left;
}
.fui-input__text-right[data-v-12acf1fe] {
text-align: right;
}
.fui-input__text-center[data-v-12acf1fe] {
text-align: center;
}
.fui-input__disabled-styl[data-v-12acf1fe] {
opacity: 0.6;
}
.fui-textarea__wrap[data-v-21792c33] {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex: 1;
align-items: center;
position: relative;
border-width: 0;
}
.fui-textarea__flex-start[data-v-21792c33] {
align-items: flex-start !important;
}
.fui-textarea__border-top[data-v-21792c33] {
position: absolute;
top: 0;
height: 1px;
transform: scaleY(0.5);
transform-origin: 0 0;
z-index: 1;
}
.fui-textarea__border-bottom[data-v-21792c33] {
position: absolute;
bottom: 0;
height: 1px;
transform: scaleY(0.5);
transform-origin: 0 100%;
z-index: 1;
}
.fui-textarea__required[data-v-21792c33] {
position: absolute;
left: 0.375rem;
height: 0.9375rem;
top: 50%;
transform: translateY(-50%);
line-height: 1.15;
}
.fui-required__flex-start[data-v-21792c33] {
transform: translateY(0);
}
.fui-textarea__label[data-v-21792c33] {
padding-right: 0.375rem;
flex-shrink: 0;
}
.fui-textarea__self[data-v-21792c33] {
flex: 1;
width: 100%;
overflow: visible;
box-sizing: border-box;
}
.fui-textarea-placeholder[data-v-21792c33] {
color: var(--fui-color-minor, #ccc);
overflow: visible;
}
.fui-textarea__border[data-v-21792c33] {
border-radius: 0.125rem;
position: relative;
position: absolute;
height: 200%;
width: 200%;
border: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scale(0.5);
left: 0;
top: 0;
border-radius: 0.25rem;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fui-textarea__bordercolor[data-v-21792c33] {
border-color: var(--fui-color-border, #eeeeee) !important;
}
.fui-textarea__background[data-v-21792c33] {
background: var(--fui-color-border, #eeeeee) !important;
}
.fui-textarea__flex-1[data-v-21792c33] {
flex: 1;
}
.fui-textarea__counter[data-v-21792c33] {
width: 100%;
padding-top: 0.25rem;
text-align: right;
}
.fui-text__right[data-v-21792c33] {
text-align: right;
}
.fui-textarea__disabled-styl[data-v-21792c33] {
opacity: 0.6;
}
.fui-button__wrap[data-v-68aadcb5] {
position: relative;
background: transparent !important;
flex-direction: row;
}
.fui-button[data-v-68aadcb5] {
border-width: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border-style: solid;
position: relative;
padding-left: 0;
padding-right: 0;
overflow: hidden;
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fui-button__thin-border[data-v-68aadcb5] {
position: absolute;
width: 200%;
height: 200%;
transform-origin: 0 0;
transform: scale(0.5) translateZ(0);
box-sizing: border-box;
left: 0;
top: 0;
border-radius: 1rem;
border-style: solid;
pointer-events: none;
}
.fui-button__flex-1[data-v-68aadcb5] {
flex: 1;
width: 100%;
}
.fui-button[data-v-68aadcb5]:after {
border: 0;
}
.fui-button__active[data-v-68aadcb5] {
overflow: hidden !important;
}
.fui-button__active[data-v-68aadcb5]:after {
content: ' ';
background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
transform: none;
z-index: 2;
border-radius: 0;
}
.fui-button__text[data-v-68aadcb5] {
text-align: center;
flex-direction: row;
align-items: center;
justify-content: center !important;
padding-left: 0 !important;
}
.fui-button__opacity[data-v-68aadcb5] {
opacity: 0.5;
}
.fui-text__bold[data-v-68aadcb5] {
font-weight: 700;
}
.fui-button__link[data-v-68aadcb5] {
border-color: transparent !important;
background-color: transparent !important;
}
.fui-button__primary[data-v-68aadcb5] {
border-color: var(--fui-color-primary, #465cff) !important;
background: var(--fui-color-primary, #465cff) !important;
}
.fui-button__success[data-v-68aadcb5] {
border-color: var(--fui-color-success, #09be4f) !important;
background: var(--fui-color-success, #09be4f) !important;
}
.fui-button__warning[data-v-68aadcb5] {
border-color: var(--fui-color-warning, #ffb703) !important;
background: var(--fui-color-warning, #ffb703) !important;
}
.fui-button__danger[data-v-68aadcb5] {
border-color: var(--fui-color-danger, #ff2b2b) !important;
background: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-button__purple[data-v-68aadcb5] {
border-color: var(--fui-color-purple, #6831ff) !important;
background: var(--fui-color-purple, #6831ff) !important;
}
.fui-button__gray[data-v-68aadcb5] {
border-color: var(--fui-bg-color-content, #f8f8f8) !important;
background: var(--fui-bg-color-content, #f8f8f8) !important;
color: var(--fui-color-primary, #465cff) !important;
}
.fui-btn__gray-color[data-v-68aadcb5] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-form__wrap[data-v-c5ab99ec] {
width: 100%;
box-sizing: border-box;
flex: 1;
position: relative;
}
.fui-form__msg-wrap[data-v-c5ab99ec] {
padding: 0.75rem;
position: fixed;
z-index: 900;
text-align: center;
box-sizing: border-box;
display: flex;
word-break: break-all;
align-items: center;
justify-content: center;
opacity: 0;
transform: translate3d(0, -100%, 0);
visibility: hidden;
transition-property: all;
transition-duration: 0.25s;
transition-delay: 0s;
transition-timing-function: ease-in-out;
}
.fui-form__msg-bg[data-v-c5ab99ec] {
background: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-form__text[data-v-c5ab99ec] {
text-align: center;
}
.fui-form__msg-show[data-v-c5ab99ec] {
visibility: visible;
transform: translateZ(0);
opacity: 1;
}
.fui-form__mask[data-v-c5ab99ec] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
z-index: 99;
}
.fui-dialog__wrap[data-v-ab900f11] {
position: fixed;
z-index: 996;
top: 0;
right: 0;
left: 0;
bottom: 0;
transition-property: all;
transition-timing-function: ease-in;
transition-duration: 0.2s;
display: flex;
transform: scaleZ(0);
visibility: hidden;
align-items: center;
justify-content: center;
opacity: 0;
}
.fui-dialog__inner[data-v-ab900f11] {
width: 21.25rem;
text-align: center;
overflow: hidden;
display: flex;
max-height: 90%;
flex-direction: column;
}
.fui-dialog__title[data-v-ab900f11] {
padding: 2rem 1.5rem 0;
font-weight: 700;
font-size: 1.0625rem;
text-align: center;
}
.fui-dialog__body[data-v-ab900f11] {
padding: 1rem 1.5rem;
margin-bottom: 1rem;
word-break: break-all;
-webkit-hyphens: auto;
hyphens: auto;
}
.fui-dialog__descr[data-v-ab900f11] {
font-size: 0.9375rem;
font-weight: 400;
text-align: center;
}
.fui-dialog__mtop[data-v-ab900f11] {
margin-top: 1rem;
}
.fui-dialog__footer[data-v-ab900f11] {
display: flex;
flex-direction: row;
position: relative;
line-height: 3.5rem;
height: 3.5rem;
}
.fui-dialog__footer[data-v-ab900f11]:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scaleY(0.5);
}
.fui-dialog__btn[data-v-ab900f11] {
display: block;
text-decoration: none;
flex: 1;
height: 3.5rem;
line-height: 3.5rem;
font-weight: 700;
position: relative;
font-size: 1.0625rem;
text-align: center;
}
.fui-dialog__btn[data-v-ab900f11]:active {
background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
}
.fui-dialog__btn[data-v-ab900f11]:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scaleX(0.5);
}
.fui-dialog__btn-first[data-v-ab900f11]:after {
width: 0;
border-left: 0 !important;
}
.fui-wrap__show[data-v-ab900f11] {
opacity: 1;
transform: scaleZ(1);
visibility: visible;
}
[data-v-3cdfd8f2] .fui-dialog__body {
background: linear-gradient(0deg, rgba(93, 182, 111, 0), rgba(93, 182, 111, 0.25));
margin: 0;
}
[data-v-3cdfd8f2] .fui-dialog__footer {
display: none;
}
[data-v-3cdfd8f2] .fui-input {
margin-top: 1.25rem;
}
.ml-7[data-v-fe362ab6] {
margin-left: 0.4375rem;
}
.ml-55[data-v-fe362ab6] {
margin-left: 3.4375rem;
}
.ml-5[data-v-fe362ab6] {
margin-left: 0.3125rem;
}
.mt-11[data-v-fe362ab6] {
margin-top: 0.6875rem;
}
.mt-5[data-v-fe362ab6] {
margin-top: 0.3125rem;
}
.page[data-v-fe362ab6] {
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 1rem;
}
.page .section[data-v-fe362ab6] {
padding: 0.875rem 0.875rem 0.25rem;
background-image: url(../../static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.page .section .group[data-v-fe362ab6] {
padding-left: 0.5rem;
}
.page .section .group .image[data-v-fe362ab6] {
border-radius: 2rem;
width: 3.375rem;
height: 1.3125rem;
}
.page .section .group .image_2[data-v-fe362ab6] {
mix-blend-mode: NOTTHROUGH;
width: 1.0625rem;
height: 0.6875rem;
}
.page .section .group .image_3[data-v-fe362ab6] {
mix-blend-mode: NOTTHROUGH;
width: 0.9375rem;
height: 0.6875rem;
}
.page .section .group .image_4[data-v-fe362ab6] {
width: 1.5rem;
height: 0.6875rem;
}
.page .section .text[data-v-fe362ab6] {
color: rgba(255, 255, 255, 0.9);
font-size: 1rem;
font-family: DingTalk Sans;
line-height: 0.92813rem;
}
.page .section .image_5[data-v-fe362ab6] {
width: 92.5333vw;
height: 37.3333vw;
}
.page .section .section_2[data-v-fe362ab6] {
flex: 1 1 3.25rem;
background-color: #5db66f !important;
border-radius: 624.9375rem;
mix-blend-mode: NOTTHROUGH;
}
.page .section .section_2 .text-wrapper_2[data-v-fe362ab6] {
overflow: hidden;
width: 1.75rem;
}
.page .section .section_2 .text-wrapper_2 .text_2[data-v-fe362ab6] {
color: #fff;
line-height: 0.81313rem;
}
.page .section .text-wrapper[data-v-fe362ab6] {
flex: 1 1 3.25rem;
padding: 0.75rem 0 0.625rem;
background-color: #fff;
border-radius: 624.9375rem;
mix-blend-mode: NOTTHROUGH;
height: 2.25rem;
}
.page .section .text-wrapper .text_3[data-v-fe362ab6] {
line-height: 0.805rem;
}
.page .section .text-wrapper .text_4[data-v-fe362ab6] {
line-height: 0.80438rem;
}
.page .section .text-wrapper .text_5[data-v-fe362ab6] {
line-height: 0.81313rem;
}
.page .section .text-wrapper .text_6[data-v-fe362ab6] {
line-height: 0.81375rem;
}
.page .section .text-wrapper .text_7[data-v-fe362ab6] {
line-height: 0.8025rem;
}
.page .section_3[data-v-fe362ab6] {
margin: 0.625rem 0.875rem 0;
padding-bottom: 0.25rem;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 1rem;
border-left: solid 0.0625rem rgba(255, 255, 255, 0.8);
border-right: solid 0.0625rem rgba(255, 255, 255, 0.8);
border-top: solid 0.0625rem rgba(255, 255, 255, 0.8);
border-bottom: solid 0.0625rem rgba(255, 255, 255, 0.8);
}
.page .section_3 .section_50p[data-v-fe362ab6] {
flex: 0 0 50%;
padding: 0.75rem 0 1.625rem;
}
.page .section_3 .text-wrapper_3[data-v-fe362ab6] {
background-color: #fff;
border-radius: 1rem;
}
.page .section_3 .text-wrapper_3 .text_8[data-v-fe362ab6] {
color: #333;
line-height: 0.81313rem;
}
.page .section_3 .text_9[data-v-fe362ab6] {
margin-top: 0.625rem;
color: #5db66f;
line-height: 0.81813rem;
}
.page .font[data-v-fe362ab6] {
font-size: 0.875rem;
font-family: DingTalk Sans;
line-height: 0.76375rem;
color: #1f2937;
}
.page .section_4[data-v-fe362ab6] {
margin: -1.375rem 0.875rem 0;
padding: 0.375rem 0.75rem 0.625rem;
background-color: #fff;
border-radius: 0.68125rem;
mix-blend-mode: NOTTHROUGH;
}
.page .section_4 .image_7[data-v-fe362ab6] {
width: 100%;
height: 100%;
}
.page .section_4 .section_5[data-v-fe362ab6] {
padding: 0.5rem 0.625rem 0.25rem;
background-color: #fff7ec;
border-radius: 0.5rem;
mix-blend-mode: NOTTHROUGH;
}
.page .section_4 .section_5 .image_6[data-v-fe362ab6] {
width: 0.8125rem;
height: 1rem;
}
.page .section_4 .section_5 .text_10[data-v-fe362ab6] {
color: #ff8d1a;
line-height: 1.25rem;
}
.page .section_4 .group_2[data-v-fe362ab6] {
margin-top: 0.75rem;
}
.page .section_4 .group_2 .section_6[data-v-fe362ab6] {
background-color: #f9fafb;
border-radius: 0.25rem;
width: 5rem;
height: 5rem;
}
.page .section_4 .group_2 .section_6 .text-wrapper_4[data-v-fe362ab6] {
padding: 0.25rem 0;
background-image: linear-gradient(90deg, #fb6c26, #f2130d);
border-radius: 0 0.25rem 0.25rem 0;
mix-blend-mode: NOTTHROUGH;
width: 2rem;
}
.page .section_4 .group_2 .section_6 .text-wrapper_4 .text_11[data-v-fe362ab6] {
line-height: 0.57688rem;
}
.page .section_4 .group_2 .section_6 .pos[data-v-fe362ab6] {
position: absolute;
left: 0;
top: 0.25rem;
}
.page .section_4 .group_2 .group_3[data-v-fe362ab6] {
margin-top: 0.5rem;
}
.page .section_4 .group_2 .group_3 .text_13[data-v-fe362ab6] {
line-height: 0.69063rem;
}
.page .section_4 .group_2 .group_3 .text_14[data-v-fe362ab6] {
line-height: 0.695rem;
}
.page .section_4 .group_2 .group_4[data-v-fe362ab6] {
margin-left: 0.25rem;
margin-top: 1.125rem;
line-height: 0.76375rem;
}
.page .section_4 .group_2 .group_4 .text_15[data-v-fe362ab6] {
line-height: 0.54063rem;
}
.page .section_4 .group_2 .group_4 .text_16[data-v-fe362ab6] {
line-height: 0.7575rem;
}
.page .section_4 .font_2[data-v-fe362ab6] {
font-size: 0.75rem;
font-family: DingTalk Sans;
line-height: 0.70063rem;
color: #999;
}
.page .section_4 .group_5[data-v-fe362ab6] {
margin-top: 0.25rem;
}
.page .section_4 .divider[data-v-fe362ab6] {
margin-top: 0.625rem;
background-color: #eee;
height: 0.0625rem;
}
.page .section_4 .group_6[data-v-fe362ab6] {
margin-top: 0.5625rem;
}
.page .section_4 .group_6 .group_7[data-v-fe362ab6] {
margin-top: 0.5rem;
}
.page .section_4 .group_6 .group_7 .text_19[data-v-fe362ab6] {
line-height: 0.69063rem;
}
.page .section_4 .group_6 .group_7 .text_20[data-v-fe362ab6] {
line-height: 0.69625rem;
}
.page .section_4 .group_6 .group_8[data-v-fe362ab6] {
margin-left: 0.25rem;
margin-top: 1.125rem;
line-height: 0.76375rem;
}
.page .section_4 .group_6 .group_8 .text_21[data-v-fe362ab6] {
line-height: 0.54063rem;
}
.page .section_4 .group_6 .group_8 .text_22[data-v-fe362ab6] {
line-height: 0.7575rem;
}
.page .section_4 .font_4[data-v-fe362ab6] {
font-size: 1rem;
font-family: DingTalk Sans;
line-height: 1.25rem;
color: #333;
}
.page .section_4 .image_8[data-v-fe362ab6] {
width: 0.75rem;
height: 0.75rem;
}
.page .section_4 .image_9[data-v-fe362ab6] {
width: 0.6875rem;
height: 0.8125rem;
}
.page .section_4 .font_6[data-v-fe362ab6] {
font-size: 0.75rem;
font-family: DingTalk Sans;
line-height: 0.57625rem;
font-weight: 700;
color: #f2130d;
}
.page .section_4 .font_5[data-v-fe362ab6] {
font-size: 1rem;
font-family: DingTalk Sans;
line-height: 0.76375rem;
color: #f2130d;
}
.page .section_4 .font_7[data-v-fe362ab6] {
font-size: 0.75rem;
font-family: DingTalk Sans;
line-height: 0.76375rem;
color: #999;
}
.page .section_4 .group_9[data-v-fe362ab6] {
margin-top: 0.25rem;
}
.page .section_4 .image_10[data-v-fe362ab6] {
width: 2.5rem;
height: 0.9375rem;
}
.page .section_4 .font_8[data-v-fe362ab6] {
font-size: 0.625rem;
font-family: DingTalk Sans;
color: #999;
}
.page .section_4 .text-wrapper_5[data-v-fe362ab6] {
padding: 0.375rem 0;
background-color: #5db66f;
border-radius: 12.5rem;
mix-blend-mode: NOTTHROUGH;
width: 4.25rem;
height: 1.5rem;
}
.page .section_4 .text-wrapper_5 .font_9[data-v-fe362ab6] {
font-size: 0.75rem;
font-family: DingTalk Sans;
line-height: 0.70063rem;
color: #fff;
}
.page .section_4 .group_10[data-v-fe362ab6] {
margin-top: 0;
padding: 0.9375rem 0;
border-bottom: solid 0.0625rem #eeeeee;
}
.page .section_4 .group_10 .section_7[data-v-fe362ab6] {
padding: 0.9375rem 0 0.5rem;
background-color: #f9fafb;
border-radius: 0.25rem;
width: 5rem;
height: 5rem;
}
.page .section_4 .group_10 .section_7 .image_12[data-v-fe362ab6] {
width: 4.75rem;
height: 3.5625rem;
}
.page .section_4 .group_10 .section_7 .text-wrapper_6[data-v-fe362ab6] {
padding: 0.25rem 0;
background-color: #ffb700;
border-radius: 0 0.25rem 0.25rem 0;
mix-blend-mode: NOTTHROUGH;
width: 2rem;
}
.page .section_4 .group_10 .section_7 .text-wrapper_6 .text_25[data-v-fe362ab6] {
line-height: 0.58188rem;
}
.page .section_4 .group_10 .section_7 .pos_2[data-v-fe362ab6] {
position: absolute;
left: 0;
top: 0.5rem;
}
.page .section_4 .group_10 .group_11[data-v-fe362ab6] {
margin-top: 0.5rem;
}
.page .section_4 .group_10 .group_11 .text_24[data-v-fe362ab6] {
line-height: 0.94625rem;
}
.page .section_4 .group_10 .group_11 .text_26[data-v-fe362ab6] {
line-height: 0.71625rem;
}
.page .section_4 .group_10 .group_11 .text_27[data-v-fe362ab6] {
line-height: 0.70188rem;
}
.page .section_4 .font_3[data-v-fe362ab6] {
font-size: 0.625rem;
font-family: DingTalk Sans;
line-height: 0.57625rem;
color: #fff;
}
.page .section_4 .group_12[data-v-fe362ab6] {
margin-top: 0.5625rem;
}
.page .section_4 .group_12 .view[data-v-fe362ab6] {
margin-bottom: 0.25rem;
}
.page .section_4 .group_12 .group_13[data-v-fe362ab6] {
margin-top: 0.5rem;
}
.page .section_4 .group_12 .group_13 .text_29[data-v-fe362ab6] {
line-height: 0.69063rem;
}
.page .section_4 .group_12 .group_13 .text_30[data-v-fe362ab6] {
line-height: 0.70188rem;
}
.page .section_4 .group_12 .group_14[data-v-fe362ab6] {
margin-left: 0.25rem;
margin-top: 0.875rem;
}
.page .section_4 .group_12 .group_14 .text_31[data-v-fe362ab6] {
margin-left: 0.625rem;
margin-right: -3.25rem;
color: #f2130d;
line-height: 1.25rem;
}
.page .section_4 .group_12 .group_14 .text_32[data-v-fe362ab6] {
line-height: 1.25rem;
position: relative;
left: -0.75rem;
}
.page .section_4 .image-wrapper[data-v-fe362ab6] {
padding: 0.9375rem 0 0.625rem;
background-color: #f9fafb;
border-radius: 0.25rem;
width: 5rem;
height: 5rem;
}
.page .section_4 .image-wrapper .image_11[data-v-fe362ab6] {
width: 3.5625rem;
height: 3.4375rem;
}
.page .section_4 .text_33[data-v-fe362ab6] {
line-height: 0.58125rem;
}
.page .equal-division[data-v-fe362ab6] {
margin-top: 1.25rem;
}
.page .equal-division .group_15[data-v-fe362ab6] {
flex: 1 1 4.58563rem;
}
.page .equal-division .group_15 .image_13[data-v-fe362ab6] {
width: 1rem;
height: 1rem;
}
.page .equal-division .group_15 .font_10[data-v-fe362ab6] {
font-size: 0.625rem;
font-family: DingTalk Sans;
line-height: 0.57625rem;
color: #666;
}
.page .equal-division .equal-division-item[data-v-fe362ab6] {
padding: 0.375rem 0;
}
.page .section_8[data-v-fe362ab6] {
padding: 0.375rem 0.25rem;
background-color: #fff;
mix-blend-mode: NOTTHROUGH;
border-top: solid 0.03125rem #e7e7e7;
}
.icon[data-v-b54b087c]{width:var(--d6a1df82);height:var(--d6a1df82);color:var(--005406e5)}.fui-avatar__wrap[data-v-37ed2fcf]{position:relative;display:inline-flex;overflow:hidden;flex-shrink:0;z-index:3;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle}.fui-avatar__img[data-v-37ed2fcf]{flex:1;display:block;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.fui-avatar__text[data-v-37ed2fcf]{flex:1;display:block;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;text-align:center}.fui-avatar__size-small[data-v-37ed2fcf]{width:2rem!important;height:2rem!important}.fui-avatar__text-small[data-v-37ed2fcf]{font-size:1rem!important}.fui-avatar__size-middle[data-v-37ed2fcf]{width:3rem!important;height:3rem!important}.fui-avatar__text-middle[data-v-37ed2fcf]{font-size:1.375rem!important}.fui-avatar__size-large[data-v-37ed2fcf]{width:4rem!important;height:4rem!important}.fui-avatar__text-large[data-v-37ed2fcf]{font-size:1.75rem!important}.fui-avatar__circle[data-v-37ed2fcf]{border-radius:50%!important}.fui-avatar__square[data-v-37ed2fcf]{border-radius:.25rem!important}.fui-divider__wrap[data-v-632a34eb]{width:100%;display:flex;box-sizing:border-box;text-align:center;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}.fui-divider__line[data-v-632a34eb]{height:1px;transform:scaleY(.5) translateZ(0);flex:1}.fui-divider__text-box[data-v-632a34eb]{position:relative;text-align:center;padding:0 .25rem;z-index:1;display:flex;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center}.fui-divider__text[data-v-632a34eb]{padding:0 .3125rem}.uniui-cart-filled[data-v-190f5902]:before{content:"\e6d0"}.uniui-gift-filled[data-v-190f5902]:before{content:"\e6c4"}.uniui-color[data-v-190f5902]:before{content:"\e6cf"}.uniui-wallet[data-v-190f5902]:before{content:"\e6b1"}.uniui-settings-filled[data-v-190f5902]:before{content:"\e6ce"}.uniui-auth-filled[data-v-190f5902]:before{content:"\e6cc"}.uniui-shop-filled[data-v-190f5902]:before{content:"\e6cd"}.uniui-staff-filled[data-v-190f5902]:before{content:"\e6cb"}.uniui-vip-filled[data-v-190f5902]:before{content:"\e6c6"}.uniui-plus-filled[data-v-190f5902]:before{content:"\e6c7"}.uniui-folder-add-filled[data-v-190f5902]:before{content:"\e6c8"}.uniui-color-filled[data-v-190f5902]:before{content:"\e6c9"}.uniui-tune-filled[data-v-190f5902]:before{content:"\e6ca"}.uniui-calendar-filled[data-v-190f5902]:before{content:"\e6c0"}.uniui-notification-filled[data-v-190f5902]:before{content:"\e6c1"}.uniui-wallet-filled[data-v-190f5902]:before{content:"\e6c2"}.uniui-medal-filled[data-v-190f5902]:before{content:"\e6c3"}.uniui-fire-filled[data-v-190f5902]:before{content:"\e6c5"}.uniui-refreshempty[data-v-190f5902]:before{content:"\e6bf"}.uniui-location-filled[data-v-190f5902]:before{content:"\e6af"}.uniui-person-filled[data-v-190f5902]:before{content:"\e69d"}.uniui-personadd-filled[data-v-190f5902]:before{content:"\e698"}.uniui-arrowthinleft[data-v-190f5902]:before{content:"\e6d2"}.uniui-arrowthinup[data-v-190f5902]:before{content:"\e6d3"}.uniui-arrowthindown[data-v-190f5902]:before{content:"\e6d4"}.uniui-back[data-v-190f5902]:before{content:"\e6b9"}.uniui-forward[data-v-190f5902]:before{content:"\e6ba"}.uniui-arrow-right[data-v-190f5902]:before{content:"\e6bb"}.uniui-arrow-left[data-v-190f5902]:before{content:"\e6bc"}.uniui-arrow-up[data-v-190f5902]:before{content:"\e6bd"}.uniui-arrow-down[data-v-190f5902]:before{content:"\e6be"}.uniui-arrowthinright[data-v-190f5902]:before{content:"\e6d1"}.uniui-down[data-v-190f5902]:before{content:"\e6b8"}.uniui-bottom[data-v-190f5902]:before{content:"\e6b8"}.uniui-arrowright[data-v-190f5902]:before{content:"\e6d5"}.uniui-right[data-v-190f5902]:before{content:"\e6b5"}.uniui-up[data-v-190f5902]:before{content:"\e6b6"}.uniui-top[data-v-190f5902]:before{content:"\e6b6"}.uniui-left[data-v-190f5902]:before{content:"\e6b7"}.uniui-arrowup[data-v-190f5902]:before{content:"\e6d6"}.uniui-eye[data-v-190f5902]:before{content:"\e651"}.uniui-eye-filled[data-v-190f5902]:before{content:"\e66a"}.uniui-eye-slash[data-v-190f5902]:before{content:"\e6b3"}.uniui-eye-slash-filled[data-v-190f5902]:before{content:"\e6b4"}.uniui-info-filled[data-v-190f5902]:before{content:"\e649"}.uniui-reload[data-v-190f5902]:before{content:"\e6b2"}.uniui-micoff-filled[data-v-190f5902]:before{content:"\e6b0"}.uniui-map-pin-ellipse[data-v-190f5902]:before{content:"\e6ac"}.uniui-map-pin[data-v-190f5902]:before{content:"\e6ad"}.uniui-location[data-v-190f5902]:before{content:"\e6ae"}.uniui-starhalf[data-v-190f5902]:before{content:"\e683"}.uniui-star[data-v-190f5902]:before{content:"\e688"}.uniui-star-filled[data-v-190f5902]:before{content:"\e68f"}.uniui-calendar[data-v-190f5902]:before{content:"\e6a0"}.uniui-fire[data-v-190f5902]:before{content:"\e6a1"}.uniui-medal[data-v-190f5902]:before{content:"\e6a2"}.uniui-font[data-v-190f5902]:before{content:"\e6a3"}.uniui-gift[data-v-190f5902]:before{content:"\e6a4"}.uniui-link[data-v-190f5902]:before{content:"\e6a5"}.uniui-notification[data-v-190f5902]:before{content:"\e6a6"}.uniui-staff[data-v-190f5902]:before{content:"\e6a7"}.uniui-vip[data-v-190f5902]:before{content:"\e6a8"}.uniui-folder-add[data-v-190f5902]:before{content:"\e6a9"}.uniui-tune[data-v-190f5902]:before{content:"\e6aa"}.uniui-auth[data-v-190f5902]:before{content:"\e6ab"}.uniui-person[data-v-190f5902]:before{content:"\e699"}.uniui-email-filled[data-v-190f5902]:before{content:"\e69a"}.uniui-phone-filled[data-v-190f5902]:before{content:"\e69b"}.uniui-phone[data-v-190f5902]:before{content:"\e69c"}.uniui-email[data-v-190f5902]:before{content:"\e69e"}.uniui-personadd[data-v-190f5902]:before{content:"\e69f"}.uniui-chatboxes-filled[data-v-190f5902]:before{content:"\e692"}.uniui-contact[data-v-190f5902]:before{content:"\e693"}.uniui-chatbubble-filled[data-v-190f5902]:before{content:"\e694"}.uniui-contact-filled[data-v-190f5902]:before{content:"\e695"}.uniui-chatboxes[data-v-190f5902]:before{content:"\e696"}.uniui-chatbubble[data-v-190f5902]:before{content:"\e697"}.uniui-upload-filled[data-v-190f5902]:before{content:"\e68e"}.uniui-upload[data-v-190f5902]:before{content:"\e690"}.uniui-weixin[data-v-190f5902]:before{content:"\e691"}.uniui-compose[data-v-190f5902]:before{content:"\e67f"}.uniui-qq[data-v-190f5902]:before{content:"\e680"}.uniui-download-filled[data-v-190f5902]:before{content:"\e681"}.uniui-pyq[data-v-190f5902]:before{content:"\e682"}.uniui-sound[data-v-190f5902]:before{content:"\e684"}.uniui-trash-filled[data-v-190f5902]:before{content:"\e685"}.uniui-sound-filled[data-v-190f5902]:before{content:"\e686"}.uniui-trash[data-v-190f5902]:before{content:"\e687"}.uniui-videocam-filled[data-v-190f5902]:before{content:"\e689"}.uniui-spinner-cycle[data-v-190f5902]:before{content:"\e68a"}.uniui-weibo[data-v-190f5902]:before{content:"\e68b"}.uniui-videocam[data-v-190f5902]:before{content:"\e68c"}.uniui-download[data-v-190f5902]:before{content:"\e68d"}.uniui-help[data-v-190f5902]:before{content:"\e679"}.uniui-navigate-filled[data-v-190f5902]:before{content:"\e67a"}.uniui-plusempty[data-v-190f5902]:before{content:"\e67b"}.uniui-smallcircle[data-v-190f5902]:before{content:"\e67c"}.uniui-minus-filled[data-v-190f5902]:before{content:"\e67d"}.uniui-micoff[data-v-190f5902]:before{content:"\e67e"}.uniui-closeempty[data-v-190f5902]:before{content:"\e66c"}.uniui-clear[data-v-190f5902]:before{content:"\e66d"}.uniui-navigate[data-v-190f5902]:before{content:"\e66e"}.uniui-minus[data-v-190f5902]:before{content:"\e66f"}.uniui-image[data-v-190f5902]:before{content:"\e670"}.uniui-mic[data-v-190f5902]:before{content:"\e671"}.uniui-paperplane[data-v-190f5902]:before{content:"\e672"}.uniui-close[data-v-190f5902]:before{content:"\e673"}.uniui-help-filled[data-v-190f5902]:before{content:"\e674"}.uniui-paperplane-filled[data-v-190f5902]:before{content:"\e675"}.uniui-plus[data-v-190f5902]:before{content:"\e676"}.uniui-mic-filled[data-v-190f5902]:before{content:"\e677"}.uniui-image-filled[data-v-190f5902]:before{content:"\e678"}.uniui-locked-filled[data-v-190f5902]:before{content:"\e668"}.uniui-info[data-v-190f5902]:before{content:"\e669"}.uniui-locked[data-v-190f5902]:before{content:"\e66b"}.uniui-camera-filled[data-v-190f5902]:before{content:"\e658"}.uniui-chat-filled[data-v-190f5902]:before{content:"\e659"}.uniui-camera[data-v-190f5902]:before{content:"\e65a"}.uniui-circle[data-v-190f5902]:before{content:"\e65b"}.uniui-checkmarkempty[data-v-190f5902]:before{content:"\e65c"}.uniui-chat[data-v-190f5902]:before{content:"\e65d"}.uniui-circle-filled[data-v-190f5902]:before{content:"\e65e"}.uniui-flag[data-v-190f5902]:before{content:"\e65f"}.uniui-flag-filled[data-v-190f5902]:before{content:"\e660"}.uniui-gear-filled[data-v-190f5902]:before{content:"\e661"}.uniui-home[data-v-190f5902]:before{content:"\e662"}.uniui-home-filled[data-v-190f5902]:before{content:"\e663"}.uniui-gear[data-v-190f5902]:before{content:"\e664"}.uniui-smallcircle-filled[data-v-190f5902]:before{content:"\e665"}.uniui-map-filled[data-v-190f5902]:before{content:"\e666"}.uniui-map[data-v-190f5902]:before{content:"\e667"}.uniui-refresh-filled[data-v-190f5902]:before{content:"\e656"}.uniui-refresh[data-v-190f5902]:before{content:"\e657"}.uniui-cloud-upload[data-v-190f5902]:before{content:"\e645"}.uniui-cloud-download-filled[data-v-190f5902]:before{content:"\e646"}.uniui-cloud-download[data-v-190f5902]:before{content:"\e647"}.uniui-cloud-upload-filled[data-v-190f5902]:before{content:"\e648"}.uniui-redo[data-v-190f5902]:before{content:"\e64a"}.uniui-images-filled[data-v-190f5902]:before{content:"\e64b"}.uniui-undo-filled[data-v-190f5902]:before{content:"\e64c"}.uniui-more[data-v-190f5902]:before{content:"\e64d"}.uniui-more-filled[data-v-190f5902]:before{content:"\e64e"}.uniui-undo[data-v-190f5902]:before{content:"\e64f"}.uniui-images[data-v-190f5902]:before{content:"\e650"}.uniui-paperclip[data-v-190f5902]:before{content:"\e652"}.uniui-settings[data-v-190f5902]:before{content:"\e653"}.uniui-search[data-v-190f5902]:before{content:"\e654"}.uniui-redo-filled[data-v-190f5902]:before{content:"\e655"}.uniui-list[data-v-190f5902]:before{content:"\e644"}.uniui-mail-open-filled[data-v-190f5902]:before{content:"\e63a"}.uniui-hand-down-filled[data-v-190f5902]:before{content:"\e63c"}.uniui-hand-down[data-v-190f5902]:before{content:"\e63d"}.uniui-hand-up-filled[data-v-190f5902]:before{content:"\e63e"}.uniui-hand-up[data-v-190f5902]:before{content:"\e63f"}.uniui-heart-filled[data-v-190f5902]:before{content:"\e641"}.uniui-mail-open[data-v-190f5902]:before{content:"\e643"}.uniui-heart[data-v-190f5902]:before{content:"\e639"}.uniui-loop[data-v-190f5902]:before{content:"\e633"}.uniui-pulldown[data-v-190f5902]:before{content:"\e632"}.uniui-scan[data-v-190f5902]:before{content:"\e62a"}.uniui-bars[data-v-190f5902]:before{content:"\e627"}.uniui-checkbox[data-v-190f5902]:before{content:"\e62b"}.uniui-checkbox-filled[data-v-190f5902]:before{content:"\e62c"}.uniui-shop[data-v-190f5902]:before{content:"\e62f"}.uniui-headphones[data-v-190f5902]:before{content:"\e630"}.uniui-cart[data-v-190f5902]:before{content:"\e631"}@font-face{font-family:uniicons;src:url(../../assets/uniicons.32e978a5.ttf)}.uni-icons[data-v-190f5902]{font-family:uniicons;text-decoration:none;text-align:center}.fui-footer[data-v-125d6d1b]{flex:1;width:100%;box-sizing:border-box;word-break:break-all;overflow:hidden;padding:1rem}.fui-footer__fixed-bottom[data-v-125d6d1b]{position:fixed;z-index:99;bottom:0;left:0;right:0}.fui-footer__link[data-v-125d6d1b]{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.875rem}.fui-link__color uni-text[data-v-125d6d1b],.fui-link__color[data-v-125d6d1b]{color:var(--fui-color-link, #465CFF)!important}.fui-link__item[data-v-125d6d1b]{position:relative;line-height:1}.fui-link__text[data-v-125d6d1b]{padding:0 .5625rem;font-weight:400}.fui-link__text-border[data-v-125d6d1b]{border-right-width:0}.fui-link__item[data-v-125d6d1b]:before{content:" ";position:absolute;right:0;top:.125rem;width:1px;bottom:.125rem;border-right:1px solid var(--fui-color-label, #B2B2B2);transform-origin:100% 0;transform:scaleX(.5)}.fui-link__item[data-v-125d6d1b]:last-child:before{border-right:0!important}.fui-link-hover[data-v-125d6d1b]{opacity:.5}.fui-footer__text[data-v-125d6d1b]{flex:1;line-height:1;text-align:center;padding-top:.25rem;font-weight:400}.fui-footer__safearea[data-v-125d6d1b]{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.content[data-v-59dbdf48]{height:calc(100vh - 3.125rem)}.title[data-v-59dbdf48]{display:flex;justify-content:center;font-size:1.125rem;color:#8f8f94}
.icon[data-v-b54b087c] {
width: var(--d6a1df82);
height: var(--d6a1df82);
color: var(--005406e5);
}
.fui-avatar__wrap[data-v-37ed2fcf] {
position: relative;
display: inline-flex;
overflow: hidden;
flex-shrink: 0;
z-index: 3;
flex-direction: row;
align-items: center;
justify-content: center;
vertical-align: middle;
}
.fui-avatar__img[data-v-37ed2fcf] {
flex: 1;
display: block;
-o-object-fit: cover;
object-fit: cover;
flex-shrink: 0;
}
.fui-avatar__text[data-v-37ed2fcf] {
flex: 1;
display: block;
white-space: nowrap;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.fui-avatar__size-small[data-v-37ed2fcf] {
width: 2rem !important;
height: 2rem !important;
}
.fui-avatar__text-small[data-v-37ed2fcf] {
font-size: 1rem !important;
}
.fui-avatar__size-middle[data-v-37ed2fcf] {
width: 3rem !important;
height: 3rem !important;
}
.fui-avatar__text-middle[data-v-37ed2fcf] {
font-size: 1.375rem !important;
}
.fui-avatar__size-large[data-v-37ed2fcf] {
width: 4rem !important;
height: 4rem !important;
}
.fui-avatar__text-large[data-v-37ed2fcf] {
font-size: 1.75rem !important;
}
.fui-avatar__circle[data-v-37ed2fcf] {
border-radius: 50% !important;
}
.fui-avatar__square[data-v-37ed2fcf] {
border-radius: 0.25rem !important;
}
.fui-divider__wrap[data-v-632a34eb] {
width: 100%;
display: flex;
box-sizing: border-box;
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
}
.fui-divider__line[data-v-632a34eb] {
height: 1px;
transform: scaleY(0.5) translateZ(0);
flex: 1;
}
.fui-divider__text-box[data-v-632a34eb] {
position: relative;
text-align: center;
padding: 0 0.25rem;
z-index: 1;
display: flex;
flex-shrink: 0;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fui-divider__text[data-v-632a34eb] {
padding: 0 0.3125rem;
}
.uniui-cart-filled[data-v-190f5902]:before {
content: '\e6d0';
}
.uniui-gift-filled[data-v-190f5902]:before {
content: '\e6c4';
}
.uniui-color[data-v-190f5902]:before {
content: '\e6cf';
}
.uniui-wallet[data-v-190f5902]:before {
content: '\e6b1';
}
.uniui-settings-filled[data-v-190f5902]:before {
content: '\e6ce';
}
.uniui-auth-filled[data-v-190f5902]:before {
content: '\e6cc';
}
.uniui-shop-filled[data-v-190f5902]:before {
content: '\e6cd';
}
.uniui-staff-filled[data-v-190f5902]:before {
content: '\e6cb';
}
.uniui-vip-filled[data-v-190f5902]:before {
content: '\e6c6';
}
.uniui-plus-filled[data-v-190f5902]:before {
content: '\e6c7';
}
.uniui-folder-add-filled[data-v-190f5902]:before {
content: '\e6c8';
}
.uniui-color-filled[data-v-190f5902]:before {
content: '\e6c9';
}
.uniui-tune-filled[data-v-190f5902]:before {
content: '\e6ca';
}
.uniui-calendar-filled[data-v-190f5902]:before {
content: '\e6c0';
}
.uniui-notification-filled[data-v-190f5902]:before {
content: '\e6c1';
}
.uniui-wallet-filled[data-v-190f5902]:before {
content: '\e6c2';
}
.uniui-medal-filled[data-v-190f5902]:before {
content: '\e6c3';
}
.uniui-fire-filled[data-v-190f5902]:before {
content: '\e6c5';
}
.uniui-refreshempty[data-v-190f5902]:before {
content: '\e6bf';
}
.uniui-location-filled[data-v-190f5902]:before {
content: '\e6af';
}
.uniui-person-filled[data-v-190f5902]:before {
content: '\e69d';
}
.uniui-personadd-filled[data-v-190f5902]:before {
content: '\e698';
}
.uniui-arrowthinleft[data-v-190f5902]:before {
content: '\e6d2';
}
.uniui-arrowthinup[data-v-190f5902]:before {
content: '\e6d3';
}
.uniui-arrowthindown[data-v-190f5902]:before {
content: '\e6d4';
}
.uniui-back[data-v-190f5902]:before {
content: '\e6b9';
}
.uniui-forward[data-v-190f5902]:before {
content: '\e6ba';
}
.uniui-arrow-right[data-v-190f5902]:before {
content: '\e6bb';
}
.uniui-arrow-left[data-v-190f5902]:before {
content: '\e6bc';
}
.uniui-arrow-up[data-v-190f5902]:before {
content: '\e6bd';
}
.uniui-arrow-down[data-v-190f5902]:before {
content: '\e6be';
}
.uniui-arrowthinright[data-v-190f5902]:before {
content: '\e6d1';
}
.uniui-down[data-v-190f5902]:before {
content: '\e6b8';
}
.uniui-bottom[data-v-190f5902]:before {
content: '\e6b8';
}
.uniui-arrowright[data-v-190f5902]:before {
content: '\e6d5';
}
.uniui-right[data-v-190f5902]:before {
content: '\e6b5';
}
.uniui-up[data-v-190f5902]:before {
content: '\e6b6';
}
.uniui-top[data-v-190f5902]:before {
content: '\e6b6';
}
.uniui-left[data-v-190f5902]:before {
content: '\e6b7';
}
.uniui-arrowup[data-v-190f5902]:before {
content: '\e6d6';
}
.uniui-eye[data-v-190f5902]:before {
content: '\e651';
}
.uniui-eye-filled[data-v-190f5902]:before {
content: '\e66a';
}
.uniui-eye-slash[data-v-190f5902]:before {
content: '\e6b3';
}
.uniui-eye-slash-filled[data-v-190f5902]:before {
content: '\e6b4';
}
.uniui-info-filled[data-v-190f5902]:before {
content: '\e649';
}
.uniui-reload[data-v-190f5902]:before {
content: '\e6b2';
}
.uniui-micoff-filled[data-v-190f5902]:before {
content: '\e6b0';
}
.uniui-map-pin-ellipse[data-v-190f5902]:before {
content: '\e6ac';
}
.uniui-map-pin[data-v-190f5902]:before {
content: '\e6ad';
}
.uniui-location[data-v-190f5902]:before {
content: '\e6ae';
}
.uniui-starhalf[data-v-190f5902]:before {
content: '\e683';
}
.uniui-star[data-v-190f5902]:before {
content: '\e688';
}
.uniui-star-filled[data-v-190f5902]:before {
content: '\e68f';
}
.uniui-calendar[data-v-190f5902]:before {
content: '\e6a0';
}
.uniui-fire[data-v-190f5902]:before {
content: '\e6a1';
}
.uniui-medal[data-v-190f5902]:before {
content: '\e6a2';
}
.uniui-font[data-v-190f5902]:before {
content: '\e6a3';
}
.uniui-gift[data-v-190f5902]:before {
content: '\e6a4';
}
.uniui-link[data-v-190f5902]:before {
content: '\e6a5';
}
.uniui-notification[data-v-190f5902]:before {
content: '\e6a6';
}
.uniui-staff[data-v-190f5902]:before {
content: '\e6a7';
}
.uniui-vip[data-v-190f5902]:before {
content: '\e6a8';
}
.uniui-folder-add[data-v-190f5902]:before {
content: '\e6a9';
}
.uniui-tune[data-v-190f5902]:before {
content: '\e6aa';
}
.uniui-auth[data-v-190f5902]:before {
content: '\e6ab';
}
.uniui-person[data-v-190f5902]:before {
content: '\e699';
}
.uniui-email-filled[data-v-190f5902]:before {
content: '\e69a';
}
.uniui-phone-filled[data-v-190f5902]:before {
content: '\e69b';
}
.uniui-phone[data-v-190f5902]:before {
content: '\e69c';
}
.uniui-email[data-v-190f5902]:before {
content: '\e69e';
}
.uniui-personadd[data-v-190f5902]:before {
content: '\e69f';
}
.uniui-chatboxes-filled[data-v-190f5902]:before {
content: '\e692';
}
.uniui-contact[data-v-190f5902]:before {
content: '\e693';
}
.uniui-chatbubble-filled[data-v-190f5902]:before {
content: '\e694';
}
.uniui-contact-filled[data-v-190f5902]:before {
content: '\e695';
}
.uniui-chatboxes[data-v-190f5902]:before {
content: '\e696';
}
.uniui-chatbubble[data-v-190f5902]:before {
content: '\e697';
}
.uniui-upload-filled[data-v-190f5902]:before {
content: '\e68e';
}
.uniui-upload[data-v-190f5902]:before {
content: '\e690';
}
.uniui-weixin[data-v-190f5902]:before {
content: '\e691';
}
.uniui-compose[data-v-190f5902]:before {
content: '\e67f';
}
.uniui-qq[data-v-190f5902]:before {
content: '\e680';
}
.uniui-download-filled[data-v-190f5902]:before {
content: '\e681';
}
.uniui-pyq[data-v-190f5902]:before {
content: '\e682';
}
.uniui-sound[data-v-190f5902]:before {
content: '\e684';
}
.uniui-trash-filled[data-v-190f5902]:before {
content: '\e685';
}
.uniui-sound-filled[data-v-190f5902]:before {
content: '\e686';
}
.uniui-trash[data-v-190f5902]:before {
content: '\e687';
}
.uniui-videocam-filled[data-v-190f5902]:before {
content: '\e689';
}
.uniui-spinner-cycle[data-v-190f5902]:before {
content: '\e68a';
}
.uniui-weibo[data-v-190f5902]:before {
content: '\e68b';
}
.uniui-videocam[data-v-190f5902]:before {
content: '\e68c';
}
.uniui-download[data-v-190f5902]:before {
content: '\e68d';
}
.uniui-help[data-v-190f5902]:before {
content: '\e679';
}
.uniui-navigate-filled[data-v-190f5902]:before {
content: '\e67a';
}
.uniui-plusempty[data-v-190f5902]:before {
content: '\e67b';
}
.uniui-smallcircle[data-v-190f5902]:before {
content: '\e67c';
}
.uniui-minus-filled[data-v-190f5902]:before {
content: '\e67d';
}
.uniui-micoff[data-v-190f5902]:before {
content: '\e67e';
}
.uniui-closeempty[data-v-190f5902]:before {
content: '\e66c';
}
.uniui-clear[data-v-190f5902]:before {
content: '\e66d';
}
.uniui-navigate[data-v-190f5902]:before {
content: '\e66e';
}
.uniui-minus[data-v-190f5902]:before {
content: '\e66f';
}
.uniui-image[data-v-190f5902]:before {
content: '\e670';
}
.uniui-mic[data-v-190f5902]:before {
content: '\e671';
}
.uniui-paperplane[data-v-190f5902]:before {
content: '\e672';
}
.uniui-close[data-v-190f5902]:before {
content: '\e673';
}
.uniui-help-filled[data-v-190f5902]:before {
content: '\e674';
}
.uniui-paperplane-filled[data-v-190f5902]:before {
content: '\e675';
}
.uniui-plus[data-v-190f5902]:before {
content: '\e676';
}
.uniui-mic-filled[data-v-190f5902]:before {
content: '\e677';
}
.uniui-image-filled[data-v-190f5902]:before {
content: '\e678';
}
.uniui-locked-filled[data-v-190f5902]:before {
content: '\e668';
}
.uniui-info[data-v-190f5902]:before {
content: '\e669';
}
.uniui-locked[data-v-190f5902]:before {
content: '\e66b';
}
.uniui-camera-filled[data-v-190f5902]:before {
content: '\e658';
}
.uniui-chat-filled[data-v-190f5902]:before {
content: '\e659';
}
.uniui-camera[data-v-190f5902]:before {
content: '\e65a';
}
.uniui-circle[data-v-190f5902]:before {
content: '\e65b';
}
.uniui-checkmarkempty[data-v-190f5902]:before {
content: '\e65c';
}
.uniui-chat[data-v-190f5902]:before {
content: '\e65d';
}
.uniui-circle-filled[data-v-190f5902]:before {
content: '\e65e';
}
.uniui-flag[data-v-190f5902]:before {
content: '\e65f';
}
.uniui-flag-filled[data-v-190f5902]:before {
content: '\e660';
}
.uniui-gear-filled[data-v-190f5902]:before {
content: '\e661';
}
.uniui-home[data-v-190f5902]:before {
content: '\e662';
}
.uniui-home-filled[data-v-190f5902]:before {
content: '\e663';
}
.uniui-gear[data-v-190f5902]:before {
content: '\e664';
}
.uniui-smallcircle-filled[data-v-190f5902]:before {
content: '\e665';
}
.uniui-map-filled[data-v-190f5902]:before {
content: '\e666';
}
.uniui-map[data-v-190f5902]:before {
content: '\e667';
}
.uniui-refresh-filled[data-v-190f5902]:before {
content: '\e656';
}
.uniui-refresh[data-v-190f5902]:before {
content: '\e657';
}
.uniui-cloud-upload[data-v-190f5902]:before {
content: '\e645';
}
.uniui-cloud-download-filled[data-v-190f5902]:before {
content: '\e646';
}
.uniui-cloud-download[data-v-190f5902]:before {
content: '\e647';
}
.uniui-cloud-upload-filled[data-v-190f5902]:before {
content: '\e648';
}
.uniui-redo[data-v-190f5902]:before {
content: '\e64a';
}
.uniui-images-filled[data-v-190f5902]:before {
content: '\e64b';
}
.uniui-undo-filled[data-v-190f5902]:before {
content: '\e64c';
}
.uniui-more[data-v-190f5902]:before {
content: '\e64d';
}
.uniui-more-filled[data-v-190f5902]:before {
content: '\e64e';
}
.uniui-undo[data-v-190f5902]:before {
content: '\e64f';
}
.uniui-images[data-v-190f5902]:before {
content: '\e650';
}
.uniui-paperclip[data-v-190f5902]:before {
content: '\e652';
}
.uniui-settings[data-v-190f5902]:before {
content: '\e653';
}
.uniui-search[data-v-190f5902]:before {
content: '\e654';
}
.uniui-redo-filled[data-v-190f5902]:before {
content: '\e655';
}
.uniui-list[data-v-190f5902]:before {
content: '\e644';
}
.uniui-mail-open-filled[data-v-190f5902]:before {
content: '\e63a';
}
.uniui-hand-down-filled[data-v-190f5902]:before {
content: '\e63c';
}
.uniui-hand-down[data-v-190f5902]:before {
content: '\e63d';
}
.uniui-hand-up-filled[data-v-190f5902]:before {
content: '\e63e';
}
.uniui-hand-up[data-v-190f5902]:before {
content: '\e63f';
}
.uniui-heart-filled[data-v-190f5902]:before {
content: '\e641';
}
.uniui-mail-open[data-v-190f5902]:before {
content: '\e643';
}
.uniui-heart[data-v-190f5902]:before {
content: '\e639';
}
.uniui-loop[data-v-190f5902]:before {
content: '\e633';
}
.uniui-pulldown[data-v-190f5902]:before {
content: '\e632';
}
.uniui-scan[data-v-190f5902]:before {
content: '\e62a';
}
.uniui-bars[data-v-190f5902]:before {
content: '\e627';
}
.uniui-checkbox[data-v-190f5902]:before {
content: '\e62b';
}
.uniui-checkbox-filled[data-v-190f5902]:before {
content: '\e62c';
}
.uniui-shop[data-v-190f5902]:before {
content: '\e62f';
}
.uniui-headphones[data-v-190f5902]:before {
content: '\e630';
}
.uniui-cart[data-v-190f5902]:before {
content: '\e631';
}
@font-face {
font-family: uniicons;
src: url(/static/images/codefun/uniicons.32e978a5.ttf);
}
.uni-icons[data-v-190f5902] {
font-family: uniicons;
text-decoration: none;
text-align: center;
}
.fui-footer[data-v-125d6d1b] {
flex: 1;
width: 100%;
box-sizing: border-box;
word-break: break-all;
overflow: hidden;
padding: 1rem;
}
.fui-footer__fixed-bottom[data-v-125d6d1b] {
position: fixed;
z-index: 99;
bottom: 0;
left: 0;
right: 0;
}
.fui-footer__link[data-v-125d6d1b] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 0.875rem;
}
.fui-link__color uni-text[data-v-125d6d1b],
.fui-link__color[data-v-125d6d1b] {
color: var(--fui-color-link, #465cff) !important;
}
.fui-link__item[data-v-125d6d1b] {
position: relative;
line-height: 1;
}
.fui-link__text[data-v-125d6d1b] {
padding: 0 0.5625rem;
font-weight: 400;
}
.fui-link__text-border[data-v-125d6d1b] {
border-right-width: 0;
}
.fui-link__item[data-v-125d6d1b]:before {
content: ' ';
position: absolute;
right: 0;
top: 0.125rem;
width: 1px;
bottom: 0.125rem;
border-right: 1px solid var(--fui-color-label, #b2b2b2);
transform-origin: 100% 0;
transform: scaleX(0.5);
}
.fui-link__item[data-v-125d6d1b]:last-child:before {
border-right: 0 !important;
}
.fui-link-hover[data-v-125d6d1b] {
opacity: 0.5;
}
.fui-footer__text[data-v-125d6d1b] {
flex: 1;
line-height: 1;
text-align: center;
padding-top: 0.25rem;
font-weight: 400;
}
.fui-footer__safearea[data-v-125d6d1b] {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.content[data-v-59dbdf48] {
height: calc(100vh - 3.125rem);
}
.title[data-v-59dbdf48] {
display: flex;
justify-content: center;
font-size: 1.125rem;
color: #8f8f94;
}
.fui-empty__wrap[data-v-9aa99706]{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.fui-empty__fixed[data-v-9aa99706]{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:99}.fui-empty__title[data-v-9aa99706]{text-align:center;font-weight:500;padding-top:1.5rem}.fui-empty__desc[data-v-9aa99706]{text-align:center;font-weight:400;padding-top:.25rem}.fui-empty__title-color[data-v-9aa99706]{color:var(--fui-color-section, #333333)!important}.fui-empty__descr-color[data-v-9aa99706]{color:var(--fui-color-label, #B2B2B2)!important}@font-face{font-family:fuiFont;src:url(../../assets/fui-icon.9165208c.ttf) format("truetype")}.fui-icon[data-v-e638a4a4]{font-family:fuiFont;text-decoration:none;text-align:center}.fui-icon__color[data-v-e638a4a4]{color:var(--fui-color-section, #333333)!important}.fui-icon__active-color[data-v-e638a4a4]{color:var(--fui-color-primary, #465CFF)!important}.fui-rate__wrap[data-v-32b69f75]{display:inline-flex;line-height:1;font-size:0;flex-direction:row}.fui-fab__mask[data-v-2b069d33]{position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;visibility:hidden;transition-property:visibility,opacity;transition-duration:.25s}.fui-fab__mask-show[data-v-2b069d33]{opacity:1;visibility:visible}.fui-fab__btn-wrap[data-v-2b069d33]{display:flex;flex-direction:column;justify-content:center;position:fixed;bottom:3.75rem}.fui-fab__wrap-left[data-v-2b069d33]{align-items:flex-start;left:2.5rem}.fui-fab__wrap-right[data-v-2b069d33]{align-items:flex-end;right:2.5rem}.fui-fab__btn-list[data-v-2b069d33]{display:flex;visibility:hidden;transition:all .25s ease-in-out;transform:scale3d(0,0,1);opacity:0;flex-direction:column}.fui-fab__list-left[data-v-2b069d33]{transform-origin:0 100%;align-items:flex-start}.fui-fab__list-right[data-v-2b069d33]{transform-origin:100% 100%;align-items:flex-end}.fui-fab__btn-hidden[data-v-2b069d33]{width:0;height:0}.fui-fab__list-ani[data-v-2b069d33]{opacity:1;transform:scaleZ(1);visibility:visible}.fui-fab__button-box[data-v-2b069d33]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-bottom:1rem;position:relative}.fui-fab__button-left[data-v-2b069d33]{flex-direction:row-reverse;justify-content:flex-start}.fui-fab__button-right[data-v-2b069d33]{flex-direction:row;justify-content:flex-end}.fui-fab__btn-text[data-v-2b069d33]{box-sizing:border-box;padding-left:.75rem;padding-right:.75rem;font-weight:400}.fui-fab__button[data-v-2b069d33]{display:flex;border-radius:50%;flex-direction:row;align-items:center;justify-content:center}.fui-fab__btn-abbr[data-v-2b069d33]{text-align:center;font-weight:400}.fui-fab__btn-main[data-v-2b069d33]{display:flex;border-radius:50%;box-shadow:0 .3125rem .4375rem rgba(0,0,0,.1);align-items:center;justify-content:center;transform:rotate(0);overflow:hidden;position:relative}.fui-fab__btn-inner[data-v-2b069d33]{display:flex;transform:rotate(0);transition:transform .25s;align-items:center;justify-content:center}.fui-fab__btn-ani[data-v-2b069d33]{transform:rotate(135deg)}.fui-fab__btn-color[data-v-2b069d33]{background:var(--fui-color-primary, #465CFF)!important}.fui-fab__opentype-btn[data-v-2b069d33]{position:absolute;left:0;right:0;top:0;bottom:0;border-width:0;background-color:rgba(0,0,0,0);opacity:0;z-index:1}.fui-fab__opentype-btn[data-v-2b069d33]:after{border-width:0}.fui-loading[data-v-ddf82ce1]{display:flex;margin:0 auto;flex-direction:row;align-items:center;justify-content:center}.fui-loading__fixed[data-v-ddf82ce1]{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1008}.fui-loading__wrap[data-v-ddf82ce1]{width:6.5rem;height:6.5rem;flex-direction:column;border-radius:.375rem}.fui-loading__ani[data-v-ddf82ce1]{width:2rem;height:2rem;margin:0 6px;animation:rotate-ddf82ce1 .85s linear infinite;margin-bottom:.9375rem}.fui-loading__row[data-v-ddf82ce1]{flex:1;width:100%;height:1.125rem}.fui-loading-row__ani[data-v-ddf82ce1]{width:1.125rem;height:1.125rem;display:block;border-radius:50%;animation:rotate-ddf82ce1 .85s linear infinite;margin-right:.625rem}.fui-loading__text[data-v-ddf82ce1]{text-align:center}@keyframes rotate-ddf82ce1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fui-loading__mask[data-v-ddf82ce1]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1002}.fui-input__wrap[data-v-12acf1fe]{width:100%;box-sizing:border-box;display:flex;flex-direction:row;flex:1;align-items:center;position:relative;border-width:0}.fui-input__border-top[data-v-12acf1fe]{position:absolute;top:0;height:1px;transform:scaleY(.5);transform-origin:0 0;z-index:1}.fui-input__border-bottom[data-v-12acf1fe]{position:absolute;bottom:0;height:1px;transform:scaleY(.5) translateZ(0);transform-origin:0 100%;z-index:1}.fui-input__required[data-v-12acf1fe]{position:absolute;left:.375rem;height:.9375rem;top:50%;transform:translateY(-50%);line-height:1.15}.fui-input__label[data-v-12acf1fe]{padding-right:.375rem;flex-shrink:0}.fui-input__self[data-v-12acf1fe]{flex:1;padding-right:.375rem;box-sizing:border-box;overflow:visible;background-color:transparent}.fui-input__clear-wrap[data-v-12acf1fe]{width:1rem;height:1rem;transform:rotate(45deg) scale(1.1);position:relative;border-radius:50%;flex-shrink:0}.fui-input__clear[data-v-12acf1fe]{width:1rem;height:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;left:0;top:0;transform:scale(.5) translateZ(0)}.fui-input__clear-a[data-v-12acf1fe]{width:1rem;border:.0625rem solid #fff;background-color:#fff;box-sizing:border-box}.fui-input__clear-b[data-v-12acf1fe]{height:1rem;border:.0625rem solid #fff;background-color:#fff;box-sizing:border-box}.fui-input__placeholder[data-v-12acf1fe]{color:var(--fui-color-minor, #ccc);overflow:visible}.fui-input__disabled[data-v-12acf1fe]{pointer-events:none}.fui-input__border[data-v-12acf1fe]{position:absolute;height:200%;width:200%;border:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scale(.5);left:0;top:0;border-radius:.5rem;pointer-events:none}.fui-input__bordercolor[data-v-12acf1fe]{border-color:var(--fui-color-border, #EEEEEE)!important}.fui-input__background[data-v-12acf1fe]{background:var(--fui-color-border, #EEEEEE)!important}.fui-input__text-left[data-v-12acf1fe]{text-align:left}.fui-input__text-right[data-v-12acf1fe]{text-align:right}.fui-input__text-center[data-v-12acf1fe]{text-align:center}.fui-input__disabled-styl[data-v-12acf1fe]{opacity:.6}.fui-button__wrap[data-v-68aadcb5]{position:relative;background:transparent!important;flex-direction:row}.fui-button[data-v-68aadcb5]{border-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;position:relative;padding-left:0;padding-right:0;overflow:hidden;transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fui-button__thin-border[data-v-68aadcb5]{position:absolute;width:200%;height:200%;transform-origin:0 0;transform:scale(.5) translateZ(0);box-sizing:border-box;left:0;top:0;border-radius:1rem;border-style:solid;pointer-events:none}.fui-button__flex-1[data-v-68aadcb5]{flex:1;width:100%}.fui-button[data-v-68aadcb5]:after{border:0}.fui-button__active[data-v-68aadcb5]{overflow:hidden!important}.fui-button__active[data-v-68aadcb5]:after{content:" ";background-color:var(--fui-bg-color-hover, rgba(0, 0, 0, .2));position:absolute;width:100%;height:100%;left:0;right:0;top:0;transform:none;z-index:2;border-radius:0}.fui-button__text[data-v-68aadcb5]{text-align:center;flex-direction:row;align-items:center;justify-content:center!important;padding-left:0!important}.fui-button__opacity[data-v-68aadcb5]{opacity:.5}.fui-text__bold[data-v-68aadcb5]{font-weight:700}.fui-button__link[data-v-68aadcb5]{border-color:transparent!important;background-color:transparent!important}.fui-button__primary[data-v-68aadcb5]{border-color:var(--fui-color-primary, #465CFF)!important;background:var(--fui-color-primary, #465CFF)!important}.fui-button__success[data-v-68aadcb5]{border-color:var(--fui-color-success, #09BE4F)!important;background:var(--fui-color-success, #09BE4F)!important}.fui-button__warning[data-v-68aadcb5]{border-color:var(--fui-color-warning, #FFB703)!important;background:var(--fui-color-warning, #FFB703)!important}.fui-button__danger[data-v-68aadcb5]{border-color:var(--fui-color-danger, #FF2B2B)!important;background:var(--fui-color-danger, #FF2B2B)!important}.fui-button__purple[data-v-68aadcb5]{border-color:var(--fui-color-purple, #6831FF)!important;background:var(--fui-color-purple, #6831FF)!important}.fui-button__gray[data-v-68aadcb5]{border-color:var(--fui-bg-color-content, #F8F8F8)!important;background:var(--fui-bg-color-content, #F8F8F8)!important;color:var(--fui-color-primary, #465CFF)!important}.fui-btn__gray-color[data-v-68aadcb5]{color:var(--fui-color-primary, #465CFF)!important}.fui-form__wrap[data-v-c5ab99ec]{width:100%;box-sizing:border-box;flex:1;position:relative}.fui-form__msg-wrap[data-v-c5ab99ec]{padding:.75rem;position:fixed;z-index:900;text-align:center;box-sizing:border-box;display:flex;word-break:break-all;align-items:center;justify-content:center;opacity:0;transform:translate3d(0,-100%,0);visibility:hidden;transition-property:all;transition-duration:.25s;transition-delay:0s;transition-timing-function:ease-in-out}.fui-form__msg-bg[data-v-c5ab99ec]{background:var(--fui-color-danger, #FF2B2B)!important}.fui-form__text[data-v-c5ab99ec]{text-align:center}.fui-form__msg-show[data-v-c5ab99ec]{visibility:visible;transform:translateZ(0);opacity:1}.fui-form__mask[data-v-c5ab99ec]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:99}.fui-dialog__wrap[data-v-ab900f11]{position:fixed;z-index:996;top:0;right:0;left:0;bottom:0;transition-property:all;transition-timing-function:ease-in;transition-duration:.2s;display:flex;transform:scaleZ(0);visibility:hidden;align-items:center;justify-content:center;opacity:0}.fui-dialog__inner[data-v-ab900f11]{width:21.25rem;text-align:center;overflow:hidden;display:flex;max-height:90%;flex-direction:column}.fui-dialog__title[data-v-ab900f11]{padding:2rem 1.5rem 0;font-weight:700;font-size:1.0625rem;text-align:center}.fui-dialog__body[data-v-ab900f11]{padding:1rem 1.5rem;margin-bottom:1rem;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.fui-dialog__descr[data-v-ab900f11]{font-size:.9375rem;font-weight:400;text-align:center}.fui-dialog__mtop[data-v-ab900f11]{margin-top:1rem}.fui-dialog__footer[data-v-ab900f11]{display:flex;flex-direction:row;position:relative;line-height:3.5rem;height:3.5rem}.fui-dialog__footer[data-v-ab900f11]:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scaleY(.5)}.fui-dialog__btn[data-v-ab900f11]{display:block;text-decoration:none;flex:1;height:3.5rem;line-height:3.5rem;font-weight:700;position:relative;font-size:1.0625rem;text-align:center}.fui-dialog__btn[data-v-ab900f11]:active{background-color:var(--fui-bg-color-hover, rgba(0, 0, 0, .2))}.fui-dialog__btn[data-v-ab900f11]:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scaleX(.5)}.fui-dialog__btn-first[data-v-ab900f11]:after{width:0;border-left:0!important}.fui-wrap__show[data-v-ab900f11]{opacity:1;transform:scaleZ(1);visibility:visible}[data-v-ba5360fb] .fui-dialog__body{background:linear-gradient(0deg,rgba(93,182,111,0),rgba(93,182,111,.25));margin:0}[data-v-ba5360fb] .fui-dialog__footer{display:none}[data-v-ba5360fb] .fui-input{margin-top:1.25rem}.mt-19[data-v-e87eb316]{margin-top:1.1875rem}.ml-55[data-v-e87eb316]{margin-left:3.4375rem}.mt-11[data-v-e87eb316]{margin-top:.6875rem}.ml-5[data-v-e87eb316]{margin-left:.3125rem}.mt-269[data-v-e87eb316]{margin-top:16.8125rem}.page[data-v-e87eb316]{padding-bottom:4rem;background-color:#e6f5e8;mix-blend-mode:NOTTHROUGH;width:100%;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 2.75rem)}.page .section[data-v-e87eb316]{padding:.8125rem .875rem .8125rem 1.125rem;background-color:#5db66f;mix-blend-mode:NOTTHROUGH}.page .section .image[data-v-e87eb316]{border-radius:2rem;width:3.375rem;height:1.3125rem}.page .section .image_2[data-v-e87eb316]{mix-blend-mode:NOTTHROUGH;width:1.0625rem;height:.6875rem}.page .section .image_3[data-v-e87eb316]{mix-blend-mode:NOTTHROUGH;width:.9375rem;height:.6875rem}.page .section .image_4[data-v-e87eb316]{width:1.5rem;height:.6875rem}.page .section .group[data-v-e87eb316]{padding:.25rem 0 .25rem .1875rem}.page .section .group .image_6[data-v-e87eb316]{mix-blend-mode:NOTTHROUGH;width:.4375rem;height:.8125rem}.page .section .group .pos_2[data-v-e87eb316]{position:absolute;left:.1875rem;top:50%;transform:translateY(-50%)}.page .section .group .text[data-v-e87eb316]{color:rgba(255,255,255,.9);line-height:.92188rem}.page .section .group .image_5[data-v-e87eb316]{width:1.375rem;height:1.375rem}.page .section .group .pos[data-v-e87eb316]{position:absolute;right:.02063rem;top:50%;transform:translateY(-50%)}.page .group_2[data-v-e87eb316]{padding:0 .875rem}.page .group_2 .text-wrapper[data-v-e87eb316]{padding:.75rem 0;flex:1 1 3.75rem;background-color:#5db66f;border-radius:624.9375rem;mix-blend-mode:NOTTHROUGH;height:2.25rem}.page .group_2 .text-wrapper .text_2[data-v-e87eb316]{color:#fff}.page .group_2 .text-wrapper_2[data-v-e87eb316]{flex:1 1 3.75rem;padding:.75rem 0;background-color:#fff;border-radius:624.9375rem;mix-blend-mode:NOTTHROUGH;height:2.25rem}.page .group_2 .text-wrapper_2 .text_3[data-v-e87eb316]{line-height:.80875rem}.page .group_2 .text-wrapper_2 .text_4[data-v-e87eb316]{line-height:.8175rem}.page .group_2 .text-wrapper_2 .text_5[data-v-e87eb316]{line-height:.81125rem}.page .group_2 .text-wrapper_2 .text_6[data-v-e87eb316]{line-height:.8025rem}.page .group_3[data-v-e87eb316]{padding:0 .875rem;height:21.40625rem}.page .group_3 .section_2[data-v-e87eb316]{padding-bottom:.25rem;background-color:rgba(255,255,255,.4);border-radius:1rem;border-left:solid .0625rem rgba(255,255,255,.8);border-right:solid .0625rem rgba(255,255,255,.8);border-top:solid .0625rem rgba(255,255,255,.8);border-bottom:solid .0625rem rgba(255,255,255,.8)}.page .group_3 .section_2 .text-50p[data-v-e87eb316]{width:50%;padding:.75rem 0 1.625rem}.page .group_3 .section_2 .text-wrapper_3[data-v-e87eb316]{background-color:#fff;border-radius:1rem}.page .group_3 .section_2 .text-wrapper_3 .text_7[data-v-e87eb316]{color:#333;line-height:.8175rem}.page .group_3 .section_2 .text-wrapper_3 .font_2[data-v-e87eb316]{color:#1f2937}.page .group_3 .section_2 .codefun-self-start .font_2[data-v-e87eb316]{color:#5db66f}.page .group_3 .section_2 .text_8[data-v-e87eb316]{margin-top:.625rem;color:#5db66f}.page .group_3 .list[data-v-e87eb316]{margin-top:-1.375rem;padding:0 .75rem;background-color:#fff;border-radius:.39875rem;mix-blend-mode:NOTTHROUGH}.page .group_3 .list .list-item[data-v-e87eb316]{padding:.625rem 0;border-bottom:solid .0625rem #eeeeee}.page .group_3 .list .list-item .group_4[data-v-e87eb316]{margin-left:.5rem}.page .group_3 .list .list-item .group_4 .image_9[data-v-e87eb316]{width:.75rem;height:.75rem}.page .group_3 .list .list-item .group_4 .font_4[data-v-e87eb316]{font-size:.75rem;font-family:DingTalk Sans;color:#999}.page .group_3 .list .list-item .image_8[data-v-e87eb316]{margin-left:.25rem;margin-top:.5rem;width:.6875rem;height:.8125rem}.page .group_3 .list .list-item .font_3[data-v-e87eb316]{font-size:.75rem;font-family:DingTalk Sans;line-height:.55rem;color:#5db66f}.page .group_3 .list .list-item .text_9[data-v-e87eb316]{margin:.625rem .5rem 0 .25rem;line-height:.60688rem}.page .group_3 .list .list-item .font_5[data-v-e87eb316]{font-size:.875rem;font-family:DingTalk Sans;color:#999}.page .group_3 .list .list-item .text_11[data-v-e87eb316]{margin-left:5.375rem}.page .group_3 .list .list-item .text-wrapper_4[data-v-e87eb316]{padding:.375rem 0;background-color:#5db66f;border-radius:12.5rem;mix-blend-mode:NOTTHROUGH;width:4.25rem;height:1.5rem}.page .group_3 .list .list-item .text-wrapper_4 .font_6[data-v-e87eb316]{font-size:.75rem;font-family:DingTalk Sans;line-height:.6875rem;color:#fff}.page .group_3 .list .list-item .text-wrapper_4 .text_12[data-v-e87eb316]{line-height:.69313rem}.page .font_2[data-v-e87eb316]{font-size:.875rem;font-family:DingTalk Sans;line-height:.81313rem;color:#1f2937}.page .font[data-v-e87eb316]{font-size:1rem;font-family:DingTalk Sans;line-height:.93188rem;color:#333}.page .image_7[data-v-e87eb316]{width:3rem;height:3rem}.page .image_12[data-v-e87eb316]{margin-right:1.8125rem}
.fui-empty__wrap[data-v-9aa99706] {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.fui-empty__fixed[data-v-9aa99706] {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
.fui-empty__title[data-v-9aa99706] {
text-align: center;
font-weight: 500;
padding-top: 1.5rem;
}
.fui-empty__desc[data-v-9aa99706] {
text-align: center;
font-weight: 400;
padding-top: 0.25rem;
}
.fui-empty__title-color[data-v-9aa99706] {
color: var(--fui-color-section, #333333) !important;
}
.fui-empty__descr-color[data-v-9aa99706] {
color: var(--fui-color-label, #b2b2b2) !important;
}
@font-face {
font-family: fuiFont;
src: url(/static/images/codefun/fui-icon.9165208c.ttf) format('truetype');
}
.fui-icon[data-v-e638a4a4] {
font-family: fuiFont;
text-decoration: none;
text-align: center;
}
.fui-icon__color[data-v-e638a4a4] {
color: var(--fui-color-section, #333333) !important;
}
.fui-icon__active-color[data-v-e638a4a4] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-rate__wrap[data-v-32b69f75] {
display: inline-flex;
line-height: 1;
font-size: 0;
flex-direction: row;
}
.fui-fab__mask[data-v-2b069d33] {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition-property: visibility, opacity;
transition-duration: 0.25s;
}
.fui-fab__mask-show[data-v-2b069d33] {
opacity: 1;
visibility: visible;
}
.fui-fab__btn-wrap[data-v-2b069d33] {
display: flex;
flex-direction: column;
justify-content: center;
position: fixed;
bottom: 3.75rem;
}
.fui-fab__wrap-left[data-v-2b069d33] {
align-items: flex-start;
left: 2.5rem;
}
.fui-fab__wrap-right[data-v-2b069d33] {
align-items: flex-end;
right: 2.5rem;
}
.fui-fab__btn-list[data-v-2b069d33] {
display: flex;
visibility: hidden;
transition: all 0.25s ease-in-out;
transform: scale3d(0, 0, 1);
opacity: 0;
flex-direction: column;
}
.fui-fab__list-left[data-v-2b069d33] {
transform-origin: 0 100%;
align-items: flex-start;
}
.fui-fab__list-right[data-v-2b069d33] {
transform-origin: 100% 100%;
align-items: flex-end;
}
.fui-fab__btn-hidden[data-v-2b069d33] {
width: 0;
height: 0;
}
.fui-fab__list-ani[data-v-2b069d33] {
opacity: 1;
transform: scaleZ(1);
visibility: visible;
}
.fui-fab__button-box[data-v-2b069d33] {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-bottom: 1rem;
position: relative;
}
.fui-fab__button-left[data-v-2b069d33] {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fui-fab__button-right[data-v-2b069d33] {
flex-direction: row;
justify-content: flex-end;
}
.fui-fab__btn-text[data-v-2b069d33] {
box-sizing: border-box;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-weight: 400;
}
.fui-fab__button[data-v-2b069d33] {
display: flex;
border-radius: 50%;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fui-fab__btn-abbr[data-v-2b069d33] {
text-align: center;
font-weight: 400;
}
.fui-fab__btn-main[data-v-2b069d33] {
display: flex;
border-radius: 50%;
box-shadow: 0 0.3125rem 0.4375rem rgba(0, 0, 0, 0.1);
align-items: center;
justify-content: center;
transform: rotate(0);
overflow: hidden;
position: relative;
}
.fui-fab__btn-inner[data-v-2b069d33] {
display: flex;
transform: rotate(0);
transition: transform 0.25s;
align-items: center;
justify-content: center;
}
.fui-fab__btn-ani[data-v-2b069d33] {
transform: rotate(135deg);
}
.fui-fab__btn-color[data-v-2b069d33] {
background: var(--fui-color-primary, #465cff) !important;
}
.fui-fab__opentype-btn[data-v-2b069d33] {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-width: 0;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
z-index: 1;
}
.fui-fab__opentype-btn[data-v-2b069d33]:after {
border-width: 0;
}
.fui-loading[data-v-ddf82ce1] {
display: flex;
margin: 0 auto;
flex-direction: row;
align-items: center;
justify-content: center;
}
.fui-loading__fixed[data-v-ddf82ce1] {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1008;
}
.fui-loading__wrap[data-v-ddf82ce1] {
width: 6.5rem;
height: 6.5rem;
flex-direction: column;
border-radius: 0.375rem;
}
.fui-loading__ani[data-v-ddf82ce1] {
width: 2rem;
height: 2rem;
margin: 0 6px;
animation: rotate-ddf82ce1 0.85s linear infinite;
margin-bottom: 0.9375rem;
}
.fui-loading__row[data-v-ddf82ce1] {
flex: 1;
width: 100%;
height: 1.125rem;
}
.fui-loading-row__ani[data-v-ddf82ce1] {
width: 1.125rem;
height: 1.125rem;
display: block;
border-radius: 50%;
animation: rotate-ddf82ce1 0.85s linear infinite;
margin-right: 0.625rem;
}
.fui-loading__text[data-v-ddf82ce1] {
text-align: center;
}
@keyframes rotate-ddf82ce1 {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.fui-loading__mask[data-v-ddf82ce1] {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1002;
}
.fui-input__wrap[data-v-12acf1fe] {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex: 1;
align-items: center;
position: relative;
border-width: 0;
}
.fui-input__border-top[data-v-12acf1fe] {
position: absolute;
top: 0;
height: 1px;
transform: scaleY(0.5);
transform-origin: 0 0;
z-index: 1;
}
.fui-input__border-bottom[data-v-12acf1fe] {
position: absolute;
bottom: 0;
height: 1px;
transform: scaleY(0.5) translateZ(0);
transform-origin: 0 100%;
z-index: 1;
}
.fui-input__required[data-v-12acf1fe] {
position: absolute;
left: 0.375rem;
height: 0.9375rem;
top: 50%;
transform: translateY(-50%);
line-height: 1.15;
}
.fui-input__label[data-v-12acf1fe] {
padding-right: 0.375rem;
flex-shrink: 0;
}
.fui-input__self[data-v-12acf1fe] {
flex: 1;
padding-right: 0.375rem;
box-sizing: border-box;
overflow: visible;
background-color: transparent;
}
.fui-input__clear-wrap[data-v-12acf1fe] {
width: 1rem;
height: 1rem;
transform: rotate(45deg) scale(1.1);
position: relative;
border-radius: 50%;
flex-shrink: 0;
}
.fui-input__clear[data-v-12acf1fe] {
width: 1rem;
height: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
transform: scale(0.5) translateZ(0);
}
.fui-input__clear-a[data-v-12acf1fe] {
width: 1rem;
border: 0.0625rem solid #fff;
background-color: #fff;
box-sizing: border-box;
}
.fui-input__clear-b[data-v-12acf1fe] {
height: 1rem;
border: 0.0625rem solid #fff;
background-color: #fff;
box-sizing: border-box;
}
.fui-input__placeholder[data-v-12acf1fe] {
color: var(--fui-color-minor, #ccc);
overflow: visible;
}
.fui-input__disabled[data-v-12acf1fe] {
pointer-events: none;
}
.fui-input__border[data-v-12acf1fe] {
position: absolute;
height: 200%;
width: 200%;
border: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scale(0.5);
left: 0;
top: 0;
border-radius: 0.5rem;
pointer-events: none;
}
.fui-input__bordercolor[data-v-12acf1fe] {
border-color: var(--fui-color-border, #eeeeee) !important;
}
.fui-input__background[data-v-12acf1fe] {
background: var(--fui-color-border, #eeeeee) !important;
}
.fui-input__text-left[data-v-12acf1fe] {
text-align: left;
}
.fui-input__text-right[data-v-12acf1fe] {
text-align: right;
}
.fui-input__text-center[data-v-12acf1fe] {
text-align: center;
}
.fui-input__disabled-styl[data-v-12acf1fe] {
opacity: 0.6;
}
.fui-button__wrap[data-v-68aadcb5] {
position: relative;
background: transparent !important;
flex-direction: row;
}
.fui-button[data-v-68aadcb5] {
border-width: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border-style: solid;
position: relative;
padding-left: 0;
padding-right: 0;
overflow: hidden;
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fui-button__thin-border[data-v-68aadcb5] {
position: absolute;
width: 200%;
height: 200%;
transform-origin: 0 0;
transform: scale(0.5) translateZ(0);
box-sizing: border-box;
left: 0;
top: 0;
border-radius: 1rem;
border-style: solid;
pointer-events: none;
}
.fui-button__flex-1[data-v-68aadcb5] {
flex: 1;
width: 100%;
}
.fui-button[data-v-68aadcb5]:after {
border: 0;
}
.fui-button__active[data-v-68aadcb5] {
overflow: hidden !important;
}
.fui-button__active[data-v-68aadcb5]:after {
content: ' ';
background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
transform: none;
z-index: 2;
border-radius: 0;
}
.fui-button__text[data-v-68aadcb5] {
text-align: center;
flex-direction: row;
align-items: center;
justify-content: center !important;
padding-left: 0 !important;
}
.fui-button__opacity[data-v-68aadcb5] {
opacity: 0.5;
}
.fui-text__bold[data-v-68aadcb5] {
font-weight: 700;
}
.fui-button__link[data-v-68aadcb5] {
border-color: transparent !important;
background-color: transparent !important;
}
.fui-button__primary[data-v-68aadcb5] {
border-color: var(--fui-color-primary, #465cff) !important;
background: var(--fui-color-primary, #465cff) !important;
}
.fui-button__success[data-v-68aadcb5] {
border-color: var(--fui-color-success, #09be4f) !important;
background: var(--fui-color-success, #09be4f) !important;
}
.fui-button__warning[data-v-68aadcb5] {
border-color: var(--fui-color-warning, #ffb703) !important;
background: var(--fui-color-warning, #ffb703) !important;
}
.fui-button__danger[data-v-68aadcb5] {
border-color: var(--fui-color-danger, #ff2b2b) !important;
background: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-button__purple[data-v-68aadcb5] {
border-color: var(--fui-color-purple, #6831ff) !important;
background: var(--fui-color-purple, #6831ff) !important;
}
.fui-button__gray[data-v-68aadcb5] {
border-color: var(--fui-bg-color-content, #f8f8f8) !important;
background: var(--fui-bg-color-content, #f8f8f8) !important;
color: var(--fui-color-primary, #465cff) !important;
}
.fui-btn__gray-color[data-v-68aadcb5] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-form__wrap[data-v-c5ab99ec] {
width: 100%;
box-sizing: border-box;
flex: 1;
position: relative;
}
.fui-form__msg-wrap[data-v-c5ab99ec] {
padding: 0.75rem;
position: fixed;
z-index: 900;
text-align: center;
box-sizing: border-box;
display: flex;
word-break: break-all;
align-items: center;
justify-content: center;
opacity: 0;
transform: translate3d(0, -100%, 0);
visibility: hidden;
transition-property: all;
transition-duration: 0.25s;
transition-delay: 0s;
transition-timing-function: ease-in-out;
}
.fui-form__msg-bg[data-v-c5ab99ec] {
background: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-form__text[data-v-c5ab99ec] {
text-align: center;
}
.fui-form__msg-show[data-v-c5ab99ec] {
visibility: visible;
transform: translateZ(0);
opacity: 1;
}
.fui-form__mask[data-v-c5ab99ec] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
z-index: 99;
}
.fui-dialog__wrap[data-v-ab900f11] {
position: fixed;
z-index: 996;
top: 0;
right: 0;
left: 0;
bottom: 0;
transition-property: all;
transition-timing-function: ease-in;
transition-duration: 0.2s;
display: flex;
transform: scaleZ(0);
visibility: hidden;
align-items: center;
justify-content: center;
opacity: 0;
}
.fui-dialog__inner[data-v-ab900f11] {
width: 21.25rem;
text-align: center;
overflow: hidden;
display: flex;
max-height: 90%;
flex-direction: column;
}
.fui-dialog__title[data-v-ab900f11] {
padding: 2rem 1.5rem 0;
font-weight: 700;
font-size: 1.0625rem;
text-align: center;
}
.fui-dialog__body[data-v-ab900f11] {
padding: 1rem 1.5rem;
margin-bottom: 1rem;
word-break: break-all;
-webkit-hyphens: auto;
hyphens: auto;
}
.fui-dialog__descr[data-v-ab900f11] {
font-size: 0.9375rem;
font-weight: 400;
text-align: center;
}
.fui-dialog__mtop[data-v-ab900f11] {
margin-top: 1rem;
}
.fui-dialog__footer[data-v-ab900f11] {
display: flex;
flex-direction: row;
position: relative;
line-height: 3.5rem;
height: 3.5rem;
}
.fui-dialog__footer[data-v-ab900f11]:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scaleY(0.5);
}
.fui-dialog__btn[data-v-ab900f11] {
display: block;
text-decoration: none;
flex: 1;
height: 3.5rem;
line-height: 3.5rem;
font-weight: 700;
position: relative;
font-size: 1.0625rem;
text-align: center;
}
.fui-dialog__btn[data-v-ab900f11]:active {
background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
}
.fui-dialog__btn[data-v-ab900f11]:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scaleX(0.5);
}
.fui-dialog__btn-first[data-v-ab900f11]:after {
width: 0;
border-left: 0 !important;
}
.fui-wrap__show[data-v-ab900f11] {
opacity: 1;
transform: scaleZ(1);
visibility: visible;
}
[data-v-ba5360fb] .fui-dialog__body {
background: linear-gradient(0deg, rgba(93, 182, 111, 0), rgba(93, 182, 111, 0.25));
margin: 0;
}
[data-v-ba5360fb] .fui-dialog__footer {
display: none;
}
[data-v-ba5360fb] .fui-input {
margin-top: 1.25rem;
}
.mt-19[data-v-e87eb316] {
margin-top: 1.1875rem;
}
.ml-55[data-v-e87eb316] {
margin-left: 3.4375rem;
}
.mt-11[data-v-e87eb316] {
margin-top: 0.6875rem;
}
.ml-5[data-v-e87eb316] {
margin-left: 0.3125rem;
}
.mt-269[data-v-e87eb316] {
margin-top: 16.8125rem;
}
.page[data-v-e87eb316] {
padding-bottom: 4rem;
background-color: #e6f5e8;
mix-blend-mode: NOTTHROUGH;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: calc(100vh - 2.75rem);
}
.page .section[data-v-e87eb316] {
padding: 0.8125rem 0.875rem 0.8125rem 1.125rem;
background-color: #5db66f;
mix-blend-mode: NOTTHROUGH;
}
.page .section .image[data-v-e87eb316] {
border-radius: 2rem;
width: 3.375rem;
height: 1.3125rem;
}
.page .section .image_2[data-v-e87eb316] {
mix-blend-mode: NOTTHROUGH;
width: 1.0625rem;
height: 0.6875rem;
}
.page .section .image_3[data-v-e87eb316] {
mix-blend-mode: NOTTHROUGH;
width: 0.9375rem;
height: 0.6875rem;
}
.page .section .image_4[data-v-e87eb316] {
width: 1.5rem;
height: 0.6875rem;
}
.page .section .group[data-v-e87eb316] {
padding: 0.25rem 0 0.25rem 0.1875rem;
}
.page .section .group .image_6[data-v-e87eb316] {
mix-blend-mode: NOTTHROUGH;
width: 0.4375rem;
height: 0.8125rem;
}
.page .section .group .pos_2[data-v-e87eb316] {
position: absolute;
left: 0.1875rem;
top: 50%;
transform: translateY(-50%);
}
.page .section .group .text[data-v-e87eb316] {
color: rgba(255, 255, 255, 0.9);
line-height: 0.92188rem;
}
.page .section .group .image_5[data-v-e87eb316] {
width: 1.375rem;
height: 1.375rem;
}
.page .section .group .pos[data-v-e87eb316] {
position: absolute;
right: 0.02063rem;
top: 50%;
transform: translateY(-50%);
}
.page .group_2[data-v-e87eb316] {
padding: 0 0.875rem;
}
.page .group_2 .text-wrapper[data-v-e87eb316] {
padding: 0.75rem 0;
flex: 1 1 3.75rem;
background-color: #5db66f;
border-radius: 624.9375rem;
mix-blend-mode: NOTTHROUGH;
height: 2.25rem;
}
.page .group_2 .text-wrapper .text_2[data-v-e87eb316] {
color: #fff;
}
.page .group_2 .text-wrapper_2[data-v-e87eb316] {
flex: 1 1 3.75rem;
padding: 0.75rem 0;
background-color: #fff;
border-radius: 624.9375rem;
mix-blend-mode: NOTTHROUGH;
height: 2.25rem;
}
.page .group_2 .text-wrapper_2 .text_3[data-v-e87eb316] {
line-height: 0.80875rem;
}
.page .group_2 .text-wrapper_2 .text_4[data-v-e87eb316] {
line-height: 0.8175rem;
}
.page .group_2 .text-wrapper_2 .text_5[data-v-e87eb316] {
line-height: 0.81125rem;
}
.page .group_2 .text-wrapper_2 .text_6[data-v-e87eb316] {
line-height: 0.8025rem;
}
.page .group_3[data-v-e87eb316] {
padding: 0 0.875rem;
height: 21.40625rem;
}
.page .group_3 .section_2[data-v-e87eb316] {
padding-bottom: 0.25rem;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 1rem;
border-left: solid 0.0625rem rgba(255, 255, 255, 0.8);
border-right: solid 0.0625rem rgba(255, 255, 255, 0.8);
border-top: solid 0.0625rem rgba(255, 255, 255, 0.8);
border-bottom: solid 0.0625rem rgba(255, 255, 255, 0.8);
}
.page .group_3 .section_2 .text-50p[data-v-e87eb316] {
width: 50%;
padding: 0.75rem 0 1.625rem;
}
.page .group_3 .section_2 .text-wrapper_3[data-v-e87eb316] {
background-color: #fff;
border-radius: 1rem;
}
.page .group_3 .section_2 .text-wrapper_3 .text_7[data-v-e87eb316] {
color: #333;
line-height: 0.8175rem;
}
.page .group_3 .section_2 .text-wrapper_3 .font_2[data-v-e87eb316] {
color: #1f2937;
}
.page .group_3 .section_2 .codefun-self-start .font_2[data-v-e87eb316] {
color: #5db66f;
}
.page .group_3 .section_2 .text_8[data-v-e87eb316] {
margin-top: 0.625rem;
color: #5db66f;
}
.page .group_3 .list[data-v-e87eb316] {
margin-top: -1.375rem;
padding: 0 0.75rem;
background-color: #fff;
border-radius: 0.39875rem;
mix-blend-mode: NOTTHROUGH;
}
.page .group_3 .list .list-item[data-v-e87eb316] {
padding: 0.625rem 0;
border-bottom: solid 0.0625rem #eeeeee;
}
.page .group_3 .list .list-item .group_4[data-v-e87eb316] {
margin-left: 0.5rem;
}
.page .group_3 .list .list-item .group_4 .image_9[data-v-e87eb316] {
width: 0.75rem;
height: 0.75rem;
}
.page .group_3 .list .list-item .group_4 .font_4[data-v-e87eb316] {
font-size: 0.75rem;
font-family: DingTalk Sans;
color: #999;
}
.page .group_3 .list .list-item .image_8[data-v-e87eb316] {
margin-left: 0.25rem;
margin-top: 0.5rem;
width: 0.6875rem;
height: 0.8125rem;
}
.page .group_3 .list .list-item .font_3[data-v-e87eb316] {
font-size: 0.75rem;
font-family: DingTalk Sans;
line-height: 0.55rem;
color: #5db66f;
}
.page .group_3 .list .list-item .text_9[data-v-e87eb316] {
margin: 0.625rem 0.5rem 0 0.25rem;
line-height: 0.60688rem;
}
.page .group_3 .list .list-item .font_5[data-v-e87eb316] {
font-size: 0.875rem;
font-family: DingTalk Sans;
color: #999;
}
.page .group_3 .list .list-item .text_11[data-v-e87eb316] {
margin-left: 5.375rem;
}
.page .group_3 .list .list-item .text-wrapper_4[data-v-e87eb316] {
padding: 0.375rem 0;
background-color: #5db66f;
border-radius: 12.5rem;
mix-blend-mode: NOTTHROUGH;
width: 4.25rem;
height: 1.5rem;
}
.page .group_3 .list .list-item .text-wrapper_4 .font_6[data-v-e87eb316] {
font-size: 0.75rem;
font-family: DingTalk Sans;
line-height: 0.6875rem;
color: #fff;
}
.page .group_3 .list .list-item .text-wrapper_4 .text_12[data-v-e87eb316] {
line-height: 0.69313rem;
}
.page .font_2[data-v-e87eb316] {
font-size: 0.875rem;
font-family: DingTalk Sans;
line-height: 0.81313rem;
color: #1f2937;
}
.page .font[data-v-e87eb316] {
font-size: 1rem;
font-family: DingTalk Sans;
line-height: 0.93188rem;
color: #333;
}
.page .image_7[data-v-e87eb316] {
width: 3rem;
height: 3rem;
}
.page .image_12[data-v-e87eb316] {
margin-right: 1.8125rem;
}
@font-face{font-family:fuiFont;src:url(../../assets/fui-icon.9165208c.ttf) format("truetype")}.fui-icon[data-v-e638a4a4]{font-family:fuiFont;text-decoration:none;text-align:center}.fui-icon__color[data-v-e638a4a4]{color:var(--fui-color-section, #333333)!important}.fui-icon__active-color[data-v-e638a4a4]{color:var(--fui-color-primary, #465CFF)!important}.fui-input__wrap[data-v-12acf1fe]{width:100%;box-sizing:border-box;display:flex;flex-direction:row;flex:1;align-items:center;position:relative;border-width:0}.fui-input__border-top[data-v-12acf1fe]{position:absolute;top:0;height:1px;transform:scaleY(.5);transform-origin:0 0;z-index:1}.fui-input__border-bottom[data-v-12acf1fe]{position:absolute;bottom:0;height:1px;transform:scaleY(.5) translateZ(0);transform-origin:0 100%;z-index:1}.fui-input__required[data-v-12acf1fe]{position:absolute;left:.375rem;height:.9375rem;top:50%;transform:translateY(-50%);line-height:1.15}.fui-input__label[data-v-12acf1fe]{padding-right:.375rem;flex-shrink:0}.fui-input__self[data-v-12acf1fe]{flex:1;padding-right:.375rem;box-sizing:border-box;overflow:visible;background-color:transparent}.fui-input__clear-wrap[data-v-12acf1fe]{width:1rem;height:1rem;transform:rotate(45deg) scale(1.1);position:relative;border-radius:50%;flex-shrink:0}.fui-input__clear[data-v-12acf1fe]{width:1rem;height:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;left:0;top:0;transform:scale(.5) translateZ(0)}.fui-input__clear-a[data-v-12acf1fe]{width:1rem;border:.0625rem solid #fff;background-color:#fff;box-sizing:border-box}.fui-input__clear-b[data-v-12acf1fe]{height:1rem;border:.0625rem solid #fff;background-color:#fff;box-sizing:border-box}.fui-input__placeholder[data-v-12acf1fe]{color:var(--fui-color-minor, #ccc);overflow:visible}.fui-input__disabled[data-v-12acf1fe]{pointer-events:none}.fui-input__border[data-v-12acf1fe]{position:absolute;height:200%;width:200%;border:1px solid var(--fui-color-border, #EEEEEE);transform-origin:0 0;transform:scale(.5);left:0;top:0;border-radius:.5rem;pointer-events:none}.fui-input__bordercolor[data-v-12acf1fe]{border-color:var(--fui-color-border, #EEEEEE)!important}.fui-input__background[data-v-12acf1fe]{background:var(--fui-color-border, #EEEEEE)!important}.fui-input__text-left[data-v-12acf1fe]{text-align:left}.fui-input__text-right[data-v-12acf1fe]{text-align:right}.fui-input__text-center[data-v-12acf1fe]{text-align:center}.fui-input__disabled-styl[data-v-12acf1fe]{opacity:.6}.fui-button__wrap[data-v-68aadcb5]{position:relative;background:transparent!important;flex-direction:row}.fui-button[data-v-68aadcb5]{border-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;position:relative;padding-left:0;padding-right:0;overflow:hidden;transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fui-button__thin-border[data-v-68aadcb5]{position:absolute;width:200%;height:200%;transform-origin:0 0;transform:scale(.5) translateZ(0);box-sizing:border-box;left:0;top:0;border-radius:1rem;border-style:solid;pointer-events:none}.fui-button__flex-1[data-v-68aadcb5]{flex:1;width:100%}.fui-button[data-v-68aadcb5]:after{border:0}.fui-button__active[data-v-68aadcb5]{overflow:hidden!important}.fui-button__active[data-v-68aadcb5]:after{content:" ";background-color:var(--fui-bg-color-hover, rgba(0, 0, 0, .2));position:absolute;width:100%;height:100%;left:0;right:0;top:0;transform:none;z-index:2;border-radius:0}.fui-button__text[data-v-68aadcb5]{text-align:center;flex-direction:row;align-items:center;justify-content:center!important;padding-left:0!important}.fui-button__opacity[data-v-68aadcb5]{opacity:.5}.fui-text__bold[data-v-68aadcb5]{font-weight:700}.fui-button__link[data-v-68aadcb5]{border-color:transparent!important;background-color:transparent!important}.fui-button__primary[data-v-68aadcb5]{border-color:var(--fui-color-primary, #465CFF)!important;background:var(--fui-color-primary, #465CFF)!important}.fui-button__success[data-v-68aadcb5]{border-color:var(--fui-color-success, #09BE4F)!important;background:var(--fui-color-success, #09BE4F)!important}.fui-button__warning[data-v-68aadcb5]{border-color:var(--fui-color-warning, #FFB703)!important;background:var(--fui-color-warning, #FFB703)!important}.fui-button__danger[data-v-68aadcb5]{border-color:var(--fui-color-danger, #FF2B2B)!important;background:var(--fui-color-danger, #FF2B2B)!important}.fui-button__purple[data-v-68aadcb5]{border-color:var(--fui-color-purple, #6831FF)!important;background:var(--fui-color-purple, #6831FF)!important}.fui-button__gray[data-v-68aadcb5]{border-color:var(--fui-bg-color-content, #F8F8F8)!important;background:var(--fui-bg-color-content, #F8F8F8)!important;color:var(--fui-color-primary, #465CFF)!important}.fui-btn__gray-color[data-v-68aadcb5]{color:var(--fui-color-primary, #465CFF)!important}.fui-form__wrap[data-v-c5ab99ec]{width:100%;box-sizing:border-box;flex:1;position:relative}.fui-form__msg-wrap[data-v-c5ab99ec]{padding:.75rem;position:fixed;z-index:900;text-align:center;box-sizing:border-box;display:flex;word-break:break-all;align-items:center;justify-content:center;opacity:0;transform:translate3d(0,-100%,0);visibility:hidden;transition-property:all;transition-duration:.25s;transition-delay:0s;transition-timing-function:ease-in-out}.fui-form__msg-bg[data-v-c5ab99ec]{background:var(--fui-color-danger, #FF2B2B)!important}.fui-form__text[data-v-c5ab99ec]{text-align:center}.fui-form__msg-show[data-v-c5ab99ec]{visibility:visible;transform:translateZ(0);opacity:1}.fui-form__mask[data-v-c5ab99ec]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:99}.fui-checkbox__input[data-v-2678dc47]{font-size:0;color:rgba(0,0,0,0);width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;display:inline-flex;box-sizing:border-box;border-radius:50%;vertical-align:top;flex-shrink:0;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;position:relative}.fui-checkbox__color[data-v-2678dc47]{background:var(--fui-color-primary, #465CFF)!important;border-color:var(--fui-color-primary, #465CFF)!important}.fui-check__mark[data-v-2678dc47]{width:.625rem;height:1.25rem;border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:#fff;border-right-style:solid;border-right-width:3px;border-right-color:#fff;box-sizing:border-box;transform:rotate(45deg) scale(.5) translateZ(0);transform-origin:54% 48%}.fui-checkbox__hidden[data-v-2678dc47]{width:100%;height:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;position:absolute;top:0;left:0;z-index:2}.fui-checkbox__disabled[data-v-2678dc47]{opacity:.6}.fui-label__box[data-v-414e40bd]{box-sizing:border-box}.fui-label__full[data-v-414e40bd]{flex:1;width:100%}.fui-label__inline[data-v-414e40bd]{display:inline-block}.fui-text__wrap[data-v-a0c61fb8]{align-items:center;flex-direction:row}.fui-text__active[data-v-a0c61fb8]:active{opacity:.5}.fui-text__inline[data-v-a0c61fb8]{display:inline-flex}.fui-text__block[data-v-a0c61fb8]{display:flex}.fui-text__unshrink[data-v-a0c61fb8]{flex-shrink:0}.fui-text__content[data-v-a0c61fb8]{word-break:break-all}.fui-text__center[data-v-a0c61fb8]{justify-content:center}.fui-text__right[data-v-a0c61fb8]{justify-content:flex-end}.fui-text__primary[data-v-a0c61fb8]{color:var(--fui-color-primary, #465CFF)!important}.fui-text__success[data-v-a0c61fb8]{color:var(--fui-color-success, #09BE4F)!important}.fui-text__warning[data-v-a0c61fb8]{color:var(--fui-color-warning, #FFB703)!important}.fui-text__danger[data-v-a0c61fb8]{color:var(--fui-color-danger, #FF2B2B)!important}.fui-text__purple[data-v-a0c61fb8]{color:var(--fui-color-purple, #6831FF)!important}.fui-text__gray[data-v-a0c61fb8]{color:var(--fui-color-label, #B2B2B2)!important}.fui-text__black[data-v-a0c61fb8]{color:var(--fui-color-title, #181818)!important}.fui-safe__area-wrap[data-v-becf7595]{width:100%;display:flex;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);flex:1;flex-direction:row}.fui-modal__wrap[data-v-3fe22286]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;transition-timing-function:ease;transition-duration:.3s;opacity:0;transform:scale3d(1.2,1.2,1);transition-property:all;visibility:hidden}.fui-modal__fadein[data-v-3fe22286]{opacity:1;transform:scaleZ(1);visibility:visible}.fui-modal__inner[data-v-3fe22286]{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;position:relative}.fui-modal__title[data-v-3fe22286]{text-align:center;font-size:1.0625rem;color:#333;font-weight:600;padding-top:.375rem;padding-bottom:.75rem;word-break:break-all}.fui-modal__descr[data-v-3fe22286]{text-align:center;color:#999;font-size:.875rem;padding-bottom:.75rem;font-weight:400;word-break:break-all}.fui-modal__descr-pt[data-v-3fe22286]{padding-top:1.125rem}.fui-modal__btn-wrap[data-v-3fe22286]{width:100%;box-sizing:border-box;padding-top:.375rem}.fui-modal__btn-row[data-v-3fe22286]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.fui-modal__button[data-v-3fe22286]{margin:.625rem;height:2.125rem;position:relative;overflow:hidden;box-sizing:border-box}.fui-model__button-full[data-v-3fe22286]{flex:1}.fui-modal__button-col[data-v-3fe22286]{margin-bottom:0!important}.fui-modal__button-border[data-v-3fe22286]{border-width:1px;border-style:solid}.fui-modal__button-bg[data-v-3fe22286]{background:var(--fui-color-primary, #465CFF)!important}.fui-modal__button-bc[data-v-3fe22286]{border-color:var(--fui-color-primary, #465CFF)!important}.fui-modal__button-color[data-v-3fe22286]{color:var(--fui-color-primary, #465CFF)!important}.fui-modal__button-inner[data-v-3fe22286]{display:flex;white-space:nowrap;box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;align-items:center;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem;font-weight:400;color:#fff}.fui-modal__button-inner[data-v-3fe22286]:active{background-color:var(--fui-bg-color-hover, rgba(0, 0, 0, .2))}@keyframes blink-caret-1b4ae418{0%,to{border-right-color:#333}50%{border-right-color:transparent}}.warp[data-v-1b4ae418]{position:relative;font-size:.75rem;height:100vh;block-size:100% 100%;background-color:#fff}.fui-descr[data-v-1b4ae418]{letter-spacing:.03125rem;padding:.375rem 1.5625rem 1.5rem;font-size:.75rem;color:#b2b2b2}.fui-descr[data-v-1b4ae418]{text-indent:0!important}.login-bg-wrap[data-v-1b4ae418]{position:absolute;top:8.125rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-bg-wrap .login-bg[data-v-1b4ae418]{width:3.875rem;height:3.875rem}.login-bg-wrap .logo-content-wrap[data-v-1b4ae418]{font-size:1.25rem;color:#474747;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-bg-wrap .logo-content-wrap .logo-text[data-v-1b4ae418]{margin-top:.625rem;font-weight:700;display:flex;width:-moz-fit-content;width:fit-content;height:1.25rem;line-height:1.25rem;letter-spacing:.15em;border-right:.2em solid transparent;padding-right:.15em;animation:blink-caret-1b4ae418 1s infinite}.form[data-v-1b4ae418]{position:absolute;top:15.625rem;width:100%;z-index:10}.checkbox[data-v-1b4ae418]{position:fixed;left:0;bottom:1rem;width:100%;z-index:10}.privacy-wrap[data-v-1b4ae418]{display:flex;justify-content:center;align-items:center}.input[data-v-1b4ae418],.btn__box[data-v-1b4ae418]{width:100%;height:3.125rem;margin-top:1.875rem}.fiexdText[data-v-1b4ae418]{width:100%;margin-top:1.25rem}[data-v-1b4ae418] .fui-input__border-bottom{right:1rem!important}
@font-face {
font-family: fuiFont;
src: url(/static/images/codefun/fui-icon.9165208c.ttf) format('truetype');
}
.fui-icon[data-v-e638a4a4] {
font-family: fuiFont;
text-decoration: none;
text-align: center;
}
.fui-icon__color[data-v-e638a4a4] {
color: var(--fui-color-section, #333333) !important;
}
.fui-icon__active-color[data-v-e638a4a4] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-input__wrap[data-v-12acf1fe] {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex: 1;
align-items: center;
position: relative;
border-width: 0;
}
.fui-input__border-top[data-v-12acf1fe] {
position: absolute;
top: 0;
height: 1px;
transform: scaleY(0.5);
transform-origin: 0 0;
z-index: 1;
}
.fui-input__border-bottom[data-v-12acf1fe] {
position: absolute;
bottom: 0;
height: 1px;
transform: scaleY(0.5) translateZ(0);
transform-origin: 0 100%;
z-index: 1;
}
.fui-input__required[data-v-12acf1fe] {
position: absolute;
left: 0.375rem;
height: 0.9375rem;
top: 50%;
transform: translateY(-50%);
line-height: 1.15;
}
.fui-input__label[data-v-12acf1fe] {
padding-right: 0.375rem;
flex-shrink: 0;
}
.fui-input__self[data-v-12acf1fe] {
flex: 1;
padding-right: 0.375rem;
box-sizing: border-box;
overflow: visible;
background-color: transparent;
}
.fui-input__clear-wrap[data-v-12acf1fe] {
width: 1rem;
height: 1rem;
transform: rotate(45deg) scale(1.1);
position: relative;
border-radius: 50%;
flex-shrink: 0;
}
.fui-input__clear[data-v-12acf1fe] {
width: 1rem;
height: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
transform: scale(0.5) translateZ(0);
}
.fui-input__clear-a[data-v-12acf1fe] {
width: 1rem;
border: 0.0625rem solid #fff;
background-color: #fff;
box-sizing: border-box;
}
.fui-input__clear-b[data-v-12acf1fe] {
height: 1rem;
border: 0.0625rem solid #fff;
background-color: #fff;
box-sizing: border-box;
}
.fui-input__placeholder[data-v-12acf1fe] {
color: var(--fui-color-minor, #ccc);
overflow: visible;
}
.fui-input__disabled[data-v-12acf1fe] {
pointer-events: none;
}
.fui-input__border[data-v-12acf1fe] {
position: absolute;
height: 200%;
width: 200%;
border: 1px solid var(--fui-color-border, #eeeeee);
transform-origin: 0 0;
transform: scale(0.5);
left: 0;
top: 0;
border-radius: 0.5rem;
pointer-events: none;
}
.fui-input__bordercolor[data-v-12acf1fe] {
border-color: var(--fui-color-border, #eeeeee) !important;
}
.fui-input__background[data-v-12acf1fe] {
background: var(--fui-color-border, #eeeeee) !important;
}
.fui-input__text-left[data-v-12acf1fe] {
text-align: left;
}
.fui-input__text-right[data-v-12acf1fe] {
text-align: right;
}
.fui-input__text-center[data-v-12acf1fe] {
text-align: center;
}
.fui-input__disabled-styl[data-v-12acf1fe] {
opacity: 0.6;
}
.fui-button__wrap[data-v-68aadcb5] {
position: relative;
background: transparent !important;
flex-direction: row;
}
.fui-button[data-v-68aadcb5] {
border-width: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border-style: solid;
position: relative;
padding-left: 0;
padding-right: 0;
overflow: hidden;
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fui-button__thin-border[data-v-68aadcb5] {
position: absolute;
width: 200%;
height: 200%;
transform-origin: 0 0;
transform: scale(0.5) translateZ(0);
box-sizing: border-box;
left: 0;
top: 0;
border-radius: 1rem;
border-style: solid;
pointer-events: none;
}
.fui-button__flex-1[data-v-68aadcb5] {
flex: 1;
width: 100%;
}
.fui-button[data-v-68aadcb5]:after {
border: 0;
}
.fui-button__active[data-v-68aadcb5] {
overflow: hidden !important;
}
.fui-button__active[data-v-68aadcb5]:after {
content: ' ';
background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
transform: none;
z-index: 2;
border-radius: 0;
}
.fui-button__text[data-v-68aadcb5] {
text-align: center;
flex-direction: row;
align-items: center;
justify-content: center !important;
padding-left: 0 !important;
}
.fui-button__opacity[data-v-68aadcb5] {
opacity: 0.5;
}
.fui-text__bold[data-v-68aadcb5] {
font-weight: 700;
}
.fui-button__link[data-v-68aadcb5] {
border-color: transparent !important;
background-color: transparent !important;
}
.fui-button__primary[data-v-68aadcb5] {
border-color: var(--fui-color-primary, #465cff) !important;
background: var(--fui-color-primary, #465cff) !important;
}
.fui-button__success[data-v-68aadcb5] {
border-color: var(--fui-color-success, #09be4f) !important;
background: var(--fui-color-success, #09be4f) !important;
}
.fui-button__warning[data-v-68aadcb5] {
border-color: var(--fui-color-warning, #ffb703) !important;
background: var(--fui-color-warning, #ffb703) !important;
}
.fui-button__danger[data-v-68aadcb5] {
border-color: var(--fui-color-danger, #ff2b2b) !important;
background: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-button__purple[data-v-68aadcb5] {
border-color: var(--fui-color-purple, #6831ff) !important;
background: var(--fui-color-purple, #6831ff) !important;
}
.fui-button__gray[data-v-68aadcb5] {
border-color: var(--fui-bg-color-content, #f8f8f8) !important;
background: var(--fui-bg-color-content, #f8f8f8) !important;
color: var(--fui-color-primary, #465cff) !important;
}
.fui-btn__gray-color[data-v-68aadcb5] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-form__wrap[data-v-c5ab99ec] {
width: 100%;
box-sizing: border-box;
flex: 1;
position: relative;
}
.fui-form__msg-wrap[data-v-c5ab99ec] {
padding: 0.75rem;
position: fixed;
z-index: 900;
text-align: center;
box-sizing: border-box;
display: flex;
word-break: break-all;
align-items: center;
justify-content: center;
opacity: 0;
transform: translate3d(0, -100%, 0);
visibility: hidden;
transition-property: all;
transition-duration: 0.25s;
transition-delay: 0s;
transition-timing-function: ease-in-out;
}
.fui-form__msg-bg[data-v-c5ab99ec] {
background: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-form__text[data-v-c5ab99ec] {
text-align: center;
}
.fui-form__msg-show[data-v-c5ab99ec] {
visibility: visible;
transform: translateZ(0);
opacity: 1;
}
.fui-form__mask[data-v-c5ab99ec] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
z-index: 99;
}
.fui-checkbox__input[data-v-2678dc47] {
font-size: 0;
color: rgba(0, 0, 0, 0);
width: 1.25rem;
height: 1.25rem;
border-width: 1px;
border-style: solid;
display: inline-flex;
box-sizing: border-box;
border-radius: 50%;
vertical-align: top;
flex-shrink: 0;
flex-direction: row;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.fui-checkbox__color[data-v-2678dc47] {
background: var(--fui-color-primary, #465cff) !important;
border-color: var(--fui-color-primary, #465cff) !important;
}
.fui-check__mark[data-v-2678dc47] {
width: 0.625rem;
height: 1.25rem;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #fff;
border-right-style: solid;
border-right-width: 3px;
border-right-color: #fff;
box-sizing: border-box;
transform: rotate(45deg) scale(0.5) translateZ(0);
transform-origin: 54% 48%;
}
.fui-checkbox__hidden[data-v-2678dc47] {
width: 100%;
height: 100%;
border: 0 none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.fui-checkbox__disabled[data-v-2678dc47] {
opacity: 0.6;
}
.fui-label__box[data-v-414e40bd] {
box-sizing: border-box;
}
.fui-label__full[data-v-414e40bd] {
flex: 1;
width: 100%;
}
.fui-label__inline[data-v-414e40bd] {
display: inline-block;
}
.fui-text__wrap[data-v-a0c61fb8] {
align-items: center;
flex-direction: row;
}
.fui-text__active[data-v-a0c61fb8]:active {
opacity: 0.5;
}
.fui-text__inline[data-v-a0c61fb8] {
display: inline-flex;
}
.fui-text__block[data-v-a0c61fb8] {
display: flex;
}
.fui-text__unshrink[data-v-a0c61fb8] {
flex-shrink: 0;
}
.fui-text__content[data-v-a0c61fb8] {
word-break: break-all;
}
.fui-text__center[data-v-a0c61fb8] {
justify-content: center;
}
.fui-text__right[data-v-a0c61fb8] {
justify-content: flex-end;
}
.fui-text__primary[data-v-a0c61fb8] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-text__success[data-v-a0c61fb8] {
color: var(--fui-color-success, #09be4f) !important;
}
.fui-text__warning[data-v-a0c61fb8] {
color: var(--fui-color-warning, #ffb703) !important;
}
.fui-text__danger[data-v-a0c61fb8] {
color: var(--fui-color-danger, #ff2b2b) !important;
}
.fui-text__purple[data-v-a0c61fb8] {
color: var(--fui-color-purple, #6831ff) !important;
}
.fui-text__gray[data-v-a0c61fb8] {
color: var(--fui-color-label, #b2b2b2) !important;
}
.fui-text__black[data-v-a0c61fb8] {
color: var(--fui-color-title, #181818) !important;
}
.fui-safe__area-wrap[data-v-becf7595] {
width: 100%;
display: flex;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
flex: 1;
flex-direction: row;
}
.fui-modal__wrap[data-v-3fe22286] {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
transition-timing-function: ease;
transition-duration: 0.3s;
opacity: 0;
transform: scale3d(1.2, 1.2, 1);
transition-property: all;
visibility: hidden;
}
.fui-modal__fadein[data-v-3fe22286] {
opacity: 1;
transform: scaleZ(1);
visibility: visible;
}
.fui-modal__inner[data-v-3fe22286] {
display: flex;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.fui-modal__title[data-v-3fe22286] {
text-align: center;
font-size: 1.0625rem;
color: #333;
font-weight: 600;
padding-top: 0.375rem;
padding-bottom: 0.75rem;
word-break: break-all;
}
.fui-modal__descr[data-v-3fe22286] {
text-align: center;
color: #999;
font-size: 0.875rem;
padding-bottom: 0.75rem;
font-weight: 400;
word-break: break-all;
}
.fui-modal__descr-pt[data-v-3fe22286] {
padding-top: 1.125rem;
}
.fui-modal__btn-wrap[data-v-3fe22286] {
width: 100%;
box-sizing: border-box;
padding-top: 0.375rem;
}
.fui-modal__btn-row[data-v-3fe22286] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.fui-modal__button[data-v-3fe22286] {
margin: 0.625rem;
height: 2.125rem;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.fui-model__button-full[data-v-3fe22286] {
flex: 1;
}
.fui-modal__button-col[data-v-3fe22286] {
margin-bottom: 0 !important;
}
.fui-modal__button-border[data-v-3fe22286] {
border-width: 1px;
border-style: solid;
}
.fui-modal__button-bg[data-v-3fe22286] {
background: var(--fui-color-primary, #465cff) !important;
}
.fui-modal__button-bc[data-v-3fe22286] {
border-color: var(--fui-color-primary, #465cff) !important;
}
.fui-modal__button-color[data-v-3fe22286] {
color: var(--fui-color-primary, #465cff) !important;
}
.fui-modal__button-inner[data-v-3fe22286] {
display: flex;
white-space: nowrap;
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.8125rem;
font-weight: 400;
color: #fff;
}
.fui-modal__button-inner[data-v-3fe22286]:active {
background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
}
@keyframes blink-caret-1b4ae418 {
0%,
to {
border-right-color: #333;
}
50% {
border-right-color: transparent;
}
}
.warp[data-v-1b4ae418] {
position: relative;
font-size: 0.75rem;
height: 100vh;
block-size: 100% 100%;
background-color: #fff;
}
.fui-descr[data-v-1b4ae418] {
letter-spacing: 0.03125rem;
padding: 0.375rem 1.5625rem 1.5rem;
font-size: 0.75rem;
color: #b2b2b2;
}
.fui-descr[data-v-1b4ae418] {
text-indent: 0 !important;
}
.login-bg-wrap[data-v-1b4ae418] {
position: absolute;
top: 8.125rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.login-bg-wrap .login-bg[data-v-1b4ae418] {
width: 3.875rem;
height: 3.875rem;
}
.login-bg-wrap .logo-content-wrap[data-v-1b4ae418] {
font-size: 1.25rem;
color: #474747;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.login-bg-wrap .logo-content-wrap .logo-text[data-v-1b4ae418] {
margin-top: 0.625rem;
font-weight: 700;
display: flex;
width: -moz-fit-content;
width: fit-content;
height: 1.25rem;
line-height: 1.25rem;
letter-spacing: 0.15em;
border-right: 0.2em solid transparent;
padding-right: 0.15em;
animation: blink-caret-1b4ae418 1s infinite;
}
.form[data-v-1b4ae418] {
position: absolute;
top: 15.625rem;
width: 100%;
z-index: 10;
}
.checkbox[data-v-1b4ae418] {
position: fixed;
left: 0;
bottom: 1rem;
width: 100%;
z-index: 10;
}
.privacy-wrap[data-v-1b4ae418] {
display: flex;
justify-content: center;
align-items: center;
}
.input[data-v-1b4ae418],
.btn__box[data-v-1b4ae418] {
width: 100%;
height: 3.125rem;
margin-top: 1.875rem;
}
.fiexdText[data-v-1b4ae418] {
width: 100%;
margin-top: 1.25rem;
}
[data-v-1b4ae418] .fui-input__border-bottom {
right: 1rem !important;
}
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论