lazy-bee 1.0.7 → 1.0.8

package/src/components/PayModal/PayModal.vue.js

@@ -0,0 +1,200 @@
+import { ref as u, onMounted as M, openBlock as i, createBlock as b, unref as w, withCtx as C, createElementVNode as o, toDisplayString as m, createElementBlock as d, createCommentVNode as S, Fragment as x, renderList as L, withDirectives as B, vModelText as N } from "vue";
+import { Popup as T } from "vant";
+import { Get as h } from "lazy-koala";
+import { UUID as j, showToast as l, izSMS as $, CountDown as D } from "lazy-koala/leaf";
+/* empty css              */
+const U = { class: "pay-modal__title" }, q = { class: "pay-modal__field" }, O = ["value"], V = { class: "pay-modal__field" }, z = {
+  key: 0,
+  class: "pay-modal__field-countdown"
+}, G = {
+  __name: "PayModal",
+  props: [
+    "maskMobile",
+    "info",
+    "title",
+    "showConfirmButton",
+    "showCancelButton",
+    "confirmButtonText",
+    "cancelButtonText",
+    "closeable",
+    "auto",
+    "host",
+    "token",
+    "pid",
+    "goodsList",
+    "sendSMS",
+    "pay",
+    "resolve",
+    "reject",
+    "clear"
+  ],
+  setup(r) {
+    const e = r, f = u(!0), n = u(""), v = u(""), c = u(!1), y = u(59), p = () => {
+      f.value = !1, setTimeout(() => {
+        e.clear();
+      }, 500);
+    };
+    M(() => {
+      if (!e.auto) {
+        if (e.host) {
+          e.reject("缺少host");
+          return;
+        }
+        if (e.token) {
+          e.reject("缺少token");
+          return;
+        }
+        if (e.pid) {
+          e.reject("缺少pid");
+          return;
+        }
+        if (e.goodsList) {
+          e.reject("缺少goodsList");
+          return;
+        }
+      }
+    });
+    const _ = () => {
+      c.value || (c.value = !0, D({
+        timer: 59,
+        onTick(t) {
+          y.value = t;
+        }
+      }).then(() => {
+        y.value = 59;
+      }));
+    };
+    function g() {
+      if (console.log("0000"), !e.auto) {
+        e.sendSMS(_);
+        return;
+      }
+      c.value || (v.value = j(), h(
+        `${e.host}/api/order/sendSmsCode?token=${e.token}`,
+        {
+          body: JSON.stringify({
+            pid: e.pid,
+            goodsList: e.goodsList,
+            requestNumber: v.value
+          })
+        },
+        {
+          loading: !0,
+          failMsg: !1,
+          errMsg: !0
+        }
+      ).then(
+        () => {
+          l("发送成功，请注意查收"), _();
+        },
+        (t) => {
+          t.respMsg.includes("用户身份受限") ? l("当前号码不符合活动参与资格，请使用符合资格的号码参与活动") : l(t.respMsg);
+        }
+      ));
+    }
+    function k() {
+      if (!e.auto) {
+        e.pay({ sms: n.value }, p);
+        return;
+      }
+      if (!n.value) {
+        l("请输入验证码");
+        return;
+      }
+      if (!$(n.value)) {
+        l("请输入正确的验证码");
+        return;
+      }
+      h(
+        `${e.host}/api/order/placeOrder?token=${e.token}`,
+        {
+          body: JSON.stringify({
+            pid: e.pid,
+            goodsList: e.goodsList,
+            smsCode: n.value,
+            requestNumber: v.value
+          })
+        },
+        {
+          loading: !0,
+          failMsg: !1,
+          errMsg: !0
+        }
+      ).then(
+        (t) => {
+          const a = t.data[0];
+          e.resolve({ orderId: a }), p();
+        },
+        (t) => {
+          t.respMsg.includes("验证码不存在") ? l("验证码错误") : l(t.respMsg);
+        }
+      );
+    }
+    return (t, a) => (i(), b(w(T), {
+      show: f.value,
+      "onUpdate:show": a[1] || (a[1] = (s) => f.value = s),
+      round: "",
+      class: "pay-modal",
+      closeable: !1,
+      "close-on-click-overlay": !1,
+      position: "bottom"
+    }, {
+      default: C(() => [
+        o("div", U, [
+          o("p", null, m(r.title), 1),
+          r.closeable ? (i(), d("span", {
+            key: 0,
+            onClick: p
+          }, "×")) : S("", !0)
+        ]),
+        (i(!0), d(x, null, L(r.info, (s) => (i(), d("div", {
+          class: "pay-modal__info",
+          key: s.name + Math.round()
+        }, [
+          o("span", null, m(s.name), 1),
+          o("span", null, m(s.value), 1)
+        ]))), 128)),
+        o("div", q, [
+          o("input", {
+            class: "pay-modal__field-input",
+            type: "text",
+            maxlength: "11",
+            value: r.maskMobile,
+            readonly: "",
+            placeholder: "请输入手机号"
+          }, null, 8, O)
+        ]),
+        o("div", V, [
+          B(o("input", {
+            "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+            class: "pay-modal__field-input",
+            maxlength: "6",
+            type: "text",
+            placeholder: "请输入验证码"
+          }, null, 512), [
+            [N, n.value]
+          ]),
+          c.value ? (i(), d("span", z, "还有" + m(y.value) + "s", 1)) : (i(), d("span", {
+            key: 1,
+            class: "pay-modal__field-send",
+            onClick: g
+          }, "获取验证码"))
+        ]),
+        o("div", { class: "pay-modal__btns" }, [
+          o("div", {
+            class: "pay-modal__btn--confirm",
+            onClick: k
+          }, "确认下单"),
+          o("div", {
+            class: "pay-modal__btn--cancel",
+            onClick: p
+          }, "我在想想")
+        ])
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+};
+export {
+  G as default
+};

package/src/components/PayModal/index.js

@@ -0,0 +1,71 @@
+import { h as u, render as e } from "vue";
+import v from "./PayModal.vue.js";
+const D = ({
+  // 必填
+  maskMobile: m = "",
+  info: n = [],
+  // 可选
+  title: o = "订购确认",
+  showConfirmButton: s = !0,
+  showCancelButton: c = !0,
+  confirmButtonText: y = "确认下单",
+  cancelButtonText: f = "我再想想",
+  closeable: l = !1,
+  auto: r = !1,
+  // 手动
+  sendSMS: P = () => {
+  },
+  pay: _ = () => {
+  },
+  // 自动
+  host: b = "",
+  token: a = "",
+  pid: g = "",
+  goodsList: i = null
+}) => {
+  const p = () => {
+    e(null, document.body);
+  };
+  if (r)
+    return new Promise((d, j) => {
+      const q = u(v, {
+        maskMobile: m,
+        info: n,
+        title: o,
+        showConfirmButton: s,
+        showCancelButton: c,
+        confirmButtonText: y,
+        cancelButtonText: f,
+        closeable: l,
+        auto: r,
+        host: b,
+        token: a,
+        pid: g,
+        goodsList: i,
+        resolve: d,
+        reject: j,
+        clear: p
+      });
+      e(q, document.body);
+    });
+  {
+    const d = u(v, {
+      maskMobile: m,
+      info: n,
+      title: o,
+      showConfirmButton: s,
+      showCancelButton: c,
+      confirmButtonText: y,
+      cancelButtonText: f,
+      closeable: l,
+      auto: r,
+      sendSMS: P,
+      pay: _,
+      clear: p
+    });
+    e(d, document.body);
+  }
+};
+export {
+  D as PayModal
+};

package/src/components/addScript.js

@@ -0,0 +1,32 @@
+function o() {
+  return new Promise((n, t) => {
+    if (window.leadeon)
+      n("leadeon.js加载成功");
+    else {
+      const e = document.createElement("script");
+      e.src = "https://res.app.coc.10086.cn/appother/js/public/leadeon.js", e.type = "text/javascript", e.crossOrigin = "anonymous", e.onload = function() {
+        n("leadeon.js加载成功");
+      }, e.onerror = function() {
+        t("leadeon.js加载失败");
+      }, document.getElementsByTagName("head")[0].appendChild(e);
+    }
+  });
+}
+function s() {
+  return new Promise((n, t) => {
+    if (window.showCommonShareBox)
+      n("share.js加载成功");
+    else {
+      const e = document.createElement("script");
+      e.src = "https://wap.cq.10086.cn/mapp/activities/act2023/share/js/share.js", e.type = "text/javascript", e.crossOrigin = "anonymous", e.onload = function() {
+        n("share.js加载成功");
+      }, e.onerror = function() {
+        t("share.js加载失败");
+      }, document.getElementsByTagName("head")[0].appendChild(e);
+    }
+  });
+}
+export {
+  o as addLeadeonScript,
+  s as addShareScript
+};

package/src/components/converToken.js

@@ -0,0 +1,163 @@
+import { Get as i } from "lazy-koala";
+import { inCMCC as T, SearchParams as k, HashParams as l, UrlParams as h } from "lazy-koala/leaf";
+import { addLeadeonScript as d } from "./addScript.js";
+const s = {
+  urlToken: {
+    // 来自url中的token, 需要转化为mcToken, 重庆本地和集团名称一样, 默认按重庆本地
+    name: "token",
+    // 名称
+    position: "all",
+    // 位置 search | hash | all
+    type: "cq"
+    // cq | jt
+  },
+  myToken: {
+    // mytoken原商城token, 商城2.0以后需要转化为mctoken
+    name: "mytoken",
+    position: "all"
+    // 位置 search | hash | all
+  },
+  appToken: {
+    sourceId: ""
+  },
+  sessToken: {
+    // 本地存储token, 也是登录判断标识, 各项目可能不一致
+    name: "token",
+    // 名称
+    position: "session"
+    // 位置 session | local
+  },
+  mcToken: {
+    // 商城2.0以后的token, 等同sessToken, 可放url中
+    name: "mctoken",
+    position: "all"
+    // 位置 search | hash | all
+  },
+  host: ""
+  // 接口, 仅支持商城2.0及以上, 集团app内会自动转化
+};
+function g(n) {
+  return new Promise((e, o) => {
+    leadeon.checkSessionIsvalid({
+      debug: !1,
+      success: function(t) {
+        String(t.status) === "1" && leadeon.getYDRZToken({
+          debug: !1,
+          sourceId: n,
+          success: function(a) {
+            e(a.token);
+          },
+          error: function(a) {
+            o(a);
+          }
+        });
+      },
+      error: function(t) {
+        o(t);
+      }
+    });
+  });
+}
+function m(n, e) {
+  if (e === "search")
+    return k(n);
+  if (e === "hash")
+    return l(n);
+  if (e === "all")
+    return h(n);
+}
+function S(n = {}) {
+  return Object.keys(s).forEach((e) => {
+    s[e] instanceof Object ? n[e] = Object.assign(s[e], n[e]) : n[e] = n[e] || s[e];
+  }), new Promise((e, o) => {
+    if (!n.host) {
+      o("缺少host");
+      return;
+    }
+    const t = ((r) => {
+      if (r.position === "local")
+        return localStorage.getItem(r.name);
+      if (r.position === "session")
+        return sessionStorage.getItem(r.name);
+    })(n.sessToken);
+    if (t) {
+      e({
+        token: t,
+        from: "sessToken"
+      });
+      return;
+    }
+    const a = m(n.mcToken.name, n.mcToken.position);
+    if (a) {
+      e({
+        token: a,
+        from: "mcToken"
+      });
+      return;
+    }
+    const u = m(n.urlToken.name, n.urlToken.position);
+    if (u) {
+      i(
+        `${n.host}/api/user/loginReturnJsonToken`,
+        {
+          from: n.urlToken.type === "jt" ? "JT" : "CQAPP",
+          data: n.urlToken.type === "jt" ? u : JSON.stringify({ ticket: u })
+        }
+      ).then((r) => {
+        e({
+          token: r.data,
+          from: "urlToken"
+        });
+      }).catch((r) => {
+        o(r);
+      });
+      return;
+    }
+    const f = m(n.myToken.name, n.myToken.position);
+    if (f) {
+      i(
+        `${n.host}/api/user/entryFromThirdPartyJson`,
+        {
+          data: f
+        }
+      ).then((r) => {
+        e({
+          token: r.data,
+          from: "urlToken"
+        });
+      }).catch((r) => {
+        o(r);
+      });
+      return;
+    }
+    if (T()) {
+      if (!n.appToken.sourceId) {
+        o("缺少sourceId");
+        return;
+      }
+      d().then(() => {
+        g(n.appToken.sourceId).then((r) => {
+          i(
+            `${n.host}/api/user/loginReturnJsonToken`,
+            {
+              from: "JT",
+              data: r
+            }
+          ).then((c) => {
+            e({
+              token: c.data,
+              from: "appToken"
+            });
+          }).catch((c) => {
+            o(c);
+          });
+        }).catch((r) => o(r));
+      }).catch((r) => o(r));
+      return;
+    }
+    o("未登录");
+  });
+}
+export {
+  S as converToken
+};

package/src/components/debug.js

@@ -0,0 +1,9 @@
+const e = {
+  install() {
+    localStorage.getItem("debug") !== "true" && (console.log = () => {
+    });
+  }
+};
+export {
+  e as Debug
+};

package/src/components/share.js

@@ -0,0 +1,30 @@
+import { inCMCC as n } from "lazy-koala/leaf";
+import { addLeadeonScript as s, addShareScript as d } from "./addScript.js";
+function t({ title: e, content: r, link: o, imgUrl: a }) {
+  n() ? s().then(() => {
+    window.leadeon.shareMessage({
+      debug: !1,
+      shareChannelArray: ["0", "1", "2", "3", "4", "5", "6", "7"],
+      title: e,
+      content: r,
+      link: o,
+      imgUrl: a,
+      success: function() {
+      },
+      error: function(h) {
+      }
+    });
+  }) : d().then(() => {
+    window.showCommonShareBox(
+      [0, 1, 2, 3, 4, 5],
+      e,
+      r,
+      o,
+      a,
+      !0
+    );
+  });
+}
+export {
+  t as share
+};

package/src/components/trackEvent.js

@@ -0,0 +1,63 @@
+let n = null;
+class o {
+  constructor(e = {}) {
+    if (n)
+      return n;
+    window.gdp = window.gdp || function() {
+      (window.gdp.q = window.gdp.q || []).push(arguments);
+    }, this.options = Object.assign({
+      scriptName: "https://res.coc.10086.cn/res/res1/chama-h5sdk/gdp-full-3.8.6.js",
+      generalProps: {}
+    }, e), this.init(), n = this;
+  }
+  init() {
+    if (!this.options.generalProps.WT_cid) throw new Error("缺少WT_cid");
+    if (!this.options.generalProps.WT_clientID) throw new Error("缺少WT_clientID");
+    if (!this.options.generalProps.WT_channelid) throw new Error("WT_channelid");
+    const e = document.createElement("script");
+    e.src = this.options.scriptName, e.type = "text/javascript", e.async = !0, e.onload = function() {
+    }, document.getElementsByTagName("head")[0].appendChild(e);
+    const t = sessionStorage.getItem("debug") === "true";
+    window._gr_ignore_local_rule = !!t, window.gdp("init", "9e4e5fa7244c6b6e", "b23efeab1461679b", {
+      host: "jiguang.coc.10086.cn",
+      autotrack: !!t,
+      // 关闭无埋点事件发送，生产环境设置为关闭。
+      compress: !t,
+      // 开启数据压缩模式，整体报文加密，生产环境设置为开启。
+      hashtag: !t,
+      // 开启页面URL混淆采集，生产环境设置为开启。
+      scheme: "https"
+    });
+    const s = Object.assign({
+      WT_cid: this.options.channelid,
+      WT_clientID: this.options.channelid,
+      WT_loginProvince: "230",
+      // 登录号码归属地省编码
+      WT_loginCity: "023",
+      // 登录号码归属地市编码
+      WT_prov: "230",
+      // 用户登陆省份和定位省份取最新值
+      WT_city: "023",
+      // 用户登陆地市和定位地市取最新值
+      XY_member: "游客",
+      // 超市会员等级
+      XY_login_status: "0",
+      // 登录状态
+      WT_mc_ev: "210315_QYCS_230",
+      // 营销活动码
+      XY_environment: "production",
+      // 环境
+      WT_channelid: this.options.channelid
+      // 事件编码
+    }, this.options.generalProps);
+    window.gdp("setGeneralProps", s);
+  }
+}
+const r = {
+  init(i) {
+    new o(i);
+  }
+};
+export {
+  r as trackEvent
+};

package/src/index.js

@@ -0,0 +1,16 @@
+import { converToken as e } from "./components/converToken.js";
+import { share as f } from "./components/share.js";
+import { showLoginModal as p } from "./components/Login/LoginModal.js";
+import { LoginPage as a } from "./components/Login/LoginPage.js";
+import { PayModal as g } from "./components/PayModal/index.js";
+import { trackEvent as d } from "./components/trackEvent.js";
+import { Debug as i } from "./components/debug.js";
+export {
+  i as Debug,
+  a as LoginPage,
+  g as PayModal,
+  e as converToken,
+  f as share,
+  p as showLoginModal,
+  d as trackEvent
+};

package/src/style.css

@@ -0,0 +1 @@
+.login-modal[data-v-45012623]{width:85vw;box-sizing:border-box;padding:8vw 4vw 4vw;border-radius:4vw;background:#fff}.login-modal__logo[data-v-45012623]{display:block;width:40%;margin:0 auto 2.666667vw;display:flex;align-items:center}.login-modal__colse[data-v-45012623]{color:#999;background:#f2f2f2;width:5.4vw;height:5.4vw;border-radius:50%;position:absolute;top:2vw;right:3vw;display:flex;justify-content:center;align-items:center;line-height:1em;font-size:3.733333vw}.login-modal[data-v-45012623] .login__mobile,.login-modal[data-v-45012623] .login__sms{position:relative;display:flex;padding:3.2vw 4.266667vw}.login-modal[data-v-45012623] .login__mobile:after,.login-modal[data-v-45012623] .login__sms:after{content:"";position:absolute;box-sizing:border-box;pointer-events:none;right:4.266667vw;bottom:0;left:4.266667vw;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.login-modal[data-v-45012623] .login__mobile-value,.login-modal[data-v-45012623] .login__sms-value{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto;flex:1;font-size:3.733333vw}.login-modal[data-v-45012623] .login__mobile-value::-webkit-input-placeholder,.login-modal[data-v-45012623] .login__sms-value::-webkit-input-placeholder{color:#c8c9cc}.login-modal[data-v-45012623] .login__sms-btn,.login-modal[data-v-45012623] .login__sms-countdown{color:#0089fe;font-size:3.466667vw}.login-modal[data-v-45012623] .login__btn{height:10.666667vw;line-height:10.666667vw;text-align:center;border-radius:5.333334vw;background-image:-webkit-linear-gradient(left,#ffdb69 0%,#ffa641 100%);background-image:linear-gradient(90deg,#ffdb69,#ffa641);font-size:4.266667vw;color:#7f4300;border:0;width:90%;margin:6.666667vw auto 2.666667vw}.login-page[data-v-c860df47]{background:#f5f7fa;width:100vw;height:100vh;box-sizing:border-box;padding-top:9%}.login-page__logo[data-v-c860df47]{display:block;margin:0 auto;width:36%;display:flex;flex-wrap:wrap;justify-content:center}.login-page__tips[data-v-c860df47]{text-align:center;line-height:12vw;font-size:4.266667vw;color:#006eff;margin:0 0 2.666667vw}.login-page[data-v-c860df47] .login__mobile,.login-page[data-v-c860df47] .login__sms{display:flex;margin:0 12% 4.666667vw;height:12vw;border:1px solid #dbdbdb;border-radius:6vw;align-items:center;position:relative;overflow:hidden}.login-page[data-v-c860df47] .login__mobile:before,.login-page[data-v-c860df47] .login__sms:before{content:"";width:9.066667vw;height:9.066667vw;position:absolute;top:1.466667vw;left:2vw}.login-page[data-v-c860df47] .login__mobile:before{background:url(data:image/webp;base64,UklGRpgBAABXRUJQVlA4WAoAAAAQAAAAGwAAIwAAQUxQSHsAAAABcFpr29o8KlFZoqqaGUbqAPVdI5sUPWkmyTLM+f7Kqogw2rZNTEe7I6A2sX0Be1IDGpZvnU+5zpZvNWDpmwYChukvwXnoiOgPB/w1Qmv/79RuILSLUwD+fSh0/+VJYbUtyhv5/jiznI2WXt925kbztq1p2dtW/AlKvwQAVlA4IKAAAAAwBgCdASocACQAPrlQnUunJSKhurZoAOAXCWwAvvmuuA/in5KuYBdgG8igQb+A0cSBhAEB78frPcggAP6cX/90X//Brgg35IokBnwOJ8hJxXH8h/7fRadNiCcEyPRZyvn8AAl/55GUKgkYb/k8if+iBKz7vGS+hlLOO1n2t/erH3W+HgSXN8z0hI93XqV03jiXDuvObRTWiz9BsHMlyAAAUFNBSU4AAAA4QklNA+0AAAAAABAASAAAAAEAAgBIAAAAAQACOEJJTQQoAAAAAAAMAAAAAj/wAAAAAAAAOEJJTQRDAAAAAAAOUGJlVwEQAAYAMgAAAAA=) no-repeat center center / auto 90%}.login-page[data-v-c860df47] .login__sms:before{background:url(data:image/webp;base64,UklGRogCAABXRUJQVlA4WAoAAAAQAAAAGwAAIQAAQUxQSFEBAAABkKtt2yFJb41tZrbNNfM5g7Vt27btzLb3LGx7qwbPohRtHBETINeFD+8XyOeoBSaY86P8iJrwivY169t5OTbKS9nKj3CtXKq8AR9WlNrldm+dcvwJcKm7bHtfBh4fm9LaLbuDfx8vL5HL0hVP+LedX6fXDciR54JB6878gkfy/dH/QODOC+G+BR6GfL+MbbBefq2GnYanqFsHQiQtgMOB8lQEJwI1FU4Fy5uWwoERcCVErh7bGVsBbkfI5ZPO12aIjYwD8DBWLkOtV+fpYafAjaeT5bYn50Zw0MHzPoYlfrMy/cm0viVoOef8OckSKeYlw/0YwLNoSf2wunhr+kVf/TuPz9VeSt8yR7bGPj63uGv+wC7DToF7sYa5GWqyO1DOxlw4nWGXdY7OWYZc93/Bz801AYGNOy2e95PXuHU/wTTh5+pY+Zg+48HXrw9mpMklAFZQOCC6AAAA8AQAnQEqHAAiAD7RVKRMKCSjojVUCAEAGglsALsvNHgCnAPYA58j2IQYiDiOKwh4AP7paR/84l6BbA+xn/5BihpjWUOoH/3/6UrRltJf1Eme859cvnzVi5i/l+f/yV+Z/4/52EVP6bykZ4W4pBIzvjhSVD7BXiER6MEeJ9SnZTrK8+93XxykptRkQgM0Hqewuw+X43t6zhHvrWEgDxtlBBX9RBqH/8GUmRa//wZSZwPK9u+LegKlWAAAUFNBSU4AAAA4QklNA+0AAAAAABAASAAAAAEAAgBIAAAAAQACOEJJTQQoAAAAAAAMAAAAAj/wAAAAAAAAOEJJTQRDAAAAAAAOUGJlVwEQAAYAMgAAAAA=) no-repeat center center / auto 90%}.login-page[data-v-c860df47] .login__mobile-value,.login-page[data-v-c860df47] .login__sms-value{width:100%;height:100%;background:transparent;border:0;box-sizing:border-box;padding:0 4vw 0 12vw;resize:none;-webkit-user-select:auto;user-select:auto;flex:1}.login-page[data-v-c860df47] .login__sms-btn,.login-page[data-v-c860df47] .login__sms-countdown{width:40%;height:100%;text-align:center;line-height:12vw;color:#006eff;font-size:4vw}.login-page[data-v-c860df47] .login__btn{display:block;margin:5.333333vw 12%;background:linear-gradient(180deg,#0973ff,#3d90ff);height:11.733333vw;line-height:11.733333vw;border-radius:5.866667vw;text-align:center;color:#fff;font-size:4vw}.pay-modal__title{position:relative}.pay-modal__title p{font-size:4.8vw;color:#333;line-height:6.666667vw;text-align:center;padding:5.333333vw 0 2.666667vw;font-weight:700;margin:0}.pay-modal__title span{position:absolute;top:1vw;right:2vw;color:#c8c9cc;width:7vw;height:7vw;display:flex;justify-content:center;align-items:center;font-size:6vw;font-weight:100}.pay-modal__info{display:flex;justify-content:space-between;align-items:center;margin:0 5.333333vw}.pay-modal__info span:first-child{font-size:3.733333vw;color:#666}.pay-modal__info span:last-child{font-size:3.733333vw;color:#333}.pay-modal__field{margin:3.2vw 5.333333vw;align-items:center;justify-content:space-between;height:12.8vw;padding:0 1em;border-radius:6.4vw;border:1px solid #ccc;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center}.pay-modal__field-input{display:block;box-sizing:border-box;height:100%;border:0;flex:1;font-size:4.266667vw;color:#333}.input-solt__input::-webkit-input-placeholder{color:#c8c9cc}.pay-modal__field-send,.pay-modal__field-countdown{width:6em;text-align:center;color:#ff5a18}.pay-modal__btns{margin:0 5.333333vw}.pay-modal__btn--confirm{height:13.066667vw;line-height:13.066667vw;text-align:center;background:-webkit-linear-gradient(right,#f40 0%,#ff7200 100%);background:linear-gradient(270deg,#f40,#ff7200);border-radius:6.533333vw;font-weight:700;font-size:4.8vw;color:#fff;margin:5.333333vw 0}.pay-modal__btn--cancel{margin:6.666667vw auto;width:5em;font-size:4.266667vw;color:#666;line-height:5.866667vw;text-align:center}