diff --git a/view/peko/activity/2024-whiteLove/css/index.css b/view/peko/activity/2024-whiteLove/css/index.css
index 52d9374..8896576 100644
--- a/view/peko/activity/2024-whiteLove/css/index.css
+++ b/view/peko/activity/2024-whiteLove/css/index.css
@@ -37,6 +37,7 @@ body {
   background-size: 100% 100%;
   position: relative;
   margin: 0 auto 0rem;
+  z-index: 2;
 }
 
 .header .rule_icon {
@@ -45,6 +46,8 @@ body {
   position: absolute;
   top: 2.4rem;
   right: 0;
+  background: url(../images/rule_icon.png) no-repeat;
+  background-size: 100% 100%;
 }
 
 .tab {
@@ -53,6 +56,7 @@ body {
   margin: 0 auto 0rem;
   display: flex;
   justify-content: space-between;
+  position: relative;
 }
 
 .tab div {
@@ -75,254 +79,13 @@ body {
   color: #663803;
 }
 
-.page1 .bg1 {
+.page1 .page1Bg {
   width: 10rem;
-  height: 15.14667rem;
-  background: url(../images/page1_bg1.png) no-repeat;
+  height: 33.76rem;
+  display: block;
+  margin: -9.98667rem auto 0;
+  background: url(../images/page1Bg.png) no-repeat;
   background-size: 100% 100%;
-  margin: 0 auto 0;
-  position: relative;
-}
-
-.page1 .bg1 .title {
-  width: 3.73333rem;
-  height: 0.66667rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 1.38667rem;
-}
-
-.page1 .bg1 .loveBox {
-  width: 3.38667rem;
-  height: 3.33333rem;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 5.86rem;
-  position: absolute;
-}
-
-.page1 .bg1 .mp {
-  width: 1.93333rem;
-  height: 0.53333rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-58%);
-  top: 7.09333rem;
-}
-
-.page1 .bg1 p {
-  position: absolute;
-  width: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  text-align: center;
-  font-size: 0.32rem;
-  font-weight: 500;
-  color: #521C98;
-}
-
-.page1 .bg1 .p1 {
-  top: 2.37333rem;
-}
-
-.page1 .bg1 .p2 {
-  top: 2.8rem;
-}
-
-.page1 .bg1 .p3 {
-  top: 8.74667rem;
-}
-
-.page1 .bg1 .p4 {
-  width: 6.61333rem;
-  top: 13.44rem;
-  color: #fff;
-  font-size: 0.32rem;
-  font-weight: 500;
-  line-height: 0.45rem;
-}
-
-.page1 .bg1 .giftList {
-  width: 2.08rem;
-  height: 2.08rem;
-  position: absolute;
-}
-
-.page1 .bg1 .giftList .qp {
-  width: 2.08rem;
-  height: 2.08rem;
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: url(../images/qp.png) no-repeat;
-  background-size: 100% 100%;
-  z-index: 2;
-}
-
-.page1 .bg1 .giftList .gift {
-  width: 1.6rem;
-  height: 1.6rem;
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 0.24rem;
-}
-
-.page1 .bg1 .giftList .giftName {
-  width: 100%;
-  height: 0.45333rem;
-  line-height: 0.45333rem;
-  text-align: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 1.65333rem;
-  color: #fff;
-  font-size: 0.32rem;
-  font-weight: 500;
-  background: url(../images/giftNameBg.png) no-repeat;
-  background-size: 100% 100%;
-  z-index: 3;
-}
-
-.page1 .bg1 .giftList .giftVAlue {
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: -0.45rem;
-  color: #521C98;
-  font-size: 0.32rem;
-  font-weight: 500;
-}
-
-.page1 .bg1 .filter {
-  filter: grayscale(100%);
-}
-
-.page1 .bg1 .filter .giftName {
-  color: #E2E2E2;
-}
-
-.page1 .bg1 .filter .giftVAlue {
-  color: #99999A;
-}
-
-.page1 .bg1 .giftList1 {
-  left: 2.32rem;
-  top: 3.78667rem;
-}
-
-.page1 .bg1 .giftList2 {
-  left: 6.41333rem;
-  top: 3.78667rem;
-}
-
-.page1 .bg1 .giftList3 {
-  left: 6.82667rem;
-  top: 6.69333rem;
-}
-
-.page1 .bg1 .giftList4 {
-  left: 5.57333rem;
-  top: 9.6rem;
-}
-
-.page1 .bg1 .giftList5 {
-  left: 2.34667rem;
-  top: 9.6rem;
-}
-
-.page1 .bg1 .giftList6 {
-  left: 1.09333rem;
-  top: 6.8rem;
-}
-
-.page1 .bg2 {
-  width: 10rem;
-  height: 13.86667rem;
-  background: url(../images/page1_bg2.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-  margin: 0 auto 0.48rem;
-}
-
-.page1 .bg2 .title {
-  width: 3.73333rem;
-  height: 0.66667rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 1.44rem;
-}
-
-.page1 .bg2 ul {
-  width: 9.14667rem;
-  height: 9.5rem;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 2.2rem;
-  overflow-y: scroll;
-}
-
-.page1 .bg2 ul::-webkit-scrollbar {
-  width: 0;
-  display: none;
-}
-
-.page1 .bg2 ul li {
-  width: 100%;
-  height: 0.96rem;
-  line-height: 0.94667rem;
-  display: flex;
-  justify-content: space-between;
-}
-
-.page1 .bg2 ul li div {
-  width: 50%;
-  text-align: center;
-  color: #521C98;
-  font-weight: 400;
-}
-
-.page1 .bg2 ul li .left {
-  line-height: normal;
-}
-
-.page1 .bg2 ul li .left p {
-  color: #521C98;
-  font-size: 0.32rem;
-  margin-bottom: 0.02667rem;
-}
-
-.page1 .bg2 ul li .left span {
-  font-size: 0.26667rem;
-}
-
-.page1 .bg2 ul .liTitle div {
-  font-size: 0.37333rem;
-  font-weight: 500;
-  color: #521C98;
-}
-
-.page1 .bg2 ul .null {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 0.37333rem;
-  font-weight: 500;
-  color: #521C98;
-  text-align: center;
-  width: 100%;
-}
-
-.page1 .bg2 ul .null div {
-  width: 100%;
 }
 
 .page2 {
@@ -689,344 +452,6 @@ body {
   display: none;
 }
 
-.page3 .box {
-  width: 10rem;
-  height: 10.66667rem;
-  margin: 0 auto 0rem;
-  background: url(../images/page3boxBg.png) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-}
-
-.page3 .box .page2Buy_icon {
-  width: 2.10667rem;
-  height: 0.96rem;
-  position: absolute;
-  right: 0;
-  top: 3.89333rem;
-  z-index: 2;
-}
-
-.page3 .box i {
-  font-style: normal;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.page3 .box .i2 {
-  width: 6.61333rem;
-  height: 0.90667rem;
-  text-align: center;
-  color: #521C98;
-  font-size: 0.32rem;
-  line-height: 0.46667rem;
-  top: 1.26667rem;
-  font-weight: 500;
-}
-
-.page3 .box .tasks {
-  width: 8.72rem;
-  height: 3.36rem;
-  position: absolute;
-  top: 2.77333rem;
-  left: 50%;
-  transform: translateX(-50%);
-  background: #F1F1FF;
-  border-radius: 0.21333rem;
-}
-
-.page3 .box .tasks .giftBox {
-  width: 2.08rem;
-  height: 2.08rem;
-  position: absolute;
-  left: 0.37333rem;
-  top: 0.32rem;
-}
-
-.page3 .box .tasks .giftBox .qp {
-  width: 2.08rem;
-  height: 2.08rem;
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: url(../images/page3ts.png) no-repeat;
-  background-size: 100% 100%;
-  z-index: 2;
-}
-
-.page3 .box .tasks .giftBox .gift {
-  width: 1.6rem;
-  height: 1.6rem;
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 0.24rem;
-}
-
-.page3 .box .tasks .giftBox .giftName {
-  width: 100%;
-  height: 0.45333rem;
-  line-height: 0.45333rem;
-  text-align: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 1.65333rem;
-  color: #fff;
-  font-size: 0.32rem;
-  font-weight: 500;
-  background: url(../images/giftNameBg.png) no-repeat;
-  background-size: 100% 100%;
-  z-index: 3;
-}
-
-.page3 .box .tasks .giftBox .giftVAlue {
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: -0.45rem;
-  color: #521C98;
-  font-size: 0.32rem;
-  font-weight: 500;
-}
-
-.page3 .box .tasks p {
-  position: absolute;
-  color: #521C98;
-  font-size: 0.32rem;
-  font-weight: 500;
-  left: 2.82667rem;
-}
-
-.page3 .box .tasks .p1 {
-  top: 0.45333rem;
-}
-
-.page3 .box .tasks .p2 {
-  top: 1.22667rem;
-  color: #7347AD;
-}
-
-.page3 .box .tasks .p3 {
-  top: 2.34667rem;
-}
-
-.page3 .box .tasks .line {
-  width: 4.42667rem;
-  height: 0.32rem;
-  line-height: 0.32rem;
-  border-radius: 0.32rem;
-  position: absolute;
-  left: 4rem;
-  top: 1.2rem;
-  background: #7466c4;
-}
-
-.page3 .box .tasks .line span {
-  width: 10%;
-  height: 0.26667rem;
-  border-radius: 0.26667rem;
-  position: absolute;
-  left: 0.02667rem;
-  top: 50%;
-  transform: translateY(-50%);
-  background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
-}
-
-.page3 .box .tasks .line .i {
-  color: #c4a8a8;
-  z-index: 2;
-  position: absolute;
-  right: -1.8rem;
-  height: 100%;
-  line-height: 0.32rem;
-  width: auto;
-  text-align: right;
-}
-
-.page3 .box .tasks .buy {
-  width: 2.13333rem;
-  height: 0.74667rem;
-  line-height: 0.74667rem;
-  vertical-align: middle;
-  text-align: center;
-  color: #663803;
-  font-size: 0.37333rem;
-  font-weight: 500;
-  position: absolute;
-  top: 2.18667rem;
-  left: 6.26667rem;
-  background: url(../images/page2But.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page3 .box .tasks .buy img {
-  display: inline-block;
-  width: 0.64rem;
-  height: 0.64rem;
-}
-
-.page3 .box .tasks .act {
-  background: url(../images/buy_z.png) no-repeat;
-  background-size: 100% 100%;
-  color: #fff;
-}
-
-.page3 .box .tasks2 {
-  width: 8.72rem;
-  height: 3.36rem;
-  position: absolute;
-  top: 6.45333rem;
-  left: 50%;
-  transform: translateX(-50%);
-  background: #F1F1FF;
-  border-radius: 0.21333rem;
-}
-
-.page3 .box .tasks2 .giftBox {
-  width: 2.08rem;
-  height: 2.08rem;
-  position: absolute;
-  left: 0.37333rem;
-  top: 0.32rem;
-}
-
-.page3 .box .tasks2 .giftBox .qp {
-  width: 2.08rem;
-  height: 2.08rem;
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: url(../images/page3qp.png) no-repeat;
-  background-size: 100% 100%;
-  z-index: 2;
-}
-
-.page3 .box .tasks2 .giftBox .gift {
-  width: 1.6rem;
-  height: 1.6rem;
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 0.24rem;
-}
-
-.page3 .box .tasks2 .giftBox .giftName {
-  width: 100%;
-  height: 0.45333rem;
-  line-height: 0.45333rem;
-  text-align: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 1.65333rem;
-  color: #fff;
-  font-size: 0.32rem;
-  font-weight: 500;
-  background: url(../images/giftNameBg.png) no-repeat;
-  background-size: 100% 100%;
-  z-index: 3;
-}
-
-.page3 .box .tasks2 .giftBox .giftVAlue {
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: -0.45rem;
-  color: #521C98;
-  font-size: 0.32rem;
-  font-weight: 500;
-}
-
-.page3 .box .tasks2 p {
-  position: absolute;
-  color: #521C98;
-  font-size: 0.32rem;
-  font-weight: 500;
-  left: 2.82667rem;
-}
-
-.page3 .box .tasks2 .p1 {
-  top: 0.45333rem;
-}
-
-.page3 .box .tasks2 .p2 {
-  top: 1.22667rem;
-  color: #7347AD;
-}
-
-.page3 .box .tasks2 .p3 {
-  top: 2.34667rem;
-}
-
-.page3 .box .tasks2 .line {
-  width: 4.42667rem;
-  height: 0.32rem;
-  line-height: 0.32rem;
-  border-radius: 0.32rem;
-  position: absolute;
-  left: 4rem;
-  top: 1.2rem;
-  background: #7466c4;
-}
-
-.page3 .box .tasks2 .line span {
-  width: 10%;
-  height: 0.26667rem;
-  border-radius: 0.26667rem;
-  position: absolute;
-  left: 0.02667rem;
-  top: 50%;
-  transform: translateY(-50%);
-  background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
-}
-
-.page3 .box .tasks2 .line .i {
-  color: #c4a8a8;
-  z-index: 2;
-  position: absolute;
-  right: -1.8rem;
-  height: 100%;
-  line-height: 0.32rem;
-  width: auto;
-  text-align: right;
-}
-
-.page3 .box .tasks2 .buy {
-  width: 2.13333rem;
-  height: 0.74667rem;
-  line-height: 0.74667rem;
-  vertical-align: middle;
-  text-align: center;
-  color: #663803;
-  font-size: 0.37333rem;
-  font-weight: 500;
-  position: absolute;
-  top: 2.18667rem;
-  left: 6.26667rem;
-  background: url(../images/page2But.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.page3 .box .tasks2 .buy img {
-  display: inline-block;
-  width: 0.64rem;
-  height: 0.64rem;
-}
-
-.page3 .box .tasks2 .act {
-  background: url(../images/buy_z.png) no-repeat;
-  background-size: 100% 100%;
-  color: #fff;
-}
-
 .page3 .top3 {
   width: 10rem;
   height: 10.45333rem;
diff --git a/view/peko/activity/2024-whiteLove/css/index.scss b/view/peko/activity/2024-whiteLove/css/index.scss
index 754f463..7034eda 100644
--- a/view/peko/activity/2024-whiteLove/css/index.scss
+++ b/view/peko/activity/2024-whiteLove/css/index.scss
@@ -42,6 +42,7 @@ body {
     background-size: 100% 100%;
     position: relative;
     margin: 0 auto px2rem(0);
+    z-index: 2;
 
     .rule_icon {
         width: px2rem(62);
@@ -49,6 +50,8 @@ body {
         position: absolute;
         top: px2rem(180);
         right: 0;
+        background: url(../images/rule_icon.png) no-repeat;
+        background-size: 100% 100%;
     }
 }
 
@@ -58,6 +61,7 @@ body {
     margin: 0 auto px2rem(0);
     display: flex;
     justify-content: space-between;
+    position: relative;
 
     div {
         width: px2rem(240);
@@ -81,259 +85,15 @@ body {
 }
 
 .page1 {
+
     // display: none;
-
-    .bg1 {
+    .page1Bg {
         width: px2rem(750);
-        height: px2rem(1136);
-        background: url(../images/page1_bg1.png) no-repeat;
+        height: px2rem(2532);
+        display: block;
+        margin: px2rem(-749) auto 0;
+        background: url(../images/page1Bg.png) no-repeat;
         background-size: 100% 100%;
-        margin: 0 auto 0;
-        position: relative;
-
-        .title {
-            width: px2rem(280);
-            height: px2rem(50);
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            top: px2rem(104);
-        }
-
-        .loveBox {
-            width: px2rem(254);
-            height: px2rem(250);
-            left: 50%;
-            transform: translateX(-50%);
-            top: 5.86rem;
-            position: absolute;
-        }
-
-        .mp{
-            width: px2rem(145);
-            height: px2rem(40);
-            position: absolute;
-            left: 50%;
-            transform: translateX(-58%);
-            top: px2rem(532);
-        }
-
-        p {
-            position: absolute;
-            width: 100%;
-            left: 50%;
-            transform: translateX(-50%);
-            text-align: center;
-            font-size: px2rem(24);
-            font-weight: 500;
-            color: #521C98;
-        }
-
-        .p1 {
-            top: px2rem(178);
-        }
-
-        .p2 {
-            top: px2rem(210);
-        }
-
-        .p3 {
-            top: px2rem(656);
-        }
-
-        .p4 {
-            width: px2rem(496);
-            top: px2rem(1008);
-            color: #fff;
-            font-size: px2rem(24);
-            font-weight: 500;
-            line-height: 0.45rem;
-        }
-
-        .giftList {
-            width: px2rem(156);
-            height: px2rem(156);
-            position: absolute;
-
-            .qp {
-                width: px2rem(156);
-                height: px2rem(156);
-                position: absolute;
-                left: 0;
-                top: 0;
-                background: url(../images/qp.png) no-repeat;
-                background-size: 100% 100%;
-                z-index: 2;
-            }
-
-            .gift {
-                width: px2rem(120);
-                height: px2rem(120);
-                border-radius: 50%;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                top: px2rem(18);
-            }
-
-            .giftName {
-                width: 100%;
-                height: px2rem(34);
-                line-height: px2rem(34);
-                text-align: center;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                top: px2rem(124);
-                color: #fff;
-                font-size: px2rem(24);
-                font-weight: 500;
-                background: url(../images/giftNameBg.png) no-repeat;
-                background-size: 100% 100%;
-                z-index: 3;
-
-            }
-
-            .giftVAlue {
-                width: 100%;
-                text-align: center;
-                position: absolute;
-                left: 50%;
-                transform: translateX(-50%);
-                bottom: -0.45rem;
-                color: #521C98;
-                font-size: px2rem(24);
-                font-weight: 500;
-            }
-        }
-
-        .filter {
-            filter: grayscale(100%);
-
-            .giftName {
-                color: #E2E2E2;
-            }
-
-            .giftVAlue {
-                color: #99999A;
-            }
-        }
-
-        .giftList1 {
-            left: px2rem(174);
-            top: px2rem(284);
-        }
-
-        .giftList2 {
-            left: px2rem(481);
-            top: px2rem(284);
-        }
-
-        .giftList3 {
-            left: px2rem(512);
-            top: px2rem(502);
-        }
-
-        .giftList4 {
-            left: px2rem(418);
-            top: px2rem(720);
-        }
-
-        .giftList5 {
-            left: px2rem(176);
-            top: px2rem(720);
-        }
-
-        .giftList6 {
-            left: px2rem(82);
-            top: px2rem(510);
-        }
-    }
-
-    .bg2 {
-        width: px2rem(750);
-        height: px2rem(1040);
-        background: url(../images/page1_bg2.png) no-repeat;
-        background-size: 100% 100%;
-        position: relative;
-        margin: 0 auto px2rem(36);
-
-        .title {
-            width: px2rem(280);
-            height: px2rem(50);
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            top: px2rem(108);
-        }
-
-        ul {
-            width: px2rem(686);
-            height: 9.5rem;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            top: 2.2rem;
-            overflow-y: scroll;
-
-            &::-webkit-scrollbar {
-                width: 0;
-                display: none;
-            }
-
-            li {
-                width: 100%;
-                height: px2rem(72);
-                line-height: px2rem(71);
-                display: flex;
-                justify-content: space-between;
-
-                div {
-                    width: 50%;
-                    text-align: center;
-                    color: #521C98;
-                    font-weight: 400;
-                }
-
-                .left {
-                    line-height: normal;
-
-                    p {
-                        color: #521C98;
-                        font-size: px2rem(24);
-                        margin-bottom: px2rem(2);
-                    }
-
-                    span {
-                        font-size: px2rem(20);
-                    }
-                }
-            }
-
-            .liTitle {
-                div {
-                    font-size: px2rem(28);
-                    font-weight: 500;
-                    color: #521C98;
-                }
-            }
-
-            .null {
-                position: absolute;
-                left: 50%;
-                top: 50%;
-                transform: translate(-50%, -50%);
-                font-size: px2rem(28);
-                font-weight: 500;
-                color: #521C98;
-                text-align: center;
-                width: 100%;
-
-                div {
-                    width: 100%;
-                }
-            }
-        }
     }
 }
 
@@ -710,353 +470,6 @@ body {
 .page3 {
     display: none;
 
-    .box {
-        width: px2rem(750);
-        height: px2rem(800);
-        margin: 0 auto px2rem(0);
-        background: url(../images/page3boxBg.png) no-repeat;
-        background-size: 100% 100%;
-        position: relative;
-
-        .page2Buy_icon {
-            width: px2rem(158);
-            height: px2rem(72);
-            position: absolute;
-            right: 0;
-            top: px2rem(292);
-            z-index: 2;
-        }
-
-        i {
-            font-style: normal;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        .i2 {
-            width: px2rem(496);
-            height: px2rem(68);
-            text-align: center;
-            color: #521C98;
-            font-size: px2rem(24);
-            line-height: px2rem(35);
-            top: px2rem(95);
-            font-weight: 500;
-        }
-
-        .tasks {
-            width: px2rem(654);
-            height: px2rem(252);
-            position: absolute;
-            top: px2rem(208);
-            left: 50%;
-            transform: translateX(-50%);
-            background: #F1F1FF;
-            border-radius: px2rem(16);
-
-            .giftBox {
-                width: px2rem(156);
-                height: px2rem(156);
-                position: absolute;
-                left: px2rem(28);
-                top: px2rem(24);
-
-                .qp {
-                    width: px2rem(156);
-                    height: px2rem(156);
-                    position: absolute;
-                    left: 0;
-                    top: 0;
-                    background: url(../images/page3ts.png) no-repeat;
-                    background-size: 100% 100%;
-                    z-index: 2;
-                }
-
-                .gift {
-                    width: px2rem(120);
-                    height: px2rem(120);
-                    border-radius: 50%;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    top: px2rem(18);
-                }
-
-                .giftName {
-                    width: 100%;
-                    height: px2rem(34);
-                    line-height: px2rem(34);
-                    text-align: center;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    top: px2rem(124);
-                    color: #fff;
-                    font-size: px2rem(24);
-                    font-weight: 500;
-                    background: url(../images/giftNameBg.png) no-repeat;
-                    background-size: 100% 100%;
-                    z-index: 3;
-
-                }
-
-                .giftVAlue {
-                    width: 100%;
-                    text-align: center;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    bottom: -0.45rem;
-                    color: #521C98;
-                    font-size: px2rem(24);
-                    font-weight: 500;
-                }
-            }
-
-            p {
-                position: absolute;
-                color: #521C98;
-                font-size: px2rem(24);
-                font-weight: 500;
-                left: px2rem(212);
-            }
-
-            .p1 {
-                top: px2rem(34);
-            }
-
-            .p2 {
-                top: px2rem(92);
-                color: #7347AD;
-            }
-
-            .p3 {
-                top: px2rem(176);
-            }
-
-            .line {
-                width: px2rem(332);
-                height: px2rem(24);
-                line-height: px2rem(24);
-                border-radius: px2rem(24);
-                position: absolute;
-                left: px2rem(300);
-                top: px2rem(90);
-                background: #7466c4;
-
-                span {
-                    width: 10%;
-                    height: px2rem(20);
-                    border-radius: px2rem(20);
-                    position: absolute;
-                    // border: px2rem(2) solid #7151CE;
-                    left: px2rem(2);
-                    top: 50%;
-                    transform: translateY(-50%);
-                    background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
-                }
-
-                .i {
-                    // color: #fceb02;
-                    color: #c4a8a8;
-                    z-index: 2;
-                    position: absolute;
-                    right: -1.8rem;
-                    height: 100%;
-                    line-height: px2rem(24);
-                    width: auto;
-                    text-align: right;
-                }
-            }
-
-            .buy {
-                width: px2rem(160);
-                height: px2rem(56);
-                line-height: px2rem(56);
-                vertical-align: middle;
-                text-align: center;
-                color: #663803;
-                font-size: px2rem(28);
-                font-weight: 500;
-                position: absolute;
-                top: px2rem(164);
-                left: px2rem(470);
-                background: url(../images/page2But.png) no-repeat;
-                background-size: 100% 100%;
-
-                img {
-                    display: inline-block;
-                    width: px2rem(48);
-                    height: px2rem(48);
-
-                }
-            }
-
-            .act {
-                background: url(../images/buy_z.png) no-repeat;
-                background-size: 100% 100%;
-                color: #fff;
-            }
-        }
-
-
-        .tasks2 {
-            width: px2rem(654);
-            height: px2rem(252);
-            position: absolute;
-            top: px2rem(484);
-            left: 50%;
-            transform: translateX(-50%);
-            background: #F1F1FF;
-            border-radius: px2rem(16);
-
-            .giftBox {
-                width: px2rem(156);
-                height: px2rem(156);
-                position: absolute;
-                left: px2rem(28);
-                top: px2rem(24);
-
-                .qp {
-                    width: px2rem(156);
-                    height: px2rem(156);
-                    position: absolute;
-                    left: 0;
-                    top: 0;
-                    background: url(../images/page3qp.png) no-repeat;
-                    background-size: 100% 100%;
-                    z-index: 2;
-                }
-
-                .gift {
-                    width: px2rem(120);
-                    height: px2rem(120);
-                    border-radius: 50%;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    top: px2rem(18);
-                }
-
-                .giftName {
-                    width: 100%;
-                    height: px2rem(34);
-                    line-height: px2rem(34);
-                    text-align: center;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    top: px2rem(124);
-                    color: #fff;
-                    font-size: px2rem(24);
-                    font-weight: 500;
-                    background: url(../images/giftNameBg.png) no-repeat;
-                    background-size: 100% 100%;
-                    z-index: 3;
-
-                }
-
-                .giftVAlue {
-                    width: 100%;
-                    text-align: center;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    bottom: -0.45rem;
-                    color: #521C98;
-                    font-size: px2rem(24);
-                    font-weight: 500;
-                }
-            }
-
-            p {
-                position: absolute;
-                color: #521C98;
-                font-size: px2rem(24);
-                font-weight: 500;
-                left: px2rem(212);
-            }
-
-            .p1 {
-                top: px2rem(34);
-            }
-
-            .p2 {
-                top: px2rem(92);
-                color: #7347AD;
-            }
-
-            .p3 {
-                top: px2rem(176);
-            }
-
-            .line {
-                width: px2rem(332);
-                height: px2rem(24);
-                line-height: px2rem(24);
-                border-radius: px2rem(24);
-                position: absolute;
-                left: px2rem(300);
-                top: px2rem(90);
-                background: #7466c4;
-
-                span {
-                    width: 10%;
-                    height: px2rem(20);
-                    border-radius: px2rem(20);
-                    position: absolute;
-                    // border: px2rem(2) solid #7151CE;
-                    left: px2rem(2);
-                    top: 50%;
-                    transform: translateY(-50%);
-                    background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
-                }
-
-                .i {
-                    // color: #fceb02;
-                    color: #c4a8a8;
-                    z-index: 2;
-                    position: absolute;
-                    right: -1.8rem;
-                    height: 100%;
-                    line-height: px2rem(24);
-                    width: auto;
-                    text-align: right;
-                }
-            }
-
-            .buy {
-                width: px2rem(160);
-                height: px2rem(56);
-                line-height: px2rem(56);
-                vertical-align: middle;
-                text-align: center;
-                color: #663803;
-                font-size: px2rem(28);
-                font-weight: 500;
-                position: absolute;
-                top: px2rem(164);
-                left: px2rem(470);
-                background: url(../images/page2But.png) no-repeat;
-                background-size: 100% 100%;
-
-                img {
-                    display: inline-block;
-                    width: px2rem(48);
-                    height: px2rem(48);
-
-                }
-            }
-
-            .act {
-                background: url(../images/buy_z.png) no-repeat;
-                background-size: 100% 100%;
-                color: #fff;
-            }
-        }
-    }
-
     .top3 {
         width: px2rem(750);
         height: px2rem(784);
@@ -2062,7 +1475,8 @@ body {
             &::-webkit-scrollbar {
                 display: none;
             }
-            img{
+
+            img {
                 display: block;
                 width: px2rem(656);
                 margin: 0 auto px2rem(20);
diff --git a/view/peko/activity/2024-whiteLove/images/header.png b/view/peko/activity/2024-whiteLove/images/header.png
index b1c9276..4f6d593 100644
Binary files a/view/peko/activity/2024-whiteLove/images/header.png and b/view/peko/activity/2024-whiteLove/images/header.png differ
diff --git a/view/peko/activity/2024-whiteLove/images/page1Bg.png b/view/peko/activity/2024-whiteLove/images/page1Bg.png
new file mode 100644
index 0000000..e8b311b
Binary files /dev/null and b/view/peko/activity/2024-whiteLove/images/page1Bg.png differ
diff --git a/view/peko/activity/2024-whiteLove/images/page3Rule_inBg.png b/view/peko/activity/2024-whiteLove/images/page3Rule_inBg.png
index e76b729..c9bd722 100644
Binary files a/view/peko/activity/2024-whiteLove/images/page3Rule_inBg.png and b/view/peko/activity/2024-whiteLove/images/page3Rule_inBg.png differ
diff --git a/view/peko/activity/2024-whiteLove/images/rule_icon.png b/view/peko/activity/2024-whiteLove/images/rule_icon.png
new file mode 100644
index 0000000..dba04f3
Binary files /dev/null and b/view/peko/activity/2024-whiteLove/images/rule_icon.png differ
diff --git a/view/peko/activity/2024-whiteLove/index.html b/view/peko/activity/2024-whiteLove/index.html
index 0e4b09b..371d6c7 100644
--- a/view/peko/activity/2024-whiteLove/index.html
+++ b/view/peko/activity/2024-whiteLove/index.html
@@ -22,88 +22,14 @@
 
     <!-- tab切換 -->
     <div class="tab">
-        <div class="act">萌動花盒</div>
+        <div class="act">告白攻略</div>
         <div>甜蜜升溫</div>
         <div>熱戀時刻</div>
     </div>
 
     <!-- 頁面1 -->
     <div class="page1">
-        <div class="bg1">
-            <!-- 標題 -->
-            <img src="./images/page1Bg1Title.png" alt="" class="title">
-            <!-- 愛心盒子 -->
-            <img src="./images/loveBox.png" alt="" class="loveBox">
-            <!-- 文案 -->
-            <p class="p1">活動期間，開出「萌動花盒」中的6種不同禮物</p>
-            <p class="p2">可獲得「初心萌動」限定銘牌</p>
-            <p class="p3">今日獎勵已發放</p>
-            <p class="p4">獎勵自動發放，每日僅可領取一次，點亮結果和獎勵每日中午12點自動刷新</p>
-            <!-- 銘牌 -->
-            <img src="./images/mp.png" alt="" class="mp">
-            <!-- 點亮列錶 -->
-            <div class="giftListBox">
-                <div class="giftList giftList1 filter">
-                    <div class="qp"></div>
-                    <img src="./images/1.png" alt="" class="gift">
-                    <div class="giftName">白玫瑰</div>
-                    <div class="giftVAlue">1314鉆</div>
-                </div>
-                <div class="giftList giftList2 filter">
-                    <div class="qp"></div>
-                    <img src="./images/2.png" alt="" class="gift">
-                    <div class="giftName">紅玫瑰</div>
-                    <div class="giftVAlue">1314鉆</div>
-                </div>
-                <div class="giftList giftList3 filter">
-                    <div class="qp"></div>
-                    <img src="./images/3.png" alt="" class="gift">
-                    <div class="giftName">粉玫瑰</div>
-                    <div class="giftVAlue">1314鉆</div>
-                </div>
-                <div class="giftList giftList4 filter">
-                    <div class="qp"></div>
-                    <img src="./images/4.png" alt="" class="gift">
-                    <div class="giftName">彩玫瑰</div>
-                    <div class="giftVAlue">1314鉆</div>
-                </div>
-                <div class="giftList giftList5 filter">
-                    <div class="qp"></div>
-                    <img src="./images/5.png" alt="" class="gift">
-                    <div class="giftName">熾熱愛戀</div>
-                    <div class="giftVAlue">1314鉆</div>
-                </div>
-                <div class="giftList giftList6 filter">
-                    <div class="qp"></div>
-                    <img src="./images/6.png" alt="" class="gift">
-                    <div class="giftName">純白愛戀</div>
-                    <div class="giftVAlue">1314鉆</div>
-                </div>
-            </div>
-        </div>
-
-        <div class="bg2">
-            <!-- 標題 -->
-            <img src="./images/page1Bg2Title.png" alt="" class="title">
-            <!-- 列錶 -->
-            <ul>
-                <li class="liTitle">
-                    <div>點亮時間</div>
-                    <div>獲得獎勵</div>
-                </li>
-                <li>
-                    <div class="left">
-                        <p>2024/2/1</p>
-                        <span>00:00:00</span>
-                    </div>
-                    <div>xxxx銘牌</div>
-                </li>
-                <li class="null">
-                    <div>暫無點亮記錄，快去集齊禮物吧~</div>
-                </li>
-            </ul>
-        </div>
-
+        <div class="page1Bg"></div>
     </div>
 
     <!-- 頁面2 -->
@@ -161,51 +87,6 @@
 
     <!-- 頁面3 -->
     <div class="page3">
-        <!-- 獎勵任務 -->
-        <div class="box">
-            <!-- 文案 -->
-            <i class="i2">突破熱戀值，領取限時裝扮獎勵！
-                女性用戶獲得粉色裝扮，男性用戶獲得藍色裝扮
-                每個用戶僅能獲取1次，將自動發放至「我的裝扮」</i>
-            <!-- 任務 -->
-            <div class="tasks tasks1">
-                <div class="giftBox">
-                    <div class="qp"></div>
-                    <!-- <img src="./images/logo.png" alt="" class="gift"> -->
-                    <div class="giftName">糖果戀人頭飾</div>
-                    <div class="giftVAlue">13140熱戀值</div>
-                </div>
-                <p class="p1">糖果戀人頭飾-情人節限定</p>
-                <p class="p2">熱戀值</p>
-                <p class="p3">有效期：24H</p>
-                <div class="line">
-                    <span></span>
-                    <i class="i">0/1000</i>
-                </div>
-                <div class="buy">
-                    未完成
-                </div>
-            </div>
-            <div class="tasks2">
-                <div class="giftBox">
-                    <div class="qp"></div>
-                    <!-- <img src="./images/logo.png" alt="" class="gift"> -->
-                    <div class="giftName">糖果戀人氣泡</div>
-                    <div class="giftVAlue">33440熱戀值</div>
-                </div>
-                <p class="p1">糖果戀人氣泡·情人節限定</p>
-                <p class="p2">熱戀值</p>
-                <p class="p3">有效期：24H</p>
-                <div class="line">
-                    <span></span>
-                    <i class="i">0/1000</i>
-                </div>
-                <div class="buy">
-                    未完成
-                </div>
-            </div>
-        </div>
-
         <!-- 前三 -->
         <div class="top3">
             <!-- 標題 -->
@@ -296,27 +177,23 @@
             <img src="./images/ruleTitle.png" alt="" class="title">
             <!-- 列錶 -->
             <ul>
-                <li>一、活動時間：</li>
-                <li> 2024年2月12日12:00:00—2024年2月16日23:59:59</li>
-                <li> 二、熱戀情人節</li>
-                <li> 1. 萌動花盒</li>
-                <li> a. 活動期間，5200鉆石萌動花盒幸運禮物限時上線，花盒內有6種不同禮物，每次送出隨機解鎖1種</li>
-                <li> b.每送出花盒內的一種禮物皆可點亮對應拼圖，所有拼圖全部點亮即可獲得24H【初心萌動】銘牌獎勵</li>
-                <li> c. 拼圖進度每日中午12點重置，活動期間每天均可完成1次 </li>
+                <li>一、活動時間：2024年3月13日11:00:00-2024年3月16日23:59:59</li>
+                <li>二、活動規則</li>
+                <li>1.告白攻略</li>
+                <li> a.活動期間禮物欄限時上新白色情人節限定禮物；</li>
+                <li> b.活動期間送/收到白色情人节限定全套禮物,可獲得一套銘牌、頭飾、氣泡裝扮(根據送禮方or收禮方贈對應裝扮款式)；</li>
+                <li>c.每送齊或收齊一次全套,所獲得的裝扮贈禮天數會累加;</li>
                 <li>2. 甜蜜升溫</li>
-                <li> a. 活動期間，超珍稀禮物直購限時開放，贈送禮物每達指定價值即可解鎖直購</li>
-                <li>b. 贈送禮物價值每滿520000鉆，即可購買【心動一剎131400鉆】</li>
-                <li>c. 贈送禮物價值每滿1314520鉆，即可購買【絕對寵溺334400鉆】</li>
+                <li>a. 活動期間，超珍稀禮物直購限時開放，贈送禮物每達指定價值即可解鎖直購</li>
+                <li>b. 贈送禮物價值每滿131400鉆，即可購買【心動一剎131400鉆】贈送禮物價值每滿334400鉆，即可購買【絕對寵溺334400鉆】</li>
+                <li>c. </li>
                 <li>d. 購買的禮物將直接放入背包當中</li>
                 <li>3. 熱戀時刻</li>
-                <li>a. 活動時間：2月14日0:00:00—2月15日00:00:00</li>
-                <li>b. 活動時間內，比拼熱戀值（收到10鉆=1熱戀值）</li>
-                <li>c. 活動時間內，熱戀值滿13140，可獲得24H【糖果戀人】頭像框獎勵；熱戀值滿33440，可獲得24H【糖果戀人】氣泡獎勵</li>
-                <li>d. 大頭號（牌照房房主）和家族長不可以組成CP，不參與榜單活動排名</li>
-                <li>e. 榜單獎勵：TOP1可額外獲得情侶靚號5203344&3344520*30天；TOP1-3均可獲得【摯愛唯一】專屬銘牌、頭像框、資料卡、專屬開屏1天</li>
+                <li>活动期间，比拼热恋值；</li>
+                <li>详细榜单规则与奖励可见榜单说明；</li>
                 <li>三、特別說明</li>
                 <li>1.靚號持有者需要在活動結束後2周內確認靚號，否則將自動過期無法使用</li>
-                <li>2.本活動最終解釋權歸PIKO所有，本活動以及獎勵與蘋果公司無關</li>
+                <li>2.本活動以及獎勵與Apple公司無關。</li>
             </ul>
         </div>
     </div>
diff --git a/view/peko/activity/2024-whiteLove/js/index.js b/view/peko/activity/2024-whiteLove/js/index.js
index c63c061..82164d2 100644
--- a/view/peko/activity/2024-whiteLove/js/index.js
+++ b/view/peko/activity/2024-whiteLove/js/index.js
@@ -68,21 +68,6 @@ function getRank () {
         url: urlPrefix + '/act/2024Valentines/cpRank/getRank',
         success (res) {
             if (res.code === 200) {
-                // 處理任務
-                res.data.cpTaskList.forEach((val, i) => {
-                    console.log(res.status);
-                    if (val.status == 2) {
-                        $(`.page3 .box .tasks${i + 1} .buy`).addClass("act");
-                        $(`.page3 .box .tasks${i + 1} .buy`).text("已完成");
-                        $(`.page3 .box .tasks${i + 1} .line .i`).text(`${res.data.score > val.score ? val.score : res.data.score}/${val.score}`);
-                        $(`.page3 .box .tasks${i + 1} .line span`).css('width', `${(res.data.score / val.score) * 100 >= 100 ? 98.8 : (res.data.score / val.score) * 100}%`)
-                    } else {
-                        $(`.page3 .box .tasks${i + 1} .buy`).removeClass("act");
-                        $(`.page3 .box .tasks${i + 1} .buy`).text("未完成");
-                        $(`.page3 .box .tasks${i + 1} .line .i`).text(`${res.data.score > val.score ? val.score : res.data.score}/${val.score}`);
-                        $(`.page3 .box .tasks${i + 1} .line span`).css('width', `${(res.data.score / val.score) * 100 >= 100 ? 98.8 : (res.data.score / val.score) * 100}%`)
-                    }
-                });
                 // 處理前三
                 var top3 = res.data.rankList.slice(0, 3);
                 var notTop3 = res.data.rankList.slice(3);
@@ -224,7 +209,7 @@ function getTask_MENG_DONG_HUA_HE () {
                     `
                 });
                 $('.page1 .bg1 .giftListBox').append(str);
-                activityCode1 = 'ACT_2024_VALENTINES_DAY';
+                activityCode1 = 'ACT_2024_WHITE_VALENTINES_DAY';
                 recordPage(activityCode1, 'MENG_DONG_HUA_HE',);
                 if (res.data[0].reward.granted) {
                     $('.page1 .bg1 .p3').show();
@@ -248,10 +233,10 @@ function getTask_TIAN_MI_SHENG_WEN () {
     networkRequest({
         type: 'get',
         url: urlPrefix + '/activity/task/user',
-        data: { componentCode: "TIAN_MI_SHENG_WEN" },
+        data: { componentCode: "WHITE_TIAN_MI_SHENG_WEN" },
         success (res) {
             if (res.code === 200) {
-                activityCode2 = 'ACT_2024_VALENTINES_DAY';
+                activityCode2 = 'ACT_2024_WHITE_VALENTINES_DAY';
                 res.data.forEach((res, i) => {
                     $(`.page2 .box .tasks${i + 1} .giftBox .gift`).attr('src', res.taskIcon);
                     $(`.page2 .box .tasks${i + 1} .giftBox .giftName`).text(res.reward.rewardName);
@@ -378,7 +363,7 @@ function recordPage (activityCode, componentCode) {
                             `})
                     }
                     $('.page1 .bg2 ul').append(str);
-                } else if (componentCode == 'TIAN_MI_SHENG_WEN') {
+                } else if (componentCode == 'WHITE_TIAN_MI_SHENG_WEN') {
                     $('.buyRecords .buyRecords_in ul li').remove();
                     if (res.data.records.length <= 0) {
                         str = `<li class="null"><div>暫無購買記錄~</div></li>`
@@ -413,7 +398,7 @@ function recordPage (activityCode, componentCode) {
 }
 // 打開購買記錄
 $('.page2 .box .page2Buy_icon').click(function () {
-    recordPage(activityCode2, 'TIAN_MI_SHENG_WEN',);
+    recordPage(activityCode2, 'WHITE_TIAN_MI_SHENG_WEN',);
     $('.buyRecords').show();
     bodyScroolFun(true);
 })