<script>
    export default {
        components: {},
        props: {},
        data() {
            return {}
        },

        methods: {},

        onPullDownRefresh() {
            setTimeout(function () {
                uni.stopPullDownRefresh()
                Message.toast('刷新成功')
            }, 1000)
        },
    }
</script>

<template>
    <view class="codefun-flex-col page">
        <view class="codefun-flex-col">
            <view class="codefun-flex-col section">
                <view class="codefun-flex-col group_2">
                    <view class="codefun-flex-col">
                        <view
                            class="codefun-flex-row codefun-justify-center codefun-items-center codefun-relative group_3"
                        >
                            <text class="font text">服务</text>
                            <image
                                class="image_6 pos_2"
                                src="/static/images/codefun/2d7ca3ba49afaa9f885afb0ba601a403.png"
                            />
                        </view>
                        <view class="codefun-flex-col mt-15">
                            <view class="codefun-flex-row codefun-items-center section_2">
                                <text class="codefun-shrink-0 font_2">岗位</text>
                                <text class="codefun-shrink-0 font_3 codefun-ml-2">32</text>
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-shrink-0 codefun-relative group_4 codefun-ml-2"
                                >
                                    <text class="font_2">个， 需求</text>
                                    <text class="font_3 pos_3">215</text>
                                    <text class="font_2 text_2 pos_4">人， 已匹配</text>
                                    <text class="font_3 pos_5">186</text>
                                    <text class="font_2 pos_6">人</text>
                                </view>
                            </view>
                            <view class="codefun-flex-row equal-division section_3 codefun-mt-12">
                                <view class="codefun-flex-col codefun-items-center equal-division-item_1">
                                    <image
                                        class="image_7"
                                        src="/static/images/codefun/8193a279dfd933588d29a34aa2aeefe7.png"
                                    />
                                    <text class="font_4 text_3 mt-13">灵活用工</text>
                                </view>
                                <view
                                    class="codefun-flex-col codefun-items-center equal-division-item_2 equal-division-item"
                                >
                                    <image
                                        class="image_7"
                                        src="/static/images/codefun/b4ac84c6c037b7ab92fa371141ad88e0.png"
                                    />
                                    <text class="font_4 text_4 mt-13">助农金融</text>
                                </view>
                                <view class="codefun-flex-col codefun-items-center equal-division-item_2 group_34">
                                    <image
                                        class="image_7"
                                        src="/static/images/codefun/1ec00e65ad474de76b9efc3691acbbd1.png"
                                    />
                                    <text class="font_4 text_5 mt-13">农资交易</text>
                                </view>
                                <view class="codefun-flex-col codefun-items-center equal-division-item_9 group_35">
                                    <image
                                        class="image_7"
                                        src="/static/images/codefun/d6d66fa5331d2be60c7b0b66de6477e5.png"
                                    />
                                    <text class="font_4 text_6 mt-13">农机服务</text>
                                </view>
                                <view class="codefun-flex-col codefun-items-center equal-division-item_10 group_1">
                                    <image
                                        class="image_7"
                                        src="/static/images/codefun/aeaf23bed23b217a39c0c82cffb1bfb5.png"
                                    />
                                    <text class="font_4 text_7 mt-13">更多</text>
                                </view>
                            </view>
                        </view>
                    </view>
                    <view class="codefun-flex-row codefun-justify-between codefun-items-baseline codefun-mt-24">
                        <text class="font_5 text_8">灵活用工</text>
                        <text class="font_6 text_9">更多</text>
                    </view>
                </view>
            </view>
            <view class="codefun-flex-col group_8">
                <view class="codefun-flex-col section_4">
                    <view class="codefun-flex-row codefun-justify-between codefun-items-center">
                        <view class="codefun-flex-row">
                            <image class="image_8" src="/static/images/codefun/ce0934e2137d43264df416c99d587cad.png" />
                            <view class="codefun-flex-col codefun-items-start group_9 ml-11">
                                <text class="font_7">季节性用工</text>
                                <text class="font_9 text_11 mt-11">三农区域灵活用工服务</text>
                            </view>
                        </view>
                        <view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_1">
                            <text class="font_8 text_10">去发布</text>
                        </view>
                    </view>
                    <view class="codefun-flex-col mt-19">
                        <view class="codefun-flex-row codefun-justify-between codefun-items-center">
                            <view class="codefun-flex-row">
                                <image
                                    class="image_9"
                                    src="/static/images/codefun/8b6fa6d1f9b4e2a53a33619c1f8ccff4.png"
                                />
                                <view class="codefun-flex-col codefun-items-start group_10 ml-11">
                                    <text class="font_7 text_12">农机手调度</text>
                                    <text class="font_10 text_14 mt-11">专业人员作业安排</text>
                                </view>
                            </view>
                            <view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper">
                                <text class="font_8 text_13">去预约</text>
                            </view>
                        </view>
                        <view class="codefun-flex-row codefun-justify-between codefun-items-center codefun-mt-18">
                            <view class="codefun-flex-row codefun-items-center">
                                <image
                                    class="image_9"
                                    src="/static/images/codefun/06319419d17b7630c1d5bc415bcd26ef.png"
                                />
                                <view class="codefun-flex-col codefun-items-start ml-11">
                                    <text class="font_7 text_15">作业质量评价</text>
                                    <text class="font_9 text_17 mt-11">农机定位精度≤50米</text>
                                </view>
                            </view>
                            <view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_15">
                                <text class="font_8 text_16">去评价</text>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="codefun-flex-col codefun-mt-24">
                    <view class="codefun-flex-row codefun-justify-between codefun-items-center group_11">
                        <text class="font_5 text_18">助农金融</text>
                        <text class="font_6 text_19">全部</text>
                    </view>
                    <view class="codefun-flex-row equal-division_2 section_1">
                        <view class="codefun-flex-col group_12 group_36">
                            <image
                                class="codefun-self-center image_10"
                                src="/static/images/codefun/c6120d23a50c05f74836335d75fc42e5.png"
                            />
                            <text class="codefun-self-center font_11 text_20">惠农贷</text>
                            <text class="codefun-self-center font_11">振兴贷</text>
                            <view
                                class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_2 view_1"
                            >
                                <text class="font_12 text_25">去对比</text>
                            </view>
                        </view>
                        <view class="section_5 horiz-divider" />
                        <view class="codefun-flex-col group_12 group_32">
                            <image
                                class="codefun-self-center image_10"
                                src="/static/images/codefun/c7e55ddfc537c95cfba831af3dee0dd7.png"
                            />
                            <text class="codefun-self-center font_11 text_21">灾害险</text>
                            <text class="codefun-self-center font_11">价格险</text>
                            <view
                                class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_14"
                            >
                                <text class="font_12 text_24">去选择</text>
                            </view>
                        </view>
                        <view class="section_5 horiz-divider" />
                        <view class="codefun-flex-col group_12 group_33">
                            <image
                                class="codefun-self-center image_10"
                                src="/static/images/codefun/4f8282213bb5e0b881853f4a2e005c99.png"
                            />
                            <text class="codefun-self-stretch font_11 text_22">本县576人已申请</text>
                            <view
                                class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_2 view_2"
                            >
                                <text class="font_12 text_25">去申请</text>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="codefun-flex-col codefun-mt-24">
                    <text class="codefun-self-start font_5 text_26">农资交易</text>
                    <view class="codefun-flex-col codefun-self-stretch section_6 codefun-mt-16">
                        <view class="grid">
                            <view class="codefun-flex-col grid-item_1">
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_7"
                                >
                                    <view
                                        class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
                                    >
                                        <text class="font_13">政府背书</text>
                                    </view>
                                </view>
                                <text class="codefun-self-start font text_27 codefun-mt-10">有机肥料</text>
                                <text class="codefun-self-start font_1 text_64 codefun-mt-10">¥220</text>
                            </view>
                            <view class="codefun-flex-col grid-item">
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_8"
                                >
                                    <view
                                        class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
                                    >
                                        <text class="font_13">政府背书</text>
                                    </view>
                                </view>
                                <text class="codefun-self-start font text_1 codefun-mt-10">种子套装</text>
                                <text class="codefun-self-start font_14 text_28 codefun-mt-10">¥65</text>
                            </view>
                            <view class="codefun-flex-col grid-item_1">
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_9"
                                >
                                    <view
                                        class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
                                    >
                                        <text class="font_13">政府背书</text>
                                    </view>
                                </view>
                                <text class="codefun-self-start font text_67 codefun-mt-10">复合肥</text>
                                <text class="codefun-self-start font_1 text_65 codefun-mt-10">¥125</text>
                            </view>
                            <view class="codefun-flex-col grid-item_3">
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-start codefun-self-stretch section_10"
                                >
                                    <view
                                        class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_3"
                                    >
                                        <text class="font_13">政府背书</text>
                                    </view>
                                </view>
                                <text class="codefun-self-start font text_68 codefun-mt-10">养殖饲料</text>
                                <text class="codefun-self-start font_14 text_66 codefun-mt-10">¥65</text>
                            </view>
                        </view>
                        <view
                            class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_4 codefun-mt-14 !hidden"
                        >
                            <text class="font_15 text_29">作业预约</text>
                        </view>
                    </view>
                </view>
                <view class="codefun-flex-col codefun-mt-24">
                    <text class="codefun-self-start font_5">一站式解决农机问题</text>
                    <view class="codefun-flex-col codefun-self-stretch section_11">
                        <view class="codefun-flex-row equal-division_3">
                            <view class="codefun-flex-col equal-division-item_3 section_12">
                                <view class="codefun-flex-row codefun-items-center codefun-self-stretch">
                                    <image
                                        class="image_11"
                                        src="/static/images/codefun/e9d22bb18119b11750e4ac8206873fed.png"
                                    />
                                    <text class="font_5 text_30 ml-7">找农机</text>
                                </view>
                                <text class="codefun-self-start font_10 text_32 codefun-mt-10"
                                    >谁家农机闲着？急用！</text
                                >
                                <view
                                    class="codefun-flex-row codefun-justify-end codefun-items-center codefun-self-stretch group_13 codefun-mt-10"
                                >
                                    <image
                                        class="image_12 image_13"
                                        src="/static/images/codefun/26a0e2c4b4289791cb8aa94f57e5fead.png"
                                    />
                                    <text class="font_10 text_34">去找农机</text>
                                </view>
                            </view>
                            <view class="codefun-flex-col equal-division-item_3 section_13 ml-11">
                                <view class="codefun-flex-row codefun-items-center codefun-self-stretch">
                                    <image
                                        class="image_11"
                                        src="/static/images/codefun/7e9e9f3d417af907691d5c49986b0437.png"
                                    />
                                    <text class="font_5 text_31 ml-7">干农活</text>
                                </view>
                                <text class="codefun-self-start font_10 text_33 codefun-mt-10"
                                    >我有农机具，接个活！</text
                                >
                                <view
                                    class="codefun-flex-row codefun-justify-end codefun-items-center codefun-self-stretch codefun-mt-10"
                                >
                                    <image
                                        class="image_12 image_14"
                                        src="/static/images/codefun/296e5d1e691ccb3507907c50da02c2ae.png"
                                    />
                                    <text class="font_10 text_35">去找农机</text>
                                </view>
                            </view>
                        </view>
                        <view
                            class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-stretch text-wrapper_4 codefun-mt-14"
                        >
                            <text class="font_15 text_29">作业预约</text>
                        </view>
                        <text class="codefun-self-center font_10 text_36 codefun-mt-14">紧急报修30分钟响应</text>
                    </view>
                    <view
                        class="codefun-flex-row codefun-justify-between codefun-items-center codefun-self-stretch group_14"
                    >
                        <text class="font_5">一站式解决农机问题</text>
                        <text class="font_6 text_37">全部案例</text>
                    </view>
                    <view class="codefun-flex-col codefun-self-stretch section_14">
                        <view class="codefun-flex-row">
                            <view class="codefun-flex-col codefun-justify-start equal-division-item_3 section_15">
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_5"
                                >
                                    <text class="font_16">绿鲜农场</text>
                                </view>
                            </view>
                            <view class="codefun-flex-col codefun-justify-start equal-division-item_3 section_16 ml-11">
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_5"
                                >
                                    <text class="font_16">绿鲜农场</text>
                                </view>
                            </view>
                        </view>
                        <view class="codefun-flex-col group_15 codefun-mt-24">
                            <view class="codefun-flex-row codefun-justify-between codefun-items-center group_16">
                                <view class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper">
                                    <image
                                        class="image_16"
                                        src="/static/images/codefun/ddc5246c61923da3e926e67230daffd1.png"
                                    />
                                </view>
                                <view class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper">
                                    <image
                                        class="image_15"
                                        src="/static/images/codefun/15c2bc548cf753d64ccb42b694f02ef5.png"
                                    />
                                </view>
                                <view
                                    class="codefun-flex-col codefun-justify-start codefun-items-center image-wrapper view"
                                >
                                    <image
                                        class="image_15"
                                        src="/static/images/codefun/4c7a07198f2fefd52854cf70f21ac8b1.png"
                                    />
                                </view>
                            </view>
                            <view class="codefun-flex-row codefun-justify-between codefun-mt-12">
                                <view class="codefun-flex-row codefun-items-center">
                                    <text class="font_17 text_38">包装设计</text>
                                    <image
                                        class="codefun-shrink-0 image ml-23"
                                        src="/static/images/codefun/b31cf305e90b1547bca2725e5a2ea5be.png"
                                    />
                                </view>
                                <view class="codefun-flex-row codefun-items-center">
                                    <text class="font_17">区域品牌</text>
                                    <image
                                        class="codefun-shrink-0 image ml-23"
                                        src="/static/images/codefun/b31cf305e90b1547bca2725e5a2ea5be.png"
                                    />
                                </view>
                                <text class="font_17 text_39">地标申报</text>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="codefun-flex-col codefun-mt-24">
                    <text class="codefun-self-start font_5 text_40">技能培训</text>
                    <view class="codefun-flex-col codefun-self-stretch codefun-mt-18">
                        <view class="codefun-flex-col codefun-justify-start section_17">
                            <view class="codefun-flex-row equal-division_4">
                                <view class="codefun-flex-col equal-division-item_4 group_17">
                                    <text class="codefun-self-start font_10">09月</text>
                                    <text class="codefun-self-center font_18 text_42 codefun-mt-6">10</text>
                                </view>
                                <view class="codefun-flex-col equal-division-item_4 group_21">
                                    <text class="codefun-self-start font_10">09月</text>
                                    <text class="codefun-self-center font_18 text_43 codefun-mt-6">11</text>
                                </view>
                                <view class="codefun-flex-col equal-division-item_4 group_18">
                                    <text class="codefun-self-start font_6 text_41">09月</text>
                                    <text class="codefun-self-center font_18 text_44 mt-7">12</text>
                                    <view class="codefun-self-start section_18 mt-7" />
                                </view>
                                <view class="codefun-flex-col equal-division-item_4 group_23">
                                    <text class="codefun-self-start font_10">09月</text>
                                    <text class="codefun-self-center font_18 text_45 codefun-mt-6">13</text>
                                </view>
                                <view class="codefun-flex-col equal-division-item_4 group_24">
                                    <text class="codefun-self-start font_10">09月</text>
                                    <text class="codefun-self-center font_18 text_46 codefun-mt-6">14</text>
                                </view>
                                <view class="codefun-flex-col equal-division-item_4 group_25">
                                    <text class="codefun-self-start font_10">09月</text>
                                    <text class="codefun-self-center font_18 text_47 codefun-mt-6">15</text>
                                </view>
                                <view class="codefun-flex-col codefun-items-start equal-division-item_4 group_26">
                                    <text class="font_10">09月</text>
                                    <text class="font_18 text_48 codefun-mt-6">16</text>
                                </view>
                            </view>
                        </view>
                        <view
                            class="codefun-flex-row codefun-justify-between codefun-items-center codefun-relative section_19 codefun-mt-10"
                        >
                            <view class="codefun-flex-col">
                                <view class="codefun-flex-row codefun-items-center codefun-self-stretch">
                                    <text class="font_19 text_49">09:30</text>
                                    <text class="font_20 text_49 text_50 ml-15">有机农业种植技术</text>
                                </view>
                                <text class="codefun-self-center font_21 text_49 text_52 mt-11">农技专家指导授课</text>
                            </view>
                            <view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_6">
                                <text class="font_8 text_51">报名</text>
                            </view>
                            <view
                                class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_7 pos_7"
                            >
                                <text class="font_13 text_53">机</text>
                            </view>
                        </view>
                        <view class="codefun-flex-row codefun-justify-between section_20 codefun-mt-10">
                            <view class="codefun-flex-col codefun-self-center">
                                <view class="codefun-flex-row codefun-items-center">
                                    <text class="font_19 text_49">14:00</text>
                                    <text class="font_20 text_49 text_59 ml-15">有机农业种植技术</text>
                                </view>
                                <view class="codefun-flex-row codefun-items-end group_27 codefun-mt-8">
                                    <view
                                        class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_9"
                                    >
                                        <text class="font_13 text_56">政</text>
                                    </view>
                                    <text class="font_9 text_49 text_57 codefun-ml-28">拖拉机专用技能</text>
                                </view>
                            </view>
                            <view
                                class="codefun-flex-col codefun-justify-start codefun-items-center codefun-self-start text-wrapper_8"
                            >
                                <text class="font_6 text_55">查看</text>
                            </view>
                        </view>
                        <view
                            class="codefun-flex-row codefun-justify-between codefun-items-center codefun-relative section_19 codefun-mt-10"
                        >
                            <view class="codefun-flex-col">
                                <view class="codefun-flex-row codefun-items-center codefun-self-stretch">
                                    <text class="font_19 text_49">09:30</text>
                                    <text class="font_20 text_49 text_50 ml-15">有机农业种植技术</text>
                                </view>
                                <text class="codefun-self-center font_21 text_49 text_52 mt-11">农技专家指导授课</text>
                            </view>
                            <view class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_6">
                                <text class="font_8 text_51">报名</text>
                            </view>
                            <view
                                class="codefun-flex-col codefun-justify-start codefun-items-center text-wrapper_10 pos_8"
                            >
                                <text class="font_13 text_58">证</text>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<style scoped lang="scss">
    .ml-5 {
        margin-left: 10rpx;
    }
    .mt-15 {
        margin-top: 30rpx;
    }
    .mt-13 {
        margin-top: 26rpx;
    }
    .mt-19 {
        margin-top: 38rpx;
    }
    .ml-7 {
        margin-left: 14rpx;
    }
    .ml-11 {
        margin-left: 22rpx;
    }
    .ml-23 {
        margin-left: 46rpx;
    }
    .mt-7 {
        margin-top: 14rpx;
    }
    .mt-11 {
        margin-top: 22rpx;
    }
    .ml-15 {
        margin-left: 30rpx;
    }
    .mt-21 {
        margin-top: 42rpx;
    }
    .mt-5 {
        margin-top: 10rpx;
    }
    .page {
        background-color: #e6f5e8;
        mix-blend-mode: NOTTHROUGH;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
        padding-bottom: 20rpx;

        .section {
            padding: 2.28rpx 26.88rpx 53.02rpx 28rpx;
            background-image: url('/static/images/codefun/7a5dc4ee864fe55da98b41c14ee3b931.png');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            .group {
                padding-left: 16rpx;
                .image_2 {
                    border-radius: 64rpx;
                    width: 108rpx;
                    height: 42rpx;
                }
                .image_3 {
                    mix-blend-mode: NOTTHROUGH;
                    width: 34rpx;
                    height: 22rpx;
                }
                .image_4 {
                    mix-blend-mode: NOTTHROUGH;
                    width: 30rpx;
                    height: 22rpx;
                }
                .image_5 {
                    width: 48rpx;
                    height: 22rpx;
                }
            }
            .group_2 {
                margin-top: 74rpx;
                .group_3 {
                    padding: 9.04rpx 0 5.46rpx;
                    .text {
                        color: #ffffffe6;
                        line-height: 29.5rpx;
                    }
                    .image_6 {
                        width: 44rpx;
                        height: 44rpx;
                    }
                    .pos_2 {
                        position: absolute;
                        right: 1.12rpx;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
                .section_2 {
                    padding: 22.5rpx 33.06rpx 13.96rpx;
                    background-color: #fff7ec;
                    border-radius: 16rpx;
                    mix-blend-mode: NOTTHROUGH;
                    .font_2 {
                        font-size: 28rpx;
                        line-height: 40rpx;
                        color: #000000;
                    }
                    .font_3 {
                        font-size: 28rpx;
                        line-height: 40rpx;
                        color: #fc8145;
                    }
                    .group_4 {
                        margin-right: 186.54rpx;
                        padding-bottom: 3.38rpx;
                        width: 355.96rpx;
                        .pos_3 {
                            position: absolute;
                            left: 131rpx;
                            top: 0;
                        }
                        .text_2 {
                            width: 183rpx;
                        }
                        .pos_4 {
                            position: absolute;
                            right: -18rpx;
                            top: 0;
                        }
                        .pos_5 {
                            position: absolute;
                            right: -39rpx;
                            top: 0;
                        }
                        .pos_6 {
                            position: absolute;
                            right: -80rpx;
                        }
                    }
                }
                .equal-division {
                    position: relative;
                    .equal-division-item_1 {
                        padding: 10rpx 0 10rpx;
                        width: 134rpx;
                        .text_3 {
                            line-height: 22.12rpx;
                        }
                    }
                    .equal-division-item_2 {
                        margin-left: 0;
                        .text_4 {
                            line-height: 22.34rpx;
                        }
                        .text_5 {
                            line-height: 22.42rpx;
                        }
                    }
                    .equal-division-item {
                        padding: 10rpx 0 10.1rpx;
                        width: 134rpx;
                    }
                    .image_7 {
                        width: 96rpx;
                        height: 96rpx;
                    }
                    .font_4 {
                        font-size: 24rpx;
                        line-height: 20.84rpx;
                        color: #1d2129;
                    }
                    .group_34 {
                        padding: 10rpx 0 10.04rpx;
                        width: 134rpx;
                    }
                    .equal-division-item_9 {
                        // position: absolute;
                        // right: 147rpx;
                        // top: 6rpx;
                        .text_6 {
                            line-height: 22.12rpx;
                        }
                    }
                    .group_35 {
                        padding: 10rpx 0 10.12rpx;
                        width: 134rpx;
                    }
                    .equal-division-item_10 {
                        // position: absolute;
                        // right: 13rpx;
                        // top: 6rpx;
                        .text_7 {
                            line-height: 22.18rpx;
                        }
                    }
                    .group_1 {
                        padding: 10rpx 0 10.1rpx;
                        width: 134rpx;
                    }
                }
                .section_3 {
                    padding: 16rpx 12rpx 16rpx;
                    background-color: #ffffff;
                    border-radius: 16rpx;
                    mix-blend-mode: NOTTHROUGH;
                }
                .text_8 {
                    line-height: 29.5rpx;
                }
                .text_9 {
                    line-height: 22.18rpx;
                }
            }
        }
        .group_8 {
            padding: 4rpx 25.38rpx 0 28rpx;
            .section_4 {
                margin-right: 2.62rpx;
                padding: 30rpx 24rpx 24rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .image_8 {
                    border-radius: 40rpx;
                    width: 80rpx;
                    height: 80rpx;
                }
                .group_9 {
                    margin-top: 6.68rpx;
                    margin-bottom: 3.48rpx;
                    .text_11 {
                        line-height: 22.24rpx;
                    }
                }
                .text-wrapper_1 {
                    padding: 14.2rpx 0 11.56rpx;
                    background-color: #5db66f;
                    border-radius: 400rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 136rpx;
                    height: 48rpx;
                    .text_10 {
                        line-height: 22.24rpx;
                    }
                }
                .image_9 {
                    border-radius: 40rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 80rpx;
                    height: 80rpx;
                }
                .group_10 {
                    margin-top: 6.54rpx;
                    margin-bottom: 3.52rpx;
                    .text_12 {
                        line-height: 25.92rpx;
                    }
                    .text_14 {
                        line-height: 22.22rpx;
                    }
                }
                .font_7 {
                    font-size: 28rpx;
                    line-height: 25.9rpx;
                    color: #333333;
                }
                .text-wrapper {
                    padding: 14.28rpx 0 11.64rpx;
                    background-color: #5db66f;
                    border-radius: 400rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 136rpx;
                    height: 48rpx;
                    .text_13 {
                        line-height: 22.08rpx;
                    }
                }
                .text_15 {
                    line-height: 26.04rpx;
                }
                .text_17 {
                    line-height: 22.32rpx;
                }
                .text-wrapper_15 {
                    padding: 14.26rpx 0 11.42rpx;
                    background-color: #5db66f;
                    border-radius: 400rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 136rpx;
                    height: 48rpx;
                    .text_16 {
                        line-height: 22.32rpx;
                    }
                }
            }
            .group_11 {
                padding-bottom: 31.42rpx;
                .text_18 {
                    line-height: 29.8rpx;
                }
                .text_19 {
                    margin-right: 32rpx;
                    line-height: 22.3rpx;
                }
            }
            .equal-division_2 {
                margin-right: 2.62rpx;
                .group_12 {
                    flex: 1 1 231.34rpx;
                    .image_10 {
                        width: 64rpx;
                        height: 64rpx;
                    }
                    .font_11 {
                        font-size: 28rpx;
                        line-height: 48rpx;
                        color: #333333;
                    }
                    .text_20 {
                        margin-top: 18.6rpx;
                    }
                    .text-wrapper_2 {
                        padding: 14.28rpx 0 11.64rpx;
                        background-color: #5db66f26;
                        border-radius: 400rpx;
                        mix-blend-mode: NOTTHROUGH;
                        .text_25 {
                            line-height: 22.08rpx;
                        }
                    }
                    .view_1 {
                        margin-top: 13.4rpx;
                    }
                    .text_21 {
                        margin-top: 18.5rpx;
                    }
                    .text-wrapper_14 {
                        margin-top: 13.5rpx;
                        padding: 14.28rpx 0 11.56rpx;
                        background-color: #5db66f26;
                        border-radius: 400rpx;
                        mix-blend-mode: NOTTHROUGH;
                        .text_24 {
                            line-height: 22.16rpx;
                        }
                    }
                    .font_12 {
                        font-size: 24rpx;
                        line-height: 20.84rpx;
                        color: #16a34a;
                    }
                    .text_22 {
                        margin: 18.72rpx 3.54rpx 0 2.46rpx;
                        text-align: center;
                    }
                    .view_2 {
                        margin-top: 13.3rpx;
                    }
                }
                .group_36 {
                    padding: 10rpx 47.34rpx 10rpx 48rpx;
                }
                .section_5 {
                    flex-shrink: 0;
                    margin: 22rpx 0 14rpx;
                }
                .horiz-divider {
                    background-color: #fafafa;
                    width: 2rpx;
                    height: 224rpx;
                }
                .group_32 {
                    padding: 10rpx 46.66rpx 10rpx 48.66rpx;
                }
                .group_33 {
                    padding: 10rpx 46rpx 10rpx 49.34rpx;
                }
            }
            .section_1 {
                padding: 26rpx 0 18rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
            }
            .text_26 {
                line-height: 29.88rpx;
            }
            .section_6 {
                margin-right: 2.62rpx;
                padding: 24rpx 24rpx 20rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .grid {
                    height: 608rpx;
                    display: grid;
                    grid-template-rows: repeat(2, minmax(0, 1fr));
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    row-gap: 26rpx;
                    column-gap: 28rpx;
                    .grid-item_1 {
                        padding-bottom: 18.74rpx;
                        background-color: #f9fafb;
                        border-radius: 16rpx;
                        mix-blend-mode: NOTTHROUGH;
                        .section_7 {
                            padding: 20rpx 0 130rpx;
                            border-radius: 16rpx 16rpx 0rpx 0rpx;
                            background-image: url('/static/images/codefun/6082011896d83113283c720e943a4999.png');
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                        }
                        .text_27 {
                            margin-left: 25.28rpx;
                            line-height: 29.48rpx;
                        }
                        .font_1 {
                            font-size: 32rpx;
                            line-height: 23.38rpx;
                            color: #5db66f;
                        }
                        .text_64 {
                            margin-left: 24.24rpx;
                        }
                        .section_9 {
                            padding: 20rpx 0 130rpx;
                            border-radius: 16rpx 16rpx 0rpx 0rpx;
                            background-image: url('/static/images/codefun/7a4ec325d59361d6716c2ec1394550bb.png');
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                        }
                        .text_67 {
                            margin-left: 27.06rpx;
                        }
                        .text_65 {
                            margin-left: 26.24rpx;
                        }
                    }
                    .grid-item {
                        padding-bottom: 18.74rpx;
                        background-color: #f9fafb;
                        border-radius: 16rpx;
                        mix-blend-mode: NOTTHROUGH;
                        .section_8 {
                            padding: 20rpx 0 130rpx;
                            border-radius: 16rpx 16rpx 0rpx 0rpx;
                            background-image: url('/static/images/codefun/e812ea5af6105a808af058cb0796b7ee.png');
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                        }
                        .text_1 {
                            margin-left: 24.74rpx;
                            line-height: 29.6rpx;
                        }
                        .text_28 {
                            margin-left: 24.24rpx;
                        }
                    }
                    .text-wrapper_3 {
                        padding: 5.72rpx 0 5.58rpx;
                        background-color: #4cd964;
                        border-radius: 0rpx 8rpx 8rpx 0rpx;
                        mix-blend-mode: NOTTHROUGH;
                        width: 108rpx;
                    }
                    .grid-item_3 {
                        padding-bottom: 18.74rpx;
                        background-color: #f9fafb;
                        border-radius: 16rpx;
                        mix-blend-mode: NOTTHROUGH;
                        .section_10 {
                            padding: 20rpx 0 130rpx;
                            border-radius: 16rpx 16rpx 0rpx 0rpx;
                            background-image: url('/static/images/codefun/e1d1e83ba1f6592210e646c5b6ca5b53.png');
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                        }
                        .text_68 {
                            margin-left: 27.12rpx;
                            line-height: 29.88rpx;
                        }
                        .text_66 {
                            margin-left: 26.24rpx;
                        }
                    }
                    .font_14 {
                        font-size: 32rpx;
                        line-height: 23.08rpx;
                        color: #5db66f;
                    }
                }
            }
            .section_11 {
                margin-right: 2.62rpx;
                margin-top: 31.4rpx;
                padding: 28rpx 24rpx 23.44rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .equal-division_3 {
                    align-self: stretch;
                    .section_12 {
                        padding: 20rpx 20rpx 18rpx;
                        background-color: #fff7ec;
                        border-radius: 16rpx;
                        mix-blend-mode: NOTTHROUGH;
                        height: 182rpx;
                    }
                    .section_13 {
                        padding: 20rpx 20rpx 18rpx;
                        background-color: #f5fcff;
                        border-radius: 16rpx;
                        mix-blend-mode: NOTTHROUGH;
                        height: 182rpx;
                    }
                }
                .text_36 {
                    line-height: 22.44rpx;
                }
            }
            .font_10 {
                font-size: 24rpx;
                line-height: 20.84rpx;
                color: #999999;
            }
            .text-wrapper_4 {
                padding: 24.68rpx 0 21.58rpx;
                background-color: #5db66f;
                border-radius: 400rpx;
                mix-blend-mode: NOTTHROUGH;
                .font_15 {
                    font-size: 28rpx;
                    line-height: 25.9rpx;
                    color: #ffffff;
                }
                .text_29 {
                    line-height: 25.74rpx;
                }
            }
            .group_14 {
                padding: 43.04rpx 0 35.4rpx;
                .text_37 {
                    line-height: 22.36rpx;
                }
            }
            .section_14 {
                margin-right: 2.62rpx;
                padding: 24rpx 24rpx 56.28rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .section_15 {
                    padding-top: 96rpx;
                    background-image: url('/static/images/codefun/7d1feb7eb973f087dcabf21b283162bc.png');
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    height: 200rpx;
                }
                .section_16 {
                    padding-top: 96rpx;
                    background-image: url('/static/images/codefun/8d11e3cbcb918502bb6582a24cddb930.png');
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    height: 200rpx;
                }
                .group_15 {
                    padding-left: 40.98rpx;
                    padding-right: 38.42rpx;
                    .group_16 {
                        padding: 0 31.02rpx;
                        .image-wrapper {
                            width: 48rpx;
                            .image_16 {
                                width: 38rpx;
                                height: 38rpx;
                            }
                            .image_15 {
                                width: 48rpx;
                                height: 48rpx;
                            }
                        }
                        .view {
                            margin-right: 5.9rpx;
                        }
                    }
                    .font_17 {
                        font-size: 28rpx;
                        line-height: 25.9rpx;
                        color: #000000;
                    }
                    .text_38 {
                        line-height: 26.04rpx;
                    }
                    .image {
                        mix-blend-mode: NOTTHROUGH;
                        width: 12rpx;
                        height: 22rpx;
                    }
                    .text_39 {
                        line-height: 25.82rpx;
                    }
                }
            }
            .equal-division-item_3 {
                flex: 1 1 312rpx;
                .image_11 {
                    border-radius: 50%;
                    width: 48rpx;
                    height: 48rpx;
                }
                .text_30 {
                    color: #29221d;
                    line-height: 29.5rpx;
                }
                .text_32 {
                    line-height: 22.36rpx;
                }
                .group_13 {
                    padding: 0 5.28rpx;
                    .image_13 {
                        margin-right: -126.72rpx;
                    }
                    .text_34 {
                        margin-right: 163.44rpx;
                        color: #fb8146;
                        line-height: 22.12rpx;
                    }
                }
                .text_31 {
                    color: #1d2229;
                    line-height: 29.5rpx;
                }
                .text_33 {
                    line-height: 22.76rpx;
                }
                .image_14 {
                    margin-right: -126.72rpx;
                }
                .text_35 {
                    margin-right: 172.72rpx;
                    color: #4f97f3;
                    line-height: 22.12rpx;
                }
                .text-wrapper_5 {
                    padding: 55.04rpx 0 19.4rpx;
                    background-image: linear-gradient(180.1deg, #5db66f00 0.2%, #5db66f 99.8%);
                    border-radius: 0rpx 0rpx 16rpx 16rpx;
                    mix-blend-mode: NOTTHROUGH;
                    .font_16 {
                        font-size: 32rpx;
                        line-height: 29.56rpx;
                        color: #ffffff;
                    }
                }
            }
            .text_40 {
                line-height: 29.64rpx;
            }
            .section_17 {
                margin-right: 2.62rpx;
                padding-bottom: 2.12rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .equal-division_4 {
                    padding: 0 14.68rpx;
                    .equal-division-item_4 {
                        flex: 1 1 94.66rpx;
                        .font_18 {
                            font-size: 28rpx;
                            line-height: 20.84rpx;
                            font-weight: 600;
                            color: #000000;
                        }
                        .text_42 {
                            line-height: 20.46rpx;
                        }
                        .text_43 {
                            line-height: 20rpx;
                        }
                        .text_41 {
                            margin-left: 9.34rpx;
                        }
                        .text_44 {
                            color: #5db66f;
                            line-height: 20.18rpx;
                        }
                        .section_18 {
                            background-color: #5db66f;
                            mix-blend-mode: NOTTHROUGH;
                            width: 64rpx;
                            height: 8rpx;
                        }
                        .text_45 {
                            line-height: 20.46rpx;
                        }
                        .text_46 {
                            line-height: 20rpx;
                        }
                        .text_47 {
                            line-height: 20.28rpx;
                        }
                        .text_48 {
                            margin-left: 12.98rpx;
                            line-height: 20.28rpx;
                        }
                    }
                    .group_17 {
                        padding: 19.58rpx 10.66rpx 22.02rpx;
                    }
                    .group_21 {
                        padding: 19.58rpx 10rpx 22.32rpx;
                    }
                    .group_18 {
                        padding-top: 19.58rpx;
                    }
                    .group_23 {
                        padding: 19.58rpx 8.66rpx 22.02rpx;
                    }
                    .group_24 {
                        padding: 19.58rpx 8rpx 22.32rpx;
                    }
                    .group_25 {
                        padding: 19.58rpx 7.36rpx 22.04rpx;
                    }
                    .group_26 {
                        padding: 19.58rpx 6.7rpx 22.04rpx;
                    }
                }
            }
            .section_19 {
                margin-right: 2.62rpx;
                padding: 34.92rpx 24rpx 35.58rpx 25.8rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .text_50 {
                    line-height: 29.64rpx;
                }
                .font_21 {
                    font-size: 24rpx;
                    line-height: 20.84rpx;
                    color: #666666;
                }
                .text_52 {
                    line-height: 22.28rpx;
                }
                .text-wrapper_6 {
                    padding: 14.24rpx 0 11.56rpx;
                    background-color: #5db66f;
                    border-radius: 1998rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 160rpx;
                    height: 48rpx;
                    .text_51 {
                        line-height: 22.2rpx;
                    }
                }
                .text-wrapper_7 {
                    padding: 11.92rpx 0 9.68rpx;
                    background-image: linear-gradient(139.9deg, #f5a779 15%, #fc7e41 84.4%);
                    border-radius: 19998rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 40rpx;
                    .text_53 {
                        line-height: 18.4rpx;
                    }
                }
                .pos_7 {
                    position: absolute;
                    left: 48rpx;
                    top: 80rpx;
                }
                .text-wrapper_10 {
                    padding: 12.44rpx 0 10.24rpx;
                    background-image: linear-gradient(139.9deg, #41e762 18.4%, #3dbc5f 74.8%);
                    border-radius: 19998rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 40rpx;
                    .text_58 {
                        line-height: 17.32rpx;
                    }
                }
                .pos_8 {
                    position: absolute;
                    left: 44rpx;
                    top: 80rpx;
                }
            }
            .font_8 {
                font-size: 24rpx;
                line-height: 20.84rpx;
                color: #ffffff;
            }
            .font_13 {
                font-size: 20rpx;
                line-height: 18.7rpx;
                color: #ffffff;
            }
            .section_20 {
                margin-right: 2.62rpx;
                padding: 34.92rpx 24rpx 24rpx 26.66rpx;
                background-color: #ffffff;
                border-radius: 16rpx;
                mix-blend-mode: NOTTHROUGH;
                .text_59 {
                    line-height: 29.64rpx;
                }
                .group_27 {
                    padding: 0 17.34rpx;
                    .text-wrapper_9 {
                        padding: 11.92rpx 0 9.64rpx;
                        background-image: linear-gradient(139.9deg, #4fc6fd 15%, #4f8ef1 84.4%);
                        border-radius: 19998rpx;
                        mix-blend-mode: NOTTHROUGH;
                        width: 40rpx;
                        height: 40rpx;
                        .text_56 {
                            line-height: 18.44rpx;
                        }
                    }
                    .text_57 {
                        margin-bottom: 3.5rpx;
                        line-height: 22.36rpx;
                    }
                }
                .text-wrapper_8 {
                    margin-top: 13.08rpx;
                    padding: 14.3rpx 0 11.58rpx;
                    background-color: #5db66f33;
                    border-radius: 1998rpx;
                    mix-blend-mode: NOTTHROUGH;
                    width: 160rpx;
                    height: 48rpx;
                    .text_55 {
                        line-height: 22.12rpx;
                    }
                }
            }
            .font_19 {
                font-size: 32rpx;
                line-height: 23.38rpx;
                color: #333333;
            }
            .text_49 {
                text-transform: uppercase;
            }
            .font_20 {
                font-size: 32rpx;
                line-height: 29.56rpx;
                color: #333333;
            }
            .font_9 {
                font-size: 24rpx;
                line-height: 20.84rpx;
                color: #6b7280;
            }
        }
        .font_5 {
            font-size: 32rpx;
            line-height: 29.56rpx;
            font-weight: 600;
            color: #333333;
        }
        .font_6 {
            font-size: 24rpx;
            line-height: 20.84rpx;
            color: #5db66f;
        }
        .font {
            font-size: 32rpx;
            line-height: 29.56rpx;
            color: #000000;
        }
        .equal-division_5 {
            padding: 10rpx 8.16rpx 14.66rpx;
            background-color: #ffffff;
            mix-blend-mode: NOTTHROUGH;
            border-top: solid 1rpx #e7e7e7;
            .group_19 {
                flex: 1 1 146.74rpx;
                .font_22 {
                    font-size: 20rpx;
                    line-height: 18.54rpx;
                    color: #666666;
                }
                .font_24 {
                    font-size: 20rpx;
                    line-height: 18.44rpx;
                    color: #666666;
                }
            }
            .equal-division-item_8 {
                padding: 12rpx 0 11.54rpx;
            }
            .group_29 {
                padding: 12rpx 0 10rpx;
            }
            .group_30 {
                padding: 12rpx 0 11.58rpx;
            }
            .group_31 {
                padding: 12rpx 0 11.38rpx;
            }
        }
        .image_12 {
            width: 32rpx;
            height: 32rpx;
        }
    }
</style>
