diff --git a/view/eparty/activity/2024-invitationFission/css/index.css b/view/eparty/activity/2024-invitationFission/css/index.css
index baa6e20..5db2360 100644
--- a/view/eparty/activity/2024-invitationFission/css/index.css
+++ b/view/eparty/activity/2024-invitationFission/css/index.css
@@ -6,68 +6,63 @@ body {
 
 .back {
   position: fixed;
-  top: 0.93333rem;
-  left: 0.45333rem;
+  top: 0.9333333333rem;
+  left: 0.4533333333rem;
   z-index: 99;
-  width: 0.82667rem;
-  height: 0.82667rem;
+  width: 0.8266666667rem;
+  height: 0.8266666667rem;
 }
-
 .back img {
   width: 100%;
   height: 100%;
 }
-
 .back p {
   color: #fff;
-  font-size: 0.42667rem;
+  font-size: 0.4266666667rem;
   position: absolute;
   width: 9rem;
   left: 0;
   top: 0;
   height: 100%;
   text-align: center;
-  line-height: 0.82667rem;
+  line-height: 0.8266666667rem;
 }
 
 .header {
   width: 10rem;
-  height: 10.01333rem;
-  background: url(../images/header.png) no-repeat;
+  height: 11.2666666667rem;
+  background: url(../images/header-en.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto 0;
   position: relative;
 }
-
 .header .h3 {
   position: absolute;
   left: 52%;
   transform: translateX(-50%);
   top: 3.76rem;
-  height: 1.70667rem;
-  width: 7.38667rem;
+  height: 1.7066666667rem;
+  width: 7.3866666667rem;
 }
-
 .header .rule_rule {
   width: 2rem;
   height: 0.77333rem;
   line-height: 0.8rem;
-  font-size: 0.34667rem;
+  font-size: 0.3466666667rem;
   font-weight: bold;
   position: absolute;
   top: 8.92rem;
   right: 0rem;
   color: #703900;
   box-sizing: border-box;
-  padding-right: 0.13333rem;
+  padding-right: 0.1333333333rem;
   font-family: PingFang SC;
   text-align: center;
   text-indent: 0.3rem;
   box-sizing: border-box;
 }
-
 .header .text {
-  width: 7.86667rem;
+  width: 7.8666666667rem;
   height: 0.8rem;
   line-height: 0.8rem;
   position: absolute;
@@ -76,7 +71,7 @@ body {
   top: 4.95rem;
   text-align: center;
   color: #FFF6E5;
-  font-size: 0.34667rem;
+  font-size: 0.3466666667rem;
   font-weight: 400;
   font-family: PingFang SC;
   font-weight: bold;
@@ -85,19 +80,17 @@ body {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-
 .header .text b {
   font-size: 0.4rem;
   font-weight: 600;
   vertical-align: middle;
-  margin-top: -0.06667rem;
+  margin-top: -0.0666666667rem;
   display: inline-block;
 }
-
 .header .text img {
   display: inline-block;
-  width: 0.58667rem;
-  height: 0.58667rem;
+  width: 0.5866666667rem;
+  height: 0.5866666667rem;
   vertical-align: middle;
 }
 
@@ -108,50 +101,45 @@ body {
   margin: -0.56rem auto 0;
   overflow: hidden;
 }
-
 .bg .myInfo {
-  width: 9.74667rem;
-  height: 4.98667rem;
+  width: 9.7466666667rem;
+  height: 4.9866666667rem;
   background: url(../images/myInfo.png) no-repeat;
   background-size: 100% 100%;
-  margin: 0.66667rem auto 0rem;
+  margin: 0.6666666667rem auto 0rem;
   position: relative;
 }
-
 .bg .myInfo .tx {
   width: 1.6rem;
   height: 1.6rem;
-  border: 0.05333rem solid #FFF6CA;
+  border: 0.0533333333rem solid #FFF6CA;
   position: absolute;
-  left: 0.77333rem;
+  left: 0.7733333333rem;
   top: 1.44rem;
   border-radius: 50%;
 }
-
 .bg .myInfo p {
   color: #FFEA7F;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
   position: absolute;
-  top: 2.06667rem;
-  left: 2.58667rem;
+  top: 2.0666666667rem;
+  left: 2.5866666667rem;
   font-weight: 400;
 }
-
 .bg .myInfo .invitationCode {
   position: absolute;
   right: 1.68rem;
   top: 2.04rem;
-  font-size: 0.53333rem;
+  font-size: 0.5333333333rem;
   font-weight: normal;
   color: #FFB720;
 }
-
 .bg .myInfo .skip {
   position: absolute;
-  left: 0.77333rem;
-  bottom: 0.66667rem;
+  left: 0.7733333333rem;
+  bottom: 0.6666666667rem;
   width: 3.92rem;
-  height: 0.90667rem;
+  height: 0.9066666667rem;
   line-height: 0.8rem;
   text-align: center;
   color: #FE3312;
@@ -161,21 +149,19 @@ body {
   background-size: 100% 100%;
   display: none;
 }
-
 .bg .myInfo .skip img {
   display: inline-block;
-  width: 0.37333rem;
-  height: 0.37333rem;
+  width: 0.3733333333rem;
+  height: 0.3733333333rem;
   vertical-align: middle;
 }
-
 .bg .myInfo .copy {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 0.66667rem;
+  bottom: 0.6666666667rem;
   width: 3.92rem;
-  height: 0.90667rem;
+  height: 0.9066666667rem;
   line-height: 0.8rem;
   text-align: center;
   color: #FE3312;
@@ -184,42 +170,37 @@ body {
   background: url(../images/myInfoBut2.png) no-repeat;
   background-size: 100% 100%;
 }
-
 .bg .myInfo .copy img {
   display: inline-block;
-  width: 0.37333rem;
-  height: 0.37333rem;
+  width: 0.3733333333rem;
+  height: 0.3733333333rem;
   vertical-align: middle;
 }
-
 .bg .myIncome {
   width: 9.36rem;
-  height: 1.01333rem;
+  height: 1.0133333333rem;
   position: relative;
-  margin: 0.7rem auto 0.26667rem;
+  margin: 0.7rem auto 0.2666666667rem;
   background: url(../images/myIncomeBg.png) no-repeat;
   background-size: 100% 100%;
 }
-
 .bg .myIncome img {
   position: absolute;
-  width: 0.58667rem;
-  height: 0.58667rem;
+  width: 0.5866666667rem;
+  height: 0.5866666667rem;
   top: 50%;
   transform: translateY(-50%);
-  right: 0.37333rem;
+  right: 0.3733333333rem;
 }
-
 .bg .myIncome p {
-  font-size: 0.42667rem;
+  font-size: 0.4266666667rem;
   font-weight: 500;
   position: absolute;
-  left: 0.26667rem;
+  left: 0.2666666667rem;
   top: 50%;
   transform: translateY(-50%);
   color: #FBFB6E;
 }
-
 .bg .myIncome b {
   position: absolute;
   top: 50%;
@@ -228,7 +209,6 @@ body {
   color: #0C0538;
   font-size: 0.48rem;
 }
-
 .bg .myIncome .text {
   width: 2.4rem;
   height: 0.65rem;
@@ -238,10 +218,9 @@ body {
   top: 0.2rem;
   text-align: center;
   color: #312200;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
   font-weight: 600;
 }
-
 .bg .ul_pub {
   width: 100%;
   height: 100vh;
@@ -254,10 +233,9 @@ body {
   z-index: 5;
   display: none;
 }
-
 .bg .ul_pub .incomeBox {
-  width: 9.74667rem;
-  height: 13.05333rem;
+  width: 9.7466666667rem;
+  height: 13.0533333333rem;
   background: url(../images/incomeBox.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
@@ -265,7 +243,6 @@ body {
   left: 50%;
   transform: translate(-50%, -50%);
 }
-
 .bg .ul_pub .incomeBox .close {
   width: 1rem;
   height: 1rem;
@@ -273,100 +250,86 @@ body {
   right: 0rem;
   top: 0rem;
 }
-
 .bg .ul_pub .incomeBox h3 {
   width: 100%;
   text-align: center;
   font-family: PingFang SC;
   font-weight: 500;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
   color: #FFBB1D;
   line-height: 42px;
   position: absolute;
   left: 0;
-  top: 1.53333rem;
+  top: 1.5333333333rem;
 }
-
 .bg .ul_pub .incomeBox .gold {
   width: 100%;
   text-align: center;
   font-family: PingFang SC;
   font-weight: bold;
-  font-size: 0.53333rem;
+  font-size: 0.5333333333rem;
   color: #FFBB1D;
   line-height: 42px;
   position: absolute;
-  top: 2.22667rem;
+  top: 2.2266666667rem;
   left: 0;
 }
-
 .bg .ul_pub .incomeBox .gold b {
   vertical-align: middle;
-  margin-right: 0.13333rem;
+  margin-right: 0.1333333333rem;
 }
-
 .bg .ul_pub .incomeBox .gold img {
   display: inline-block;
   vertical-align: middle;
-  width: 0.50667rem;
-  height: 0.50667rem;
+  width: 0.5066666667rem;
+  height: 0.5066666667rem;
 }
-
 .bg .ul_pub .incomeBox .tab {
-  width: 8.66667rem;
-  height: 1.78667rem;
+  width: 8.6666666667rem;
+  height: 1.7866666667rem;
   display: flex;
   justify-content: space-between;
-  margin: 2.98667rem auto 0.26667rem;
+  margin: 2.9866666667rem auto 0.2666666667rem;
 }
-
 .bg .ul_pub .incomeBox .tab div {
-  width: 4.06667rem;
+  width: 4.0666666667rem;
   height: 100%;
   text-align: center;
   background: url(../images/tab.png) no-repeat;
   background-size: 100% 100%;
 }
-
 .bg .ul_pub .incomeBox .tab div p {
   color: #EDEDED;
-  font-size: 0.29333rem;
+  font-size: 0.2933333333rem;
   font-weight: 500;
-  margin-top: 0.81333rem;
+  margin-top: 0.8133333333rem;
   margin-bottom: 0rem;
 }
-
 .bg .ul_pub .incomeBox .tab div span {
   color: #fff;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
   font-weight: 400;
 }
-
 .bg .ul_pub .incomeBox .tab div span img {
   display: inline-block;
   vertical-align: middle;
-  width: 0.50667rem;
-  height: 0.50667rem;
+  width: 0.5066666667rem;
+  height: 0.5066666667rem;
   filter: grayscale(100%);
 }
-
 .bg .ul_pub .incomeBox .tab .act {
   background: url(../images/tabAct.png) no-repeat;
   background-size: 100% 100%;
 }
-
 .bg .ul_pub .incomeBox .tab .act p {
   color: #FEFF7B;
 }
-
 .bg .ul_pub .incomeBox .tab .act span {
   color: #FFDD3D;
 }
-
 .bg .ul_pub .incomeBox .tab .act span img {
   filter: grayscale(0%);
 }
-
 .bg .ul_pub .incomeBox .sTab {
   width: 8.8rem;
   height: 0.96rem;
@@ -376,7 +339,6 @@ body {
   margin: 0 auto 0rem;
   white-space: nowrap;
 }
-
 .bg .ul_pub .incomeBox .sTab div {
   width: 50%;
   height: 100%;
@@ -387,19 +349,16 @@ body {
   background: url(../images/sTab2.png) no-repeat;
   background-size: 100% 100%;
 }
-
 .bg .ul_pub .incomeBox .sTab .tab1 {
   background: url(../images/sTab1.png) no-repeat;
   background-size: 100% 100%;
   color: #FEFF7B;
 }
-
 .bg .ul_pub .incomeBox .sTab .tab2 {
   background: url(../images/sTab1.png) no-repeat;
   background-size: 100% 100%;
   color: #FEFF7B;
 }
-
 .bg .ul_pub .incomeBox .tableTitle {
   width: 8.8rem;
   display: flex;
@@ -412,17 +371,15 @@ body {
   z-index: 2;
   white-space: nowrap;
 }
-
 .bg .ul_pub .incomeBox .tableTitle div {
   width: 25%;
-  height: 0.66667rem;
-  line-height: 0.66667rem;
+  height: 0.6666666667rem;
+  line-height: 0.6666666667rem;
   text-align: center;
   color: #FFB920;
-  font-size: 0.29333rem;
+  font-size: 0.2933333333rem;
   font-weight: 400;
 }
-
 .bg .ul_pub .incomeBox ul {
   width: 8.8rem;
   height: 5.5rem;
@@ -430,11 +387,9 @@ body {
   overflow-y: scroll;
   position: relative;
 }
-
 .bg .ul_pub .incomeBox ul::-webkit-scrollbar {
   display: none;
 }
-
 .bg .ul_pub .incomeBox ul .top {
   width: 100%;
   display: flex;
@@ -445,25 +400,22 @@ body {
   left: 50%;
   transform: translateX(-50%);
 }
-
 .bg .ul_pub .incomeBox ul .top div {
   width: 25%;
-  height: 0.66667rem;
-  line-height: 0.66667rem;
+  height: 0.6666666667rem;
+  line-height: 0.6666666667rem;
   text-align: center;
   color: #333333;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   font-weight: 400;
 }
-
 .bg .ul_pub .incomeBox ul li {
   width: 100%;
-  height: 0.66667rem;
+  height: 0.6666666667rem;
   margin-bottom: 0.24rem;
   display: flex;
   justify-content: space-around;
 }
-
 .bg .ul_pub .incomeBox ul li div {
   overflow: hidden;
   width: 25%;
@@ -471,37 +423,32 @@ body {
   color: #FFE67C;
   font-size: 0.24rem;
   font-weight: 400;
-  line-height: 0.66667rem;
+  line-height: 0.6666666667rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-
 .bg .ul_pub .incomeBox ul li div img {
   display: inline-block;
   vertical-align: middle;
-  width: 0.42667rem;
-  height: 0.42667rem;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
 }
-
 .bg .ul_pub .incomeBox ul li .act {
   line-height: 0rem;
 }
-
 .bg .ul_pub .incomeBox ul li .act p {
   margin-top: 0.2rem;
-  margin-bottom: 0.30667rem;
+  margin-bottom: 0.3066666667rem;
 }
-
 .bg .rule {
-  width: 9.74667rem;
+  width: 9.7466666667rem;
   height: 18.8rem;
-  margin: 0 auto 1.33333rem;
+  margin: 0 auto 1.3333333333rem;
   position: relative;
   background: url(../images/ruleBoxBg.png) no-repeat;
   background-size: 100% 100%;
 }
-
 .bg .rule .ruleInfo {
   position: absolute;
   width: 1.9rem;
@@ -510,9 +457,8 @@ body {
   right: 0;
   z-index: 2;
 }
-
 .bg .rule .title {
-  width: 4.26667rem;
+  width: 4.2666666667rem;
   height: 0.8rem;
   line-height: 0.8rem;
   text-align: center;
@@ -525,163 +471,146 @@ body {
   top: 0.4rem;
   left: 50%;
   transform: translateX(-50%);
-  margin-bottom: 0.53333rem;
+  margin-bottom: 0.5333333333rem;
 }
-
 .bg .rule .rule1 {
   position: relative;
-  width: 8.66667rem;
-  height: 4.29333rem;
-  margin: 0 auto 0.26667rem;
+  width: 8.6666666667rem;
+  height: 4.2933333333rem;
+  margin: 0 auto 0.2666666667rem;
   background: url(../images/rule1.png) no-repeat;
   background-size: 100% 100%;
   display: none;
 }
-
 .bg .rule .rule1 h3 {
   width: 100%;
   text-align: center;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.26667rem;
+  top: 0.2666666667rem;
   color: #fff;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   font-weight: 500;
 }
-
 .bg .rule .rule1 .text1 {
   position: absolute;
-  left: 1.97333rem;
-  top: 1.13333rem;
+  left: 1.9733333333rem;
+  top: 1.1333333333rem;
   color: #333333;
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .rule1 .text2 {
   position: absolute;
-  left: 5.38667rem;
-  top: 1.13333rem;
+  left: 5.3866666667rem;
+  top: 1.1333333333rem;
   color: #333333;
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .rule1 .rule1_in {
-  width: 5.13333rem;
+  width: 5.1333333333rem;
   height: 1.6rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 1.73333rem;
+  top: 1.7333333333rem;
 }
-
 .bg .rule .rule1 .sp1 {
   position: absolute;
-  left: 1.98667rem;
-  height: 0.42667rem;
-  line-height: 0.42667rem;
+  left: 1.9866666667rem;
+  height: 0.4266666667rem;
+  line-height: 0.4266666667rem;
   bottom: 0.4rem;
   color: #FE3312;
   font-size: 0.24rem;
   font-weight: 500;
 }
-
 .bg .rule .rule1 .sp1 img {
   display: inline-block;
-  width: 0.42667rem;
-  height: 0.42667rem;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
 }
-
 .bg .rule .rule1 .sp2 {
   position: absolute;
-  right: 1.98667rem;
-  height: 0.42667rem;
-  line-height: 0.42667rem;
+  right: 1.9866666667rem;
+  height: 0.4266666667rem;
+  line-height: 0.4266666667rem;
   bottom: 0.4rem;
   color: #FE3312;
   font-size: 0.24rem;
   font-weight: 500;
 }
-
 .bg .rule .rule1 .sp2 img {
   display: inline-block;
-  width: 0.42667rem;
-  height: 0.42667rem;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
 }
-
 .bg .rule .rule2 {
-  width: 8.66667rem;
-  height: 11.74667rem;
+  width: 8.6666666667rem;
+  height: 11.7466666667rem;
   position: relative;
   margin: 0 auto 0.4rem;
 }
-
 .bg .rule .rule2 h3 {
   width: 100%;
   text-align: center;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.26667rem;
+  top: 0.2666666667rem;
   color: #fff;
   font-size: 0.24rem;
   font-weight: 500;
 }
-
 .bg .rule .rule2 .text1 {
   color: #333333;
   font-size: 0.24rem;
-  font-weight: 5.33333rem;
+  font-weight: 5.3333333333rem;
   position: absolute;
-  left: 0.45333rem;
-  top: 1.13333rem;
+  left: 0.4533333333rem;
+  top: 1.1333333333rem;
 }
-
 .bg .rule .rule2 .text2 {
   color: #333333;
   font-size: 0.24rem;
-  font-weight: 5.33333rem;
+  font-weight: 5.3333333333rem;
   position: absolute;
   left: 3.6rem;
-  top: 1.13333rem;
+  top: 1.1333333333rem;
 }
-
 .bg .rule .rule2 .text3 {
   color: #333333;
   font-size: 0.24rem;
-  font-weight: 5.33333rem;
+  font-weight: 5.3333333333rem;
   position: absolute;
-  left: 6.86667rem;
-  top: 1.13333rem;
+  left: 6.8666666667rem;
+  top: 1.1333333333rem;
 }
-
 .bg .rule .rule2 .rule_2in {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 1.6rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 1.73333rem;
+  top: 1.7333333333rem;
 }
-
 .bg .rule .rule2 .p1 {
   width: 100%;
   color: #FFB920;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   font-weight: 500;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 3.86667rem;
+  top: 3.8666666667rem;
   text-align: center;
 }
-
 .bg .rule .rule2 .p2 {
   width: 100%;
   color: #FFB920;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   font-weight: 500;
   position: absolute;
   left: 50%;
@@ -689,27 +618,24 @@ body {
   top: 8.28rem;
   text-align: center;
 }
-
 .bg .rule .rule2 .table1 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 3.24rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 4.50667rem;
+  top: 4.5066666667rem;
 }
-
 .bg .rule .rule2 .table2 {
-  width: 8.13333rem;
-  height: 2.49333rem;
+  width: 8.1333333333rem;
+  height: 2.4933333333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 8.85333rem;
+  top: 8.8533333333rem;
 }
-
 .bg .rule .rule2 .table1_1 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -720,7 +646,6 @@ body {
   top: 9.56rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table1_1 div {
   width: 50%;
   text-align: center;
@@ -728,9 +653,8 @@ body {
   font-size: 0.24rem;
   font-weight: 500;
 }
-
 .bg .rule .rule2 .table1_2 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -741,7 +665,6 @@ body {
   top: 10.6rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table1_2 div {
   width: 50%;
   text-align: center;
@@ -749,9 +672,8 @@ body {
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .rule2 .table1_3 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -762,7 +684,6 @@ body {
   top: 11.4rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table1_3 div {
   width: 50%;
   text-align: center;
@@ -770,9 +691,8 @@ body {
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .rule2 .table1_4 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -783,7 +703,6 @@ body {
   top: 12.15rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table1_4 div {
   width: 50%;
   text-align: center;
@@ -791,9 +710,8 @@ body {
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .rule2 .table2_1 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -804,7 +722,6 @@ body {
   top: 14.8rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table2_1 div {
   width: 50%;
   text-align: center;
@@ -812,9 +729,8 @@ body {
   font-size: 0.24rem;
   font-weight: 500;
 }
-
 .bg .rule .rule2 .table2_2 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -825,7 +741,6 @@ body {
   top: 15.8rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table2_2 div {
   width: 50%;
   text-align: center;
@@ -833,9 +748,8 @@ body {
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .rule2 .table2_3 {
-  width: 8.13333rem;
+  width: 8.1333333333rem;
   height: 0.8rem;
   line-height: 0.8rem;
   display: flex;
@@ -846,7 +760,6 @@ body {
   top: 16.7rem;
   z-index: 2;
 }
-
 .bg .rule .rule2 .table2_3 div {
   width: 50%;
   text-align: center;
@@ -854,42 +767,37 @@ body {
   font-size: 0.24rem;
   font-weight: 400;
 }
-
 .bg .rule .wishingStar {
   width: 100%;
   text-align: center;
   color: #F1D793;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   font-weight: 300;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -0.6rem;
 }
-
 .bg .rule .wishingStar b {
   color: #FFB920;
 }
-
 .bg .otherNotes {
-  width: 4.26667rem;
+  width: 4.2666666667rem;
   height: 0.8rem;
   line-height: 0.8rem;
   background: url(../images/titleBg.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
-  margin: 0 auto 0.53333rem;
+  margin: 0 auto 0.5333333333rem;
   text-align: center;
   color: #FFFFFF;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
   font-weight: 400;
 }
-
 .bg ul {
   width: 9.2rem;
-  margin: 0 auto 0.70667rem;
+  margin: 0 auto 0.7066666667rem;
 }
-
 .bg ul li {
   width: 100%;
   color: #666666;
@@ -897,13 +805,12 @@ body {
   font-weight: 400;
   line-height: 0.34rem;
 }
-
 .bg ul .title {
   color: #333333;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   font-weight: 500;
   margin-bottom: 0.24rem;
-  margin-top: 0.26667rem;
+  margin-top: 0.2666666667rem;
 }
 
 .otherRule {
@@ -916,10 +823,9 @@ body {
   background: rgba(0, 0, 0, 0.6);
   z-index: 3;
 }
-
 .otherRule img {
   position: absolute;
-  width: 9.74667rem;
+  width: 9.7466666667rem;
   height: 14.08rem;
   left: 50%;
   top: 50%;
@@ -935,10 +841,10 @@ body {
   line-height: 0.6rem;
   background: linear-gradient(180deg, #FFE156 0%, #FF7C06 100%);
   border-radius: 0px 0.6rem 0.6rem 0px;
-  border: 0.02667rem #FFF8B4 solid;
+  border: 0.0266666667rem #FFF8B4 solid;
   text-align: center;
   color: #89421A;
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   display: none;
   z-index: 3;
   font-weight: bold;
@@ -950,11 +856,10 @@ body {
   bottom: 4.85rem;
   background: url(../images/codeBg.png) no-repeat;
   background-size: 100% 100%;
-  width: 2.34667rem;
-  height: 3.33333rem;
+  width: 2.3466666667rem;
+  height: 3.3333333333rem;
   z-index: 3;
 }
-
 .code .rule_icon {
   width: 0.32rem;
   height: 0.32rem;
@@ -963,11 +868,10 @@ body {
   top: 50%;
   transform: translateY(-50%);
 }
-
 .code .p1 {
   position: absolute;
   color: #FFFFFF;
-  font-size: 0.18667rem;
+  font-size: 0.1866666667rem;
   position: absolute;
   left: 50%;
   transform: translateX(-47%);
@@ -975,11 +879,10 @@ body {
   width: 90%;
   text-align: center;
 }
-
 .code .p2 {
   position: absolute;
   color: #FFFFFF;
-  font-size: 0.18667rem;
+  font-size: 0.1866666667rem;
   position: absolute;
   left: 50%;
   transform: translateX(-47%);
@@ -989,62 +892,59 @@ body {
   height: 0.32rem;
   line-height: 0.32rem;
 }
-
 .code .p2 .diamond {
   width: 0.32rem;
   height: 0.32rem;
   display: inline-block;
   vertical-align: middle;
 }
-
 .code .p2 b {
   font-size: 0.24rem;
   font-weight: 500;
 }
-
 .code .codeImg {
-  width: 1.17333rem;
-  height: 1.17333rem;
+  width: 1.1733333333rem;
+  height: 1.1733333333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-43%);
   top: 1.4rem;
 }
-
 .code .but {
   width: 1.52rem;
-  height: 0.34667rem;
-  line-height: 0.34667rem;
-  border-radius: 0.34667rem;
+  height: 0.3466666667rem;
+  line-height: 0.3466666667rem;
+  border-radius: 0.3466666667rem;
   background: url(../images/shareButIcons.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
-  left: 0.50667rem;
+  left: 0.5066666667rem;
   bottom: 0.24rem;
   text-align: center;
   font-size: 0.24rem;
   color: #89421A;
 }
 
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
 .arabic .bg .ul_pub .incomeBox .sTab div {
   font-size: 0.24rem;
 }
-
 .arabic .header .rule_rule {
-  font-size: 0.26667rem;
+  font-size: 0.2666666667rem;
   text-indent: -10px;
 }
-
 .arabic .bg .rule .rule2 .table2_2 {
   width: 9rem;
 }
-
 .arabic .bg .rule .rule2 .table1_3_div {
-  font-size: 0.13333rem;
+  font-size: 0.1333333333rem;
 }
 
 .toatstsEnd {
-  padding: 0.26667rem 0.4rem;
+  padding: 0.2666666667rem 0.4rem;
   text-align: center;
   color: #fff;
   font-size: 0.32rem;
@@ -1056,10 +956,18 @@ body {
   transform: translate(-50%, -50%);
 }
 
+.Turkiye .header {
+  background: url(../images/header-tr.png) no-repeat;
+  background-size: 100% 100%;
+}
 .Turkiye .bg .ul_pub .incomeBox .sTab div {
   font-size: 0.24rem;
 }
-
 .Turkiye .bg .ul_pub .incomeBox .tableTitle div {
   font-size: 0.24rem;
 }
+
+.china .header {
+  background: url(../images/header-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
\ No newline at end of file
diff --git a/view/eparty/activity/2024-invitationFission/css/index.scss b/view/eparty/activity/2024-invitationFission/css/index.scss
index f5e9b32..befa5d1 100644
--- a/view/eparty/activity/2024-invitationFission/css/index.scss
+++ b/view/eparty/activity/2024-invitationFission/css/index.scss
@@ -38,8 +38,8 @@ body {
 
 .header {
     width: px2rem(750);
-    height: px2rem(751);
-    background: url(../images/header.png) no-repeat;
+    height: px2rem(845);
+    background: url(../images/header-en.png) no-repeat;
     background-size: 100% 100%;
     margin: 0 auto 0;
     position: relative;
@@ -1059,6 +1059,10 @@ body {
 }
 
 .arabic {
+    .header {
+    background: url(../images/header-ar.png) no-repeat;
+    background-size: 100% 100%;
+    }
     .bg .ul_pub .incomeBox .sTab div {
         font-size: px2rem(18);
     }
@@ -1091,6 +1095,10 @@ body {
 }
 
 .Turkiye {
+    .header {
+    background: url(../images/header-tr.png) no-repeat;
+    background-size: 100% 100%;
+    }
     .bg .ul_pub .incomeBox .sTab div {
         font-size: px2rem(18);
     }
@@ -1100,4 +1108,10 @@ body {
             font-size: px2rem(18);
         }
     }
+}
+.china{
+    .header {
+    background: url(../images/header-zh.png) no-repeat;
+    background-size: 100% 100%;
+    }
 }
\ No newline at end of file
diff --git a/view/eparty/activity/2024-invitationFission/images/header-ar.png b/view/eparty/activity/2024-invitationFission/images/header-ar.png
new file mode 100644
index 0000000..75d28f8
Binary files /dev/null and b/view/eparty/activity/2024-invitationFission/images/header-ar.png differ
diff --git a/view/eparty/activity/2024-invitationFission/images/header-en.png b/view/eparty/activity/2024-invitationFission/images/header-en.png
new file mode 100644
index 0000000..0401e1a
Binary files /dev/null and b/view/eparty/activity/2024-invitationFission/images/header-en.png differ
diff --git a/view/eparty/activity/2024-invitationFission/images/header-tr.png b/view/eparty/activity/2024-invitationFission/images/header-tr.png
new file mode 100644
index 0000000..e58c9d8
Binary files /dev/null and b/view/eparty/activity/2024-invitationFission/images/header-tr.png differ
diff --git a/view/eparty/activity/2024-invitationFission/images/header-zh.png b/view/eparty/activity/2024-invitationFission/images/header-zh.png
new file mode 100644
index 0000000..d8cc978
Binary files /dev/null and b/view/eparty/activity/2024-invitationFission/images/header-zh.png differ
diff --git a/view/eparty/activity/2024-invitationFission/images/myIncomeBg.png b/view/eparty/activity/2024-invitationFission/images/myIncomeBg.png
index 379f985..5db2af6 100644
Binary files a/view/eparty/activity/2024-invitationFission/images/myIncomeBg.png and b/view/eparty/activity/2024-invitationFission/images/myIncomeBg.png differ
diff --git a/view/eparty/activity/2024-invitationFission/images/ruleBoxBg-zh.png b/view/eparty/activity/2024-invitationFission/images/ruleBoxBg-zh.png
new file mode 100644
index 0000000..a5bec2d
Binary files /dev/null and b/view/eparty/activity/2024-invitationFission/images/ruleBoxBg-zh.png differ
diff --git a/view/eparty/activity/2024-invitationFission/images/ruleBoxBg.png b/view/eparty/activity/2024-invitationFission/images/ruleBoxBg.png
index faba1c3..a5bec2d 100644
Binary files a/view/eparty/activity/2024-invitationFission/images/ruleBoxBg.png and b/view/eparty/activity/2024-invitationFission/images/ruleBoxBg.png differ
diff --git a/view/eparty/activity/2024-invitationFission/index.html b/view/eparty/activity/2024-invitationFission/index.html
index 835a8c4..892eaf2 100644
--- a/view/eparty/activity/2024-invitationFission/index.html
+++ b/view/eparty/activity/2024-invitationFission/index.html
@@ -18,7 +18,7 @@
     </div>
     <!-- 頭部 -->
     <div class="header">
-        <img id="img1" src="./images/header_h3-tr.png" alt="" class="h3">
+        <!-- <img id="img1" src="./images/header_h3-tr.png" alt="" class="h3"> -->
         <div class="rule_rule text67"></div>
         <!-- <div id="text1" class="text"></div> -->
         <!-- <img src="./images/gold.png" alt=""> -->