diff --git a/app/zone/pay/[zid]/[product_id]/[moment_id]/page.jsx b/app/zone/pay/[zid]/[product_id]/[moment_id]/page.jsx
index a9bb355..2a6a0d8 100644
--- a/app/zone/pay/[zid]/[product_id]/[moment_id]/page.jsx
+++ b/app/zone/pay/[zid]/[product_id]/[moment_id]/page.jsx
@@ -16,6 +16,7 @@ export default function Pay({ params }) {
   //超粉商品数据
   const [superfanshipData, setSuperfanshipData] = useState();
   const [isFetching, setIsFetching] = useState(true);
+  const [superCheched, setSuperCheched] = useState({ index: 0 });
   const getBase = useCallback(
     (webviewBase) => {
       let searchParamsObj = null;
@@ -50,6 +51,7 @@ export default function Pay({ params }) {
           body: JSON.stringify(body),
         }
       );
+      console.log("JSON.stringify(body)", JSON.stringify(body));
       const temData = await response.json();
       if (temData.ret === -1) {
         Toast.show({
@@ -87,6 +89,10 @@ export default function Pay({ params }) {
       );
       const temData = await response.json();
       if (temData.ret === -1) return;
+      const superfanPriceList = temData.data?.superfan_price_list;
+      if (superfanPriceList) {
+        setSuperCheched({ index: 0, ...superfanPriceList[0] });
+      }
       setSuperfanshipData(temData.data);
     } catch (error) {
       console.error(error);
@@ -95,22 +101,33 @@ export default function Pay({ params }) {
 
   //轮询请求
   useEffect(() => {
-    setTimeout(() => {
+    // debugger;
+    const timer = setTimeout(() => {
       getData();
       getSuperfanshipData();
     }, 500);
-    const intervalId = setInterval(() => {
-      getData();
-      getSuperfanshipData();
-    }, 2000);
-    return () => clearInterval(intervalId);
+    // const intervalId = setInterval(() => {
+    //   getData();
+    //   getSuperfanshipData();
+    // }, 2000);
+    return () => clearTimeout(timer);
   }, []);
 
   //是否勾选购买超粉switch组件
   const [checked, setChecked] = useState(
     params.product_id === "h5_zone_superfanship" ? true : false
   );
-
+  const superId = superfanshipData?.superfan_price_list
+    ? superCheched?.period == 1
+      ? "h5_zone_superfanship_year"
+      : superCheched?.period == 2
+      ? "h5_zone_superfanship_half_year"
+      : superCheched?.period == 3
+      ? "h5_zone_superfanship_season"
+      : superCheched?.period == 4
+      ? "h5_zone_superfanship_month"
+      : "h5_zone_superfanship_eternal"
+    : "h5_zone_superfanship";
   //创建订单
   const [isLoading, setIsLoading] = useState(false);
   const createOrder = async (type = "alipay_h5") => {
@@ -120,7 +137,7 @@ export default function Pay({ params }) {
       ...base,
       zid: parseInt(params.zid),
       moment_id: parseInt(params.moment_id),
-      product_id: checked ? "h5_zone_superfanship" : params.product_id,
+      product_id: checked ? superId : params.product_id,
       pay_type: type,
       redirect_url: type === "yeepay_wxpay_h5" ? window.location.href : "",
       from: searchParams.get("base") ? "web" : "app",
@@ -174,6 +191,10 @@ export default function Pay({ params }) {
     }
   };
 
+  const handleSelectSuper = (it) => {
+    setSuperCheched(it);
+  };
+
   if (isFetching) {
     return (
       <section className="flex flex-1 justify-center container">
@@ -215,7 +236,7 @@ export default function Pay({ params }) {
         <h1 className="text-[#FF669E] text-4xl font-medium text-center my-10">
           ¥{" "}
           {checked
-            ? (superfanshipData?.price / 100).toFixed(2)
+            ? (superCheched?.price || data?.price) / 100
             : (data?.price / 100).toFixed(2)}
         </h1>
         <div className="flex flex-row justify-between">
@@ -228,10 +249,60 @@ export default function Pay({ params }) {
         <div className="flex flex-row justify-between">
           <p className="text-white text-base font-medium">有效期：</p>
           <p className="text-secondary text-base font-medium">
-            {checked ? superfanshipData?.validity : data?.validity}
+            {checked
+              ? superCheched?.period == 1
+                ? "一年"
+                : superCheched?.period == 2
+                ? "半年"
+                : superCheched?.period == 3
+                ? "三个月"
+                : superCheched?.period == 4
+                ? "一个月"
+                : "永久"
+              : data?.validity}
           </p>
         </div>
+
         <Divider className="my-2" />
+        {checked && (
+          <div className="my-2 grid grid-cols-3 gap-4">
+            {superfanshipData?.superfan_price_list
+              ?.filter((it) => it.enable)
+              ?.map((it, index) => (
+                <div
+                  onClick={() => handleSelectSuper({ index, ...it })}
+                  className={`flex-col justify-center items-center p-4 text-center border-[#${
+                    superCheched?.index == index ? "FF669E" : "ffffff80"
+                  }] bg-[#${
+                    superCheched?.index == index ? "ff669e38" : "ffffff81a"
+                  }] border-[2px] rounded-xl max-h-max`}
+                >
+                  <p className="whitespace-nowrap text-base">
+                    {it.period == 0
+                      ? "永久"
+                      : it.period == 1
+                      ? "年度"
+                      : it.period == 2
+                      ? "半年"
+                      : it.period == 3
+                      ? "季度"
+                      : "月度"}
+                    超粉
+                  </p>
+                  <p className="whitespace-nowrap my-1 text-xl font-medium text-[#FF669E]">
+                    ¥{it.price / 100}
+                  </p>
+                  {it.is_superfanship_give_wechat ? (
+                    <p className="whitespace-nowrap text-sm text-[#ffffff80]">
+                      (赠送微信)
+                    </p>
+                  ) : (
+                    ""
+                  )}
+                </div>
+              ))}
+          </div>
+        )}
         {params.product_id === "h5_zone_moment" && superfanshipData && (
           <div className="flex flex-row justify-between items-center bg-[#331F0B] py-2 px-4 rounded-2xl">
             <div className="flex flex-col items-center">
@@ -263,20 +334,24 @@ export default function Pay({ params }) {
             />
           </div>
         )}
-        {params.product_id === "h5_zone_superfanship" &&
-          superfanshipData?.is_superfanship_give_wechat === 1 && (
-            <div className="flex flex-row justify-center items-center bg-[#331F0B] py-2 px-4 rounded-2xl gap-1">
-              <svg viewBox="0 0 1024 1024" width="20" height="20">
-                <path
-                  d="M871.640452 229.691309l-31.104415 0c15.552208-27.213805 22.354124-52.80874 20.411889-76.785827-1.295506-12.311397-5.348821-24.788569-12.149714-37.422308-6.804986-12.633738-17.98256-24.136723-33.534767-34.503838-14.902408-9.072633-31.428803-14.744819-49.572022-17.009396-18.143219-2.26867-37.58399-0.811482-58.319244 4.370541-11.015891 2.591011-22.354124 6.316869-34.019815 11.17655-11.661597 4.859681-23.326265 10.692526-34.986839 17.498536-11.665691 6.800893-23.332405 14.418384-34.992979 22.842241-11.664667 8.423857-22.842241 17.494443-33.534767 27.213805s-21.057595 20.089547-31.101345 31.105439c-10.04682 11.016915-19.605523 22.354124-28.675086 34.019815-25.918299-34.992979-56.863079-65.774029-92.822059-92.339058-35.966143-26.568099-70.797439-43.739177-104.488773-51.518351-41.476647-11.014868-77.114308-6.800893-106.919125 12.638855-27.864628 18.789948-43.094494 42.767036-45.686529 71.927169-0.649799 5.832845-0.649799 11.827373 0 17.98256 0.649799 6.155187 1.779529 12.472056 3.403516 18.950607 1.61887 6.482645 3.886517 12.96222 6.800893 19.439748 2.919493 6.482645 6.323009 13.285584 10.209526 20.412912l-31.105439 0c-23.977088 0-44.384883 8.423857-61.23362 25.272593-16.847713 16.84976-25.272593 37.257555-25.272593 61.23362l0 110.805642c0 18.794042 5.671163 35.804461 17.010419 51.02921 11.338233 15.229866 25.755594 25.761734 43.256176 31.589462-3.241834 9.074679-4.860704 18.794042-4.860704 29.160133L118.353037 872.177176c0 23.979134 8.423857 44.391023 25.266453 61.235666 16.84976 16.847713 37.261649 25.27157 61.238736 25.27157l611.381451 0c11.664667 0 22.842241-2.26867 33.534767-6.804986 10.68741-4.533246 19.923772-10.68741 27.697829-18.466584 7.779174-7.776104 13.933337-17.010419 18.4717-27.702945 4.532223-10.68741 6.800893-21.869077 6.800893-33.532721L902.744867 538.782993c0-10.366092-1.940189-20.085454-5.831822-29.160133 6.482645-1.941212 12.31549-4.5312 17.498536-7.774057 5.182023-3.241834 10.042727-6.80601 14.580067-10.692526 4.53734-3.88754 8.585539-8.263198 12.149714-13.122879s6.639211-10.041704 9.231245-15.548114c2.596128-5.510504 4.538363-11.181667 5.832845-17.010419 1.296529-5.832845 1.945305-11.988032 1.945305-18.4717L958.150758 316.197522c0-15.553231-3.886517-29.966499-11.664667-43.25106-7.77508-13.284561-18.305925-23.815405-31.590486-31.589462C901.60695 233.57885 887.188566 229.691309 871.640452 229.691309L871.640452 229.691309zM816.235584 897.446699 541.164738 897.446699 541.164738 513.5104l275.071869 0c4.53734 0 8.746198 1.133823 12.633738 3.402493 3.891633 2.26867 6.80601 5.347798 8.752338 9.235338 1.940189 3.88754 2.914376 8.102538 2.914376 12.634762L840.53706 872.177176c0 7.130398-2.430352 13.119809-7.290033 17.97949S822.714136 897.446699 816.235584 897.446699L816.235584 897.446699zM575.184553 229.691309c22.030759-25.272593 46.330188-47.142693 72.898287-65.609277 26.564006-18.466584 51.514257-30.616298 74.840522-36.450167 7.779174-1.945305 15.230889-3.079128 22.35924-3.402493 7.124258-0.322341 13.606903 0.160659 19.439748 1.457188 5.827729 1.296529 11.338233 3.564175 16.521279 6.804986 11.665691 7.774057 17.821901 16.525372 18.467607 26.245757 1.295506 10.366092-2.264577 22.354124-10.688433 35.961026-8.423857 13.606903-17.175171 25.272593-26.244734 34.991955L575.184553 229.690286 575.184553 229.691309zM896.908952 316.197522l0 110.805642c0 3.240811-0.645706 6.482645-1.941212 9.720386-1.295506 3.240811-3.080152 5.994528-5.348821 8.263198-2.264577 2.26867-5.021364 4.053316-8.258081 5.348821-3.241834 1.295506-6.482645 1.941212-9.720386 1.941212L541.164738 452.27678 541.164738 290.924929l330.475713 0c7.124258 0 13.117762 2.430352 17.978467 7.290033C894.4786 303.074643 896.908952 309.069171 896.908952 316.197522L896.908952 316.197522zM479.926002 513.514493l0 383.936299L204.855156 897.450792c-7.128351 0-13.122879-2.429329-17.98256-7.28901-4.860704-4.860704-7.290033-10.854209-7.290033-17.984606L179.582563 538.782993c0-4.532223 1.134847-8.747221 3.403516-12.634762 2.267647-3.888564 5.343705-6.967692 9.230222-9.235338 3.892657-2.263553 8.101515-3.3984 12.639878-3.3984L479.926002 513.514493 479.926002 513.514493zM221.375411 158.738327c0-4.53734 1.296529-8.912997 3.892657-13.122879 2.589988-4.214998 7.449669-8.585539 14.580067-13.122879 14.251585-9.720386 33.691333-11.338233 58.319244-4.859681 9.06854 2.593058 18.628266 5.994528 28.670993 10.204409 10.042727 4.213975 20.25123 9.558703 30.616298 16.041348 10.371208 6.478552 20.574594 13.606903 30.622438 21.38096 10.041704 7.779174 19.923772 16.20303 29.643134 25.272593 9.720386 9.070586 19.116383 18.790972 28.185946 29.160133l-188.564633 0c-8.42488-9.069563-16.848737-20.412912-25.272593-34.019815C223.645105 182.065616 220.079906 169.753195 221.375411 158.738327L221.375411 158.738327zM124.176672 316.197522c0-7.128351 2.430352-13.122879 7.290033-17.98256 4.859681-4.860704 10.854209-7.290033 17.983583-7.290033l330.476737 0 0 161.351851-330.476737 0c-3.236718 0-5.993504-0.484024-8.263198-1.457188-2.263553-0.973164-4.532223-2.267647-6.800893-3.88754-2.267647-1.62194-4.053316-3.402493-5.349845-5.348821-1.295506-1.941212-2.430352-4.209882-3.397377-6.800893-0.973164-2.591011-1.463328-5.182023-1.463328-7.779174L124.175649 316.197522 124.176672 316.197522zM124.176672 316.197522"
-                  fill="#FFD685"
-                ></path>
-              </svg>
-              <p className="text-[#FFD685] text-base font-medium">
-                额外附赠空间主人私人微信
-              </p>
-            </div>
-          )}
+        {params.product_id === "h5_zone_superfanship" && (
+          <>
+            {superfanshipData?.is_superfanship_give_wechat === 1 && (
+              <div className="flex flex-row justify-center items-center bg-[#331F0B] py-2 px-4 rounded-2xl gap-1">
+                <svg viewBox="0 0 1024 1024" width="20" height="20">
+                  <path
+                    d="M871.640452 229.691309l-31.104415 0c15.552208-27.213805 22.354124-52.80874 20.411889-76.785827-1.295506-12.311397-5.348821-24.788569-12.149714-37.422308-6.804986-12.633738-17.98256-24.136723-33.534767-34.503838-14.902408-9.072633-31.428803-14.744819-49.572022-17.009396-18.143219-2.26867-37.58399-0.811482-58.319244 4.370541-11.015891 2.591011-22.354124 6.316869-34.019815 11.17655-11.661597 4.859681-23.326265 10.692526-34.986839 17.498536-11.665691 6.800893-23.332405 14.418384-34.992979 22.842241-11.664667 8.423857-22.842241 17.494443-33.534767 27.213805s-21.057595 20.089547-31.101345 31.105439c-10.04682 11.016915-19.605523 22.354124-28.675086 34.019815-25.918299-34.992979-56.863079-65.774029-92.822059-92.339058-35.966143-26.568099-70.797439-43.739177-104.488773-51.518351-41.476647-11.014868-77.114308-6.800893-106.919125 12.638855-27.864628 18.789948-43.094494 42.767036-45.686529 71.927169-0.649799 5.832845-0.649799 11.827373 0 17.98256 0.649799 6.155187 1.779529 12.472056 3.403516 18.950607 1.61887 6.482645 3.886517 12.96222 6.800893 19.439748 2.919493 6.482645 6.323009 13.285584 10.209526 20.412912l-31.105439 0c-23.977088 0-44.384883 8.423857-61.23362 25.272593-16.847713 16.84976-25.272593 37.257555-25.272593 61.23362l0 110.805642c0 18.794042 5.671163 35.804461 17.010419 51.02921 11.338233 15.229866 25.755594 25.761734 43.256176 31.589462-3.241834 9.074679-4.860704 18.794042-4.860704 29.160133L118.353037 872.177176c0 23.979134 8.423857 44.391023 25.266453 61.235666 16.84976 16.847713 37.261649 25.27157 61.238736 25.27157l611.381451 0c11.664667 0 22.842241-2.26867 33.534767-6.804986 10.68741-4.533246 19.923772-10.68741 27.697829-18.466584 7.779174-7.776104 13.933337-17.010419 18.4717-27.702945 4.532223-10.68741 6.800893-21.869077 6.800893-33.532721L902.744867 538.782993c0-10.366092-1.940189-20.085454-5.831822-29.160133 6.482645-1.941212 12.31549-4.5312 17.498536-7.774057 5.182023-3.241834 10.042727-6.80601 14.580067-10.692526 4.53734-3.88754 8.585539-8.263198 12.149714-13.122879s6.639211-10.041704 9.231245-15.548114c2.596128-5.510504 4.538363-11.181667 5.832845-17.010419 1.296529-5.832845 1.945305-11.988032 1.945305-18.4717L958.150758 316.197522c0-15.553231-3.886517-29.966499-11.664667-43.25106-7.77508-13.284561-18.305925-23.815405-31.590486-31.589462C901.60695 233.57885 887.188566 229.691309 871.640452 229.691309L871.640452 229.691309zM816.235584 897.446699 541.164738 897.446699 541.164738 513.5104l275.071869 0c4.53734 0 8.746198 1.133823 12.633738 3.402493 3.891633 2.26867 6.80601 5.347798 8.752338 9.235338 1.940189 3.88754 2.914376 8.102538 2.914376 12.634762L840.53706 872.177176c0 7.130398-2.430352 13.119809-7.290033 17.97949S822.714136 897.446699 816.235584 897.446699L816.235584 897.446699zM575.184553 229.691309c22.030759-25.272593 46.330188-47.142693 72.898287-65.609277 26.564006-18.466584 51.514257-30.616298 74.840522-36.450167 7.779174-1.945305 15.230889-3.079128 22.35924-3.402493 7.124258-0.322341 13.606903 0.160659 19.439748 1.457188 5.827729 1.296529 11.338233 3.564175 16.521279 6.804986 11.665691 7.774057 17.821901 16.525372 18.467607 26.245757 1.295506 10.366092-2.264577 22.354124-10.688433 35.961026-8.423857 13.606903-17.175171 25.272593-26.244734 34.991955L575.184553 229.690286 575.184553 229.691309zM896.908952 316.197522l0 110.805642c0 3.240811-0.645706 6.482645-1.941212 9.720386-1.295506 3.240811-3.080152 5.994528-5.348821 8.263198-2.264577 2.26867-5.021364 4.053316-8.258081 5.348821-3.241834 1.295506-6.482645 1.941212-9.720386 1.941212L541.164738 452.27678 541.164738 290.924929l330.475713 0c7.124258 0 13.117762 2.430352 17.978467 7.290033C894.4786 303.074643 896.908952 309.069171 896.908952 316.197522L896.908952 316.197522zM479.926002 513.514493l0 383.936299L204.855156 897.450792c-7.128351 0-13.122879-2.429329-17.98256-7.28901-4.860704-4.860704-7.290033-10.854209-7.290033-17.984606L179.582563 538.782993c0-4.532223 1.134847-8.747221 3.403516-12.634762 2.267647-3.888564 5.343705-6.967692 9.230222-9.235338 3.892657-2.263553 8.101515-3.3984 12.639878-3.3984L479.926002 513.514493 479.926002 513.514493zM221.375411 158.738327c0-4.53734 1.296529-8.912997 3.892657-13.122879 2.589988-4.214998 7.449669-8.585539 14.580067-13.122879 14.251585-9.720386 33.691333-11.338233 58.319244-4.859681 9.06854 2.593058 18.628266 5.994528 28.670993 10.204409 10.042727 4.213975 20.25123 9.558703 30.616298 16.041348 10.371208 6.478552 20.574594 13.606903 30.622438 21.38096 10.041704 7.779174 19.923772 16.20303 29.643134 25.272593 9.720386 9.070586 19.116383 18.790972 28.185946 29.160133l-188.564633 0c-8.42488-9.069563-16.848737-20.412912-25.272593-34.019815C223.645105 182.065616 220.079906 169.753195 221.375411 158.738327L221.375411 158.738327zM124.176672 316.197522c0-7.128351 2.430352-13.122879 7.290033-17.98256 4.859681-4.860704 10.854209-7.290033 17.983583-7.290033l330.476737 0 0 161.351851-330.476737 0c-3.236718 0-5.993504-0.484024-8.263198-1.457188-2.263553-0.973164-4.532223-2.267647-6.800893-3.88754-2.267647-1.62194-4.053316-3.402493-5.349845-5.348821-1.295506-1.941212-2.430352-4.209882-3.397377-6.800893-0.973164-2.591011-1.463328-5.182023-1.463328-7.779174L124.175649 316.197522 124.176672 316.197522zM124.176672 316.197522"
+                    fill="#FFD685"
+                  ></path>
+                </svg>
+                <p className="text-[#FFD685] text-base font-medium">
+                  额外附赠空间主人私人微信
+                </p>
+              </div>
+            )}
+          </>
+        )}
+
         {checked ? (
           <div className="flex flex-col mt-16 pb-48">
             <p className="text-secondary text-base font-medium">购买须知：</p>