diff --git a/homepage.html b/homepage.html
index 7d6031d..3b89cd3 100644
--- a/homepage.html
+++ b/homepage.html
@@ -490,8 +490,10 @@
         if (type == 2) {
           if (channel === 1) {
             return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/zfbreduce.png';
-          } else {
+          } else if (channel === 2) {
             return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/wxreduce.png';
+          } else if (channel === 3) {
+            return 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/logo_ysf.png';
           }
 
         }
@@ -528,7 +530,11 @@
           window.location.replace("./exchange.html");
         }
         if (type == 2) {
-          window.location.replace("./reduce.html");
+          if (entity.channel === 3) {
+            window.location.replace("./ysf-redPackets.html");
+          } else {
+            window.location.replace("./reduce.html");
+          }
         }
         if (type == 3) {
           if (entity.channel === 3) {
diff --git a/ysf-redPackets.html b/ysf-redPackets.html
new file mode 100644
index 0000000..307777a
--- /dev/null
+++ b/ysf-redPackets.html
@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+        content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <title>云闪付立减金</title>
+    <link rel="stylesheet" href="./ysf.css">
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=20210302151401"
+        type="text/javascript" charset="utf-8"></script>
+    <script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
+    </script>
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/modelPop.js"></script>
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
+</head>
+
+<body>
+    <div id="ysf">
+        <img @click="backGoodsFn" v-if="backAble&&!isMini" class="backIcon"
+            src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png" alt="">
+        <div class="prompt" :class="promptShow?'proactive':''">
+            {{prompt_text}}
+        </div>
+        <!-- 弹出提示 -->
+        <model-pop @backFunction="backGoodsFn" :show.sync="popShow" title="温馨提示" :status="popStatus"
+            :text="popText"></model-pop>
+        <!-- 单条弹出框 -->
+        <img class="bubble" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/ysf-logo.png" alt="">
+        <div class="content">
+            <p class="title">{{ysf.entity.batch_goods_name}}</p>
+            <div class="information">
+                <p class="information-p1" :style="{fontSize:fonts().a}">
+                    满{{parseFloat(ysf.entity.denomination)}}元减{{parseFloat(ysf.entity.reduce_amount)}}元
+                </p>
+                <p class="information-p2">请在
+                    {{receive_time.effect_time.start_time}} ~ {{receive_time.effect_time.end_time}} 内领取 </p>
+                <div>
+                    <p class="type">
+                        {{ysf.entity.card_type|cardType}}
+                    </p>
+                </div>
+                <p class="type" v-if="receive_time.use_time.type=='received'">
+                    领取后{{receive_time.use_time.effect_date_type==0?'立即':'次日凌晨'}}生效，有效期
+                    {{receive_time.use_time.effect_day}} 天
+                </p>
+                <p class="type" v-if="receive_time.use_time.type=='fiexd'">
+                    可用时间:{{receive_time.use_time.fiexd_time.start_time}} ~ {{receive_time.use_time.fiexd_time.end_time}}
+                </p>
+            </div>
+            <div class="form">
+                <div v-if="ysf.available===1">
+                    <p class="form-label">云闪付账号</p>
+                    <input class="form-input" maxlength="11" v-model="account" type="text" placeholder="请输入手机号" />
+                    <input class="form-input mt0" maxlength="11" v-model="confirmAccount" type="text"
+                        placeholder="请再次输入手机号" />
+                    <p class="form-note">您可在云闪付的个人信息中查看【云闪付账号】</p>
+                </div>
+                <button :class="ysf.available!==1?'disable':''" class="form-button"
+                    @click="submit">{{ysf.available===1?'立即领取':'已领取'}}</button>
+            </div>
+            <div class="segmentation">
+                <i class="left"></i>
+                <i class="middle"></i>
+                <i class="right"></i>
+            </div>
+            <div class="illustrate">
+                <p class="illustrate-title" v-if="['week','irregular'].includes(receive_time.use_time.type)">可用时间</p>
+                <div class=" available_time" v-if="receive_time.use_time.type=='week'">
+                    <ul class="timeList">
+                        <li v-for="(item,index) in sortWeeks(receive_time.use_time.week)" :key="index">
+                            <p>{{item}}</p>
+                            <div>
+                                <p v-for="(item2,index2) in receive_time.use_time.time" :key="index2">
+                                    {{item2[0]}}~{{item2[1]}}
+                                </p>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <div class="available_time" v-if="receive_time.use_time.type=='irregular'">
+                    <ul class="timeList">
+                        <li v-for="(item,index) in receive_time.use_time.day" :key="index">
+                            <p>{{item[0]}}至{{item[1]}}</p>
+                            <div>
+                                <p v-for="(item2,index2) in receive_time.use_time.time" :key="index2">
+                                    {{item2[0]}}~{{item2[1]}}
+                                </p>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <p class="illustrate-title">活动说明</p>
+                <p class="illustrate-text" v-html="ysf.instruction"></p>
+            </div>
+        </div>
+    </div>
+</body>
+
+<script>
+    const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
+    new Vue({
+        el: "#ysf",
+        data () {
+            return {
+                ysf: JSON.parse(sessionStorage.getItem('goodsInfo')),
+                account: null,
+                confirmAccount: null,
+                backAble: ~~sessionStorage.getItem('goodsCount') > 0,
+                promptShow: false,
+                popShow: false,
+                popText: '',
+                popStatus: 1, /*1 成功 2提示 3失败 */
+                prompt_text: '',
+                cls: null,
+                receive_time: JSON.parse(sessionStorage.getItem('goodsInfo')).entity.time_limit,
+                isMini: false,
+            };
+        },
+
+        components: {
+            modelPop
+        },
+
+        mounted () {
+            /* 判断是否是微信小程序内 */
+            let ua = window.navigator.userAgent.toLowerCase();
+            this.isMini = /miniProgram/i.test(ua);
+        },
+        filters: {
+            cardType (val) {
+                return val.map((item) => {
+                    return item == 1 ? "借记卡" : "信用卡" + " ";
+                }).join(" ");
+            },
+        },
+
+        methods: {
+            /* 立即领取 */
+            submit () {
+                if (this.ysf.available !== 1) return;
+                if (phoneReg.test(this.account) && this.confirmAccount) {
+                    if (this.account === this.confirmAccount) {
+                        this.finalSubmit();
+                    } else {
+                        this.tips('手机号输入不一致');
+                    }
+                } else {
+                    this.tips('请输入正确的手机号');
+                }
+
+            },
+
+            /* 验证后 最终提交 */
+            finalSubmit () {
+                const self = this;
+                let data = {
+                    key: localStorage.getItem("key"),
+                    goods_id: this.ysf.entity.goods_id,
+                    code_batch_id: this.ysf.code_batch_id,
+                    token: localStorage.getItem("token"),
+                    account: this.account
+                };
+                /* 创建订单 */
+                req.axiosPost("/key/usage", data)
+                    .then(({ code, data, message }) => {
+                        if (code == 200) {
+                            this.verificationYsf(data);
+                        } else {
+                            this.axiosErrorFun(code, message, 2);
+                        }
+                    })
+                    .catch((err) => { });
+            },
+
+            /* 核销云闪付立减金 */
+            verificationYsf ({ order_number }) {
+                console.log(order_number);
+                let params = {
+                    order_number: order_number,
+                    channel: "3", //立减金发放渠道，1：支付宝；2：微信 3：云闪付
+                    channel_user_id: this.account,
+                };
+                req.axiosPost("/voucher/grant", params)
+                    .then(({ code, message }) => {
+                        if (code === 200) {
+                            this.tip('领取成功，请前往【云闪付】-【卡包】中查看', 1);
+                            this.ysf.available = 9;
+                        } else {
+                            this.axiosErrorFun(code, message, 2);
+                        }
+                    })
+                    .catch((err) => { });
+            },
+
+            /* 返回 */
+            backGoodsFn () {
+                /* 判断是否web-view打开 则不返回 */
+                if (this.isMini) return;
+                if (this.backAble) {
+                    window.location.replace('./homepage.html');
+                } else {
+                    history.go(-2);
+                }
+            },
+
+            /* 触发提示 */
+            tip (text, status,) {
+                this.popText = text;
+                this.popStatus = status; /*1 成功 2提示 3失败 */
+                this.popShow = true;
+            },
+
+            /* 接口异常处理 */
+            axiosErrorFun (code, message, status) {
+                if (code == 403) {
+                    if (this.backAble) {
+                        this.tip(message, status);
+                        setTimeout(() => {
+                            window.location.href = localStorage.getItem('entryLink');
+                        }, 3000);
+                    } else {
+                        this.tip(message, status);
+                    }
+                } else {
+                    this.tip(message, status);
+                }
+            },
+
+            /* 触发提示 */
+            tips (text) {
+                this.cls && clearTimeout(this.cls);
+                this.prompt_text = text;
+                this.promptShow = true;
+                this.cls = setTimeout(() => {
+                    this.promptShow = false;
+                }, 3000);
+            },
+
+            /* 动态font */
+            fonts () {
+                const { denomination, reduce_amount } = this.ysf.entity;
+                const defaultCss = { a: '0.34rem' };
+                const count = String(parseFloat(denomination)).length + String(parseFloat(reduce_amount)).length + 4;
+                if (count > 12) {
+                    return {
+                        a: 0.34 - ((count - 12) / 100 * 1.8) + 'rem',
+                    };
+                } else {
+                    return defaultCss;
+                }
+
+            }
+        }
+    })
+</script>
+
+</html>
\ No newline at end of file
diff --git a/ysf.css b/ysf.css
index cd30cf1..5baec73 100644
--- a/ysf.css
+++ b/ysf.css
@@ -7,6 +7,7 @@
 
 html {
   font-size: 26.66666667vw;
+  height: 100%;
 }
 
 body {
@@ -14,6 +15,7 @@ body {
   text-size-adjust: 100% !important;
   -moz-text-size-adjust: 100% !important;
   font-size: 0.14rem;
+  height: 100%;
 }
 
 @media screen and (min-width: 900px) {
@@ -301,6 +303,7 @@ body {
   color: #a8a8a8;
   margin: 0.04rem 0;
 }
+
 .type {
   font-size: 0.1rem;
   background-color: rgb(238, 25, 32);
@@ -310,6 +313,7 @@ body {
   color: #fff;
   margin-top: 0.1rem;
 }
+
 .information-tag {
   font-size: 0.2rem;
 }
