diff --git a/view/molistar/activity/rechargeNew/css/index.css b/view/molistar/activity/rechargeNew/css/index.css
index 01358b4..3c4ecc9 100644
--- a/view/molistar/activity/rechargeNew/css/index.css
+++ b/view/molistar/activity/rechargeNew/css/index.css
@@ -39,35 +39,36 @@ body {
 .header .rule_icon {
   width: 1.86667rem;
   height: 0.66667rem;
-  line-height: 0.66667rem;
+  line-height: 0.6rem;
   text-align: center;
   position: absolute;
   right: 0;
   top: 6.85333rem;
   background: url(../images/rule_iconBg.png) no-repeat;
   background-size: 100% 100%;
-  color: #3A0600;
+  color: #FDF565;
   font-size: 0.37333rem;
   font-weight: 500;
 }
 
 .header .time {
-  width: 100%;
+  width: 92%;
   height: 1.62667rem;
   box-sizing: border-box;
   padding: 0 0.66667rem;
-  margin: 13.48rem auto 0;
+  margin: 11.61333rem auto 0;
 }
 
 .header .time div {
   float: left;
-  width: 1.62667rem;
-  height: 1.62667rem;
+  width: 1.46667rem;
+  height: 1.46667rem;
   background: url(../images/timeBg.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
   text-align: center;
-  line-height: 1.62667rem;
+  box-sizing: border-box;
+  padding-top: 0.24rem;
 }
 
 .header .time div b {
@@ -81,7 +82,7 @@ body {
   width: 100%;
   position: absolute;
   left: 0;
-  bottom: -1.13333rem;
+  bottom: 0.25rem;
   text-align: center;
   color: #FFF783;
   font-size: 0.37333rem;
@@ -90,7 +91,7 @@ body {
 }
 
 .header .time .day {
-  background: url(../images/timeBgAct.png) no-repeat;
+  background: url(../images/timeBg.png) no-repeat;
   background-size: 100% 100%;
   margin-right: 0.62667rem;
 }
@@ -106,21 +107,21 @@ body {
 
 .myRecharge {
   width: 10rem;
-  height: 8.34667rem;
+  height: 7.48rem;
   background: url(../images/myRechargeBg.png) no-repeat;
   background-size: 100% 100%;
-  margin: -0.26667rem auto 0.37333rem;
+  margin: -1.6rem auto 0rem;
   position: relative;
 }
 
 .myRecharge .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.41333rem;
+  height: 2.53333rem;
+  line-height: 3.13333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.74667rem;
+  top: -1.06rem;
   text-align: center;
   color: #FFF783;
   font-size: 0.45333rem;
@@ -136,7 +137,7 @@ body {
   position: absolute;
   text-align: center;
   left: 0;
-  top: 3.4rem;
+  top: 2.13333rem;
 }
 
 .myRecharge p b {
@@ -154,9 +155,9 @@ body {
 }
 
 .myRecharge .but {
-  width: 5.09333rem;
-  height: 1.28rem;
-  line-height: 1.30667rem;
+  width: 8.66667rem;
+  height: 2rem;
+  line-height: 2rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -164,14 +165,14 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 4.82667rem;
+  top: 3.68rem;
   background: url(../images/myRechargeBut.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge10 {
   width: 10rem;
-  margin: 0 auto 0;
+  margin: -0.6rem auto 0;
 }
 
 .recharge10 .top {
@@ -183,9 +184,9 @@ body {
 }
 
 .recharge10 .top .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
   background: url(../images/title.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
@@ -207,9 +208,9 @@ body {
 }
 
 .recharge10 .bottom .but {
-  width: 4.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -217,20 +218,25 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0rem;
+  top: -0.13333rem;
   background: url(../images/but.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge10 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
   background: url(../images/butAct.png) no-repeat;
   background-size: 100% 100%;
+  top: 0.2rem;
 }
 
 .recharge10 .content {
   width: 100%;
   background: url(../images/bgCentent.png) no-repeat;
   background-size: 100% 100%;
+  margin-bottom: -0.05rem;
 }
 
 .recharge10 .content .rewardImg {
@@ -286,9 +292,9 @@ body {
 }
 
 .recharge100 .top .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
   background: url(../images/title.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
@@ -310,9 +316,9 @@ body {
 }
 
 .recharge100 .bottom .but {
-  width: 4.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -320,20 +326,25 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0rem;
+  top: -0.13333rem;
   background: url(../images/but.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge100 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
   background: url(../images/butAct.png) no-repeat;
   background-size: 100% 100%;
+  top: 0.2rem;
 }
 
 .recharge100 .content {
   width: 100%;
   background: url(../images/bgCentent.png) no-repeat;
   background-size: 100% 100%;
+  margin-bottom: -0.05rem;
 }
 
 .recharge100 .content .rewardImg {
@@ -389,9 +400,9 @@ body {
 }
 
 .recharge300 .top .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
   background: url(../images/title.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
@@ -413,9 +424,9 @@ body {
 }
 
 .recharge300 .bottom .but {
-  width: 4.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -423,20 +434,25 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0rem;
+  top: -0.13333rem;
   background: url(../images/but.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge300 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
   background: url(../images/butAct.png) no-repeat;
   background-size: 100% 100%;
+  top: 0.2rem;
 }
 
 .recharge300 .content {
   width: 100%;
   background: url(../images/bgCentent.png) no-repeat;
   background-size: 100% 100%;
+  margin-bottom: -0.05rem;
 }
 
 .recharge300 .content .rewardImg {
@@ -512,7 +528,7 @@ body {
 }
 
 .recharge300 .content .topBox div {
-  width: 2.05333rem;
+  width: 2.21333rem;
   height: 2.13333rem;
   position: relative;
 }
@@ -527,12 +543,12 @@ body {
 }
 
 .recharge300 .content .topBox div .ts {
-  width: 0.93333rem;
-  height: 0.93333rem;
+  width: 2.8rem;
+  height: 2.8rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: -0.62667rem;
+  top: -0.25rem;
 }
 
 .recharge300 .content .topBox .no2 .tx {
@@ -549,10 +565,6 @@ body {
   border: 0.02667rem solid #FFDB00;
 }
 
-.recharge300 .content .topBox .no1 .ts {
-  top: -0.65333rem;
-}
-
 .recharge500 {
   width: 10rem;
   margin: 0 auto 0;
@@ -567,9 +579,9 @@ body {
 }
 
 .recharge500 .top .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
   background: url(../images/title.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
@@ -591,9 +603,9 @@ body {
 }
 
 .recharge500 .bottom .but {
-  width: 4.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -601,20 +613,25 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0rem;
+  top: -0.13333rem;
   background: url(../images/but.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge500 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
   background: url(../images/butAct.png) no-repeat;
   background-size: 100% 100%;
+  top: 0.2rem;
 }
 
 .recharge500 .content {
   width: 100%;
   background: url(../images/bgCentent.png) no-repeat;
   background-size: 100% 100%;
+  margin-bottom: -0.05rem;
 }
 
 .recharge500 .content .rewardImg {
@@ -690,7 +707,7 @@ body {
 }
 
 .recharge500 .content .topBox div {
-  width: 2.05333rem;
+  width: 2.21333rem;
   height: 2.13333rem;
   position: relative;
 }
@@ -705,12 +722,12 @@ body {
 }
 
 .recharge500 .content .topBox div .ts {
-  width: 0.93333rem;
-  height: 0.93333rem;
+  width: 2.8rem;
+  height: 2.8rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: -0.62667rem;
+  top: -0.25rem;
 }
 
 .recharge500 .content .topBox .no2 .tx {
@@ -727,10 +744,6 @@ body {
   border: 0.02667rem solid #FFDB00;
 }
 
-.recharge500 .content .topBox .no1 .ts {
-  top: -0.65333rem;
-}
-
 .recharge1000 {
   width: 10rem;
   margin: 0 auto 0;
@@ -745,9 +758,9 @@ body {
 }
 
 .recharge1000 .top .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
   background: url(../images/title.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
@@ -769,9 +782,9 @@ body {
 }
 
 .recharge1000 .bottom .but {
-  width: 4.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -779,20 +792,25 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0rem;
+  top: -0.13333rem;
   background: url(../images/but.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge1000 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
   background: url(../images/butAct.png) no-repeat;
   background-size: 100% 100%;
+  top: 0.2rem;
 }
 
 .recharge1000 .content {
   width: 100%;
   background: url(../images/bgCentent.png) no-repeat;
   background-size: 100% 100%;
+  margin-bottom: -0.05rem;
 }
 
 .recharge1000 .content .rewardImg {
@@ -868,7 +886,7 @@ body {
 }
 
 .recharge1000 .content .topBox div {
-  width: 2.05333rem;
+  width: 2.21333rem;
   height: 2.13333rem;
   position: relative;
 }
@@ -883,12 +901,12 @@ body {
 }
 
 .recharge1000 .content .topBox div .ts {
-  width: 0.93333rem;
-  height: 0.93333rem;
+  width: 2.8rem;
+  height: 2.8rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: -0.62667rem;
+  top: -0.25rem;
 }
 
 .recharge1000 .content .topBox .no2 .tx {
@@ -905,10 +923,6 @@ body {
   border: 0.02667rem solid #FFDB00;
 }
 
-.recharge1000 .content .topBox .no1 .ts {
-  top: -0.65333rem;
-}
-
 .recharge3000 {
   width: 10rem;
   margin: 0 auto 0;
@@ -923,9 +937,9 @@ body {
 }
 
 .recharge3000 .top .title {
-  width: 6.8rem;
-  height: 1.38667rem;
-  line-height: 1.13333rem;
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
   background: url(../images/title.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
@@ -947,9 +961,9 @@ body {
 }
 
 .recharge3000 .bottom .but {
-  width: 4.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
   text-align: center;
   color: #292601;
   font-size: 0.42667rem;
@@ -957,20 +971,25 @@ body {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0rem;
+  top: -0.13333rem;
   background: url(../images/but.png) no-repeat;
   background-size: 100% 100%;
 }
 
 .recharge3000 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
   background: url(../images/butAct.png) no-repeat;
   background-size: 100% 100%;
+  top: 0.2rem;
 }
 
 .recharge3000 .content {
   width: 100%;
   background: url(../images/bgCentent.png) no-repeat;
   background-size: 100% 100%;
+  margin-bottom: -0.05rem;
 }
 
 .recharge3000 .content .rewardImg {
@@ -1049,7 +1068,7 @@ body {
 }
 
 .recharge3000 .content .topBox div {
-  width: 2.05333rem;
+  width: 2.21333rem;
   height: 2.13333rem;
   position: relative;
 }
@@ -1064,12 +1083,12 @@ body {
 }
 
 .recharge3000 .content .topBox div .ts {
-  width: 0.93333rem;
-  height: 0.93333rem;
+  width: 2.8rem;
+  height: 2.8rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: -0.62667rem;
+  top: -0.25rem;
 }
 
 .recharge3000 .content .topBox .no2 .tx {
@@ -1086,8 +1105,556 @@ body {
   border: 0.02667rem solid #FFDB00;
 }
 
-.recharge3000 .content .topBox .no1 .ts {
-  top: -0.65333rem;
+.recharge5000 {
+  width: 10rem;
+  margin: 0 auto 0;
+}
+
+.recharge5000 .top {
+  width: 100%;
+  height: 3.72rem;
+  background: url(../images/bgTop.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.recharge5000 .top .title {
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.45333rem;
+  font-weight: 600;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.08rem;
+}
+
+.recharge5000 .bottom {
+  width: 100%;
+  height: 2.48rem;
+  background: url(../images/bgBottom.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.recharge5000 .bottom .but {
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
+  text-align: center;
+  color: #292601;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.13333rem;
+  background: url(../images/but.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.recharge5000 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  background: url(../images/butAct.png) no-repeat;
+  background-size: 100% 100%;
+  top: 0.2rem;
+}
+
+.recharge5000 .content {
+  width: 100%;
+  background: url(../images/bgCentent.png) no-repeat;
+  background-size: 100% 100%;
+  margin-bottom: -0.05rem;
+}
+
+.recharge5000 .content .rewardImg {
+  display: block;
+  width: 9.06667rem;
+  height: 15.09333rem;
+  margin: 0 auto 0;
+  background: url(../images/recharge5000.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.recharge5000 .content .rewardImg #txTop5000 {
+  width: 2.2rem;
+  height: 2.2rem;
+  position: absolute;
+  left: 5.76rem;
+  top: 0.8rem;
+}
+
+.recharge5000 .content .rewardImg #txTop5000 canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.recharge5000 .content .rewardImg .bo {
+  width: 0.69333rem;
+  height: 0.69333rem;
+  position: absolute;
+  top: 6.53333rem;
+  right: 5.8rem;
+  z-index: 2;
+}
+
+.recharge5000 .content .rewardImg .why {
+  width: 0.66667rem;
+  height: 0.66667rem;
+  position: absolute;
+  right: 0.75rem;
+  top: 0.35rem;
+}
+
+.recharge5000 .content .topTitle {
+  width: 100%;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  display: flex;
+  justify-content: center;
+  margin-top: 0.36rem;
+}
+
+.recharge5000 .content .topTitle img {
+  display: inline-block;
+  width: 2.76rem;
+  height: 0.22667rem;
+  vertical-align: middle;
+}
+
+.recharge5000 .content .topTitle b {
+  display: inline-block;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 600;
+  margin: 0 0.14667rem;
+  vertical-align: middle;
+}
+
+.recharge5000 .content .topBox {
+  width: 78%;
+  height: 2.66667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.85333rem auto 0;
+}
+
+.recharge5000 .content .topBox div {
+  width: 2.21333rem;
+  height: 2.13333rem;
+  position: relative;
+}
+
+.recharge5000 .content .topBox div .tx {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.recharge5000 .content .topBox div .ts {
+  width: 2.8rem;
+  height: 2.8rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.25rem;
+}
+
+.recharge5000 .content .topBox .no2 .tx {
+  border: 0.02667rem solid #BEC6CD;
+}
+
+.recharge5000 .content .topBox .no3 .tx {
+  border: 0.02667rem solid #FCB98D;
+}
+
+.recharge5000 .content .topBox .no1 .tx {
+  width: 2.21333rem;
+  height: 2.26667rem;
+  border: 0.02667rem solid #FFDB00;
+}
+
+.recharge8000 {
+  width: 10rem;
+  margin: 0 auto 0;
+}
+
+.recharge8000 .top {
+  width: 100%;
+  height: 3.72rem;
+  background: url(../images/bgTop.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.recharge8000 .top .title {
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.45333rem;
+  font-weight: 600;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.08rem;
+}
+
+.recharge8000 .bottom {
+  width: 100%;
+  height: 2.48rem;
+  background: url(../images/bgBottom.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.recharge8000 .bottom .but {
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
+  text-align: center;
+  color: #292601;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.13333rem;
+  background: url(../images/but.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.recharge8000 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  background: url(../images/butAct.png) no-repeat;
+  background-size: 100% 100%;
+  top: 0.2rem;
+}
+
+.recharge8000 .content {
+  width: 100%;
+  background: url(../images/bgCentent.png) no-repeat;
+  background-size: 100% 100%;
+  margin-bottom: -0.05rem;
+}
+
+.recharge8000 .content .rewardImg {
+  display: block;
+  width: 9.06667rem;
+  height: 18.57333rem;
+  margin: 0 auto 0;
+  background: url(../images/recharge8000.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.recharge8000 .content .rewardImg #txTop8000 {
+  width: 2.2rem;
+  height: 2.2rem;
+  position: absolute;
+  left: 0.54rem;
+  top: 11.5rem;
+}
+
+.recharge8000 .content .rewardImg #txTop8000 canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.recharge8000 .content .rewardImg .bo {
+  width: 0.69333rem;
+  height: 0.69333rem;
+  position: absolute;
+  top: 6.76rem;
+  right: 2rem;
+  z-index: 2;
+}
+
+.recharge8000 .content .rewardImg .why {
+  width: 0.66667rem;
+  height: 0.66667rem;
+  position: absolute;
+  right: 5.90667rem;
+  top: 11.12rem;
+}
+
+.recharge8000 .content .topTitle {
+  width: 100%;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  display: flex;
+  justify-content: center;
+  margin-top: 0.36rem;
+}
+
+.recharge8000 .content .topTitle img {
+  display: inline-block;
+  width: 2.76rem;
+  height: 0.22667rem;
+  vertical-align: middle;
+}
+
+.recharge8000 .content .topTitle b {
+  display: inline-block;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 600;
+  margin: 0 0.14667rem;
+  vertical-align: middle;
+}
+
+.recharge8000 .content .topBox {
+  width: 78%;
+  height: 2.66667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.85333rem auto 0;
+}
+
+.recharge8000 .content .topBox div {
+  width: 2.21333rem;
+  height: 2.13333rem;
+  position: relative;
+}
+
+.recharge8000 .content .topBox div .tx {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.recharge8000 .content .topBox div .ts {
+  width: 2.8rem;
+  height: 2.8rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.25rem;
+}
+
+.recharge8000 .content .topBox .no2 .tx {
+  border: 0.02667rem solid #BEC6CD;
+}
+
+.recharge8000 .content .topBox .no3 .tx {
+  border: 0.02667rem solid #FCB98D;
+}
+
+.recharge8000 .content .topBox .no1 .tx {
+  width: 2.21333rem;
+  height: 2.26667rem;
+  border: 0.02667rem solid #FFDB00;
+}
+
+.recharge10000 {
+  width: 10rem;
+  margin: 0 auto 0;
+}
+
+.recharge10000 .top {
+  width: 100%;
+  height: 3.72rem;
+  background: url(../images/bgTop.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.recharge10000 .top .title {
+  width: 7.33333rem;
+  height: 2.53333rem;
+  line-height: 3.06667rem;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.45333rem;
+  font-weight: 600;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.08rem;
+}
+
+.recharge10000 .bottom {
+  width: 100%;
+  height: 2.48rem;
+  background: url(../images/bgBottom.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.recharge10000 .bottom .but {
+  width: 8.66667rem;
+  height: 2.06667rem;
+  line-height: 2.06667rem;
+  text-align: center;
+  color: #292601;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.13333rem;
+  background: url(../images/but.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.recharge10000 .bottom .act {
+  width: 4.12rem;
+  height: 1.28rem;
+  line-height: 1.28rem;
+  background: url(../images/butAct.png) no-repeat;
+  background-size: 100% 100%;
+  top: 0.2rem;
+}
+
+.recharge10000 .content {
+  width: 100%;
+  background: url(../images/bgCentent.png) no-repeat;
+  background-size: 100% 100%;
+  margin-bottom: -0.05rem;
+  margin-top: -0.05rem;
+}
+
+.recharge10000 .content .rewardImg {
+  display: block;
+  width: 9.06667rem;
+  height: 18.57333rem;
+  margin: 0 auto 0;
+  background: url(../images/recharge8000.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.recharge10000 .content .rewardImg #txTop10000 {
+  width: 2.2rem;
+  height: 2.2rem;
+  position: absolute;
+  left: 0.54rem;
+  top: 11.5rem;
+}
+
+.recharge10000 .content .rewardImg #txTop10000 canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.recharge10000 .content .rewardImg .bo {
+  width: 0.69333rem;
+  height: 0.69333rem;
+  position: absolute;
+  top: 6.76rem;
+  right: 2rem;
+  z-index: 2;
+}
+
+.recharge10000 .content .rewardImg .why {
+  width: 0.66667rem;
+  height: 0.66667rem;
+  position: absolute;
+  right: 0.17333rem;
+  top: 0rem;
+}
+
+.recharge10000 .content .rewardImg .why2 {
+  top: 11.14667rem;
+  right: 6rem;
+}
+
+.recharge10000 .content .topTitle {
+  width: 100%;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  display: flex;
+  justify-content: center;
+  margin-top: 0.36rem;
+}
+
+.recharge10000 .content .topTitle img {
+  display: inline-block;
+  width: 2.76rem;
+  height: 0.22667rem;
+  vertical-align: middle;
+}
+
+.recharge10000 .content .topTitle b {
+  display: inline-block;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 600;
+  margin: 0 0.14667rem;
+  vertical-align: middle;
+}
+
+.recharge10000 .content .topBox {
+  width: 78%;
+  height: 2.66667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.85333rem auto 0;
+}
+
+.recharge10000 .content .topBox div {
+  width: 2.21333rem;
+  height: 2.13333rem;
+  position: relative;
+}
+
+.recharge10000 .content .topBox div .tx {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.recharge10000 .content .topBox div .ts {
+  width: 2.8rem;
+  height: 2.8rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.25rem;
+}
+
+.recharge10000 .content .topBox .no2 .tx {
+  border: 0.02667rem solid #BEC6CD;
+}
+
+.recharge10000 .content .topBox .no3 .tx {
+  border: 0.02667rem solid #FCB98D;
+}
+
+.recharge10000 .content .topBox .no1 .tx {
+  width: 2.21333rem;
+  height: 2.26667rem;
+  border: 0.02667rem solid #FFDB00;
 }
 
 .pub {
@@ -1117,13 +1684,13 @@ body {
   height: 0.90667rem;
   position: absolute;
   right: 0.30667rem;
-  top: -0.45333rem;
+  top: -0.58667rem;
 }
 
 .pub .pub_in .title {
-  width: 6rem;
-  height: 1.16rem;
-  line-height: 0.97333rem;
+  width: 5.76rem;
+  height: 1.97333rem;
+  line-height: 2.46667rem;
   text-align: center;
   color: #FFF783;
   font-size: 0.4rem;
@@ -1133,7 +1700,7 @@ body {
   transform: translateX(-50%);
   background: url(../images/pubTitle.png) no-repeat;
   background-size: 100% 100%;
-  top: 0.88rem;
+  top: 0.13333rem;
 }
 
 .pub .pub_in .centent {
diff --git a/view/molistar/activity/rechargeNew/css/index.scss b/view/molistar/activity/rechargeNew/css/index.scss
index 8212b70..2ff12af 100644
--- a/view/molistar/activity/rechargeNew/css/index.scss
+++ b/view/molistar/activity/rechargeNew/css/index.scss
@@ -42,34 +42,36 @@ body {
     .rule_icon {
         width: px2rem(140);
         height: px2rem(50);
-        line-height: px2rem(50);
+        line-height: px2rem(45);
         text-align: center;
         position: absolute;
         right: 0;
         top: px2rem(514);
         background: url(../images/rule_iconBg.png) no-repeat;
         background-size: 100% 100%;
-        color: #3A0600;
+        color: #FDF565;
         font-size: px2rem(28);
         font-weight: 500;
     }
 
     .time {
-        width: 100%;
+        width: 92%;
         height: px2rem(122);
         box-sizing: border-box;
         padding: 0 px2rem(50);
-        margin: px2rem(1011) auto 0;
+        margin: px2rem(871) auto 0;
 
         div {
             float: left;
-            width: px2rem(122);
-            height: px2rem(122);
+            width: px2rem(110);
+            height: px2rem(110);
             background: url(../images/timeBg.png) no-repeat;
             background-size: 100% 100%;
             position: relative;
             text-align: center;
-            line-height: px2rem(122);
+            box-sizing: border-box;
+            padding-top: px2rem(18);
+            // line-height: px2rem(122);
 
             b {
                 color: #FFF783;
@@ -82,7 +84,7 @@ body {
                 width: 100%;
                 position: absolute;
                 left: 0;
-                bottom: px2rem(-85);
+                bottom: 0.25rem;
                 text-align: center;
                 color: #FFF783;
                 font-size: px2rem(28);
@@ -92,7 +94,8 @@ body {
         }
 
         .day {
-            background: url(../images/timeBgAct.png) no-repeat;
+            background: url(../images/timeBg.png) no-repeat;
+            // background: url(../images/timeBgAct.png) no-repeat;
             background-size: 100% 100%;
             margin-right: px2rem(47);
         }
@@ -110,20 +113,20 @@ body {
 
 .myRecharge {
     width: px2rem(750);
-    height: px2rem(626);
+    height: px2rem(561);
     background: url(../images/myRechargeBg.png) no-repeat;
     background-size: 100% 100%;
-    margin: px2rem(-20) auto px2rem(28);
+    margin: px2rem(-120) auto px2rem(0);
     position: relative;
 
     .title {
-        width: px2rem(510);
-        height: px2rem(104);
-        line-height: px2rem(85);
+        width: px2rem(556);
+        height: px2rem(190);
+        line-height: 3.13333rem;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
-        top: px2rem(56);
+        top: -1.06rem;
         text-align: center;
         color: #FFF783;
         font-size: px2rem(34);
@@ -139,7 +142,7 @@ body {
         position: absolute;
         text-align: center;
         left: 0;
-        top: px2rem(255);
+        top: px2rem(160);
 
         b {
             color: #FFF783;
@@ -157,9 +160,9 @@ body {
     }
 
     .but {
-        width: px2rem(382);
-        height: px2rem(96);
-        line-height: px2rem(98);
+        width: px2rem(650);
+        height: px2rem(150);
+        line-height: px2rem(150);
         text-align: center;
         color: #292601;
         font-size: px2rem(32);
@@ -167,7 +170,7 @@ body {
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
-        top: px2rem(362);
+        top: px2rem(276);
         background: url(../images/myRechargeBut.png) no-repeat;
         background-size: 100% 100%;
     }
@@ -175,7 +178,7 @@ body {
 
 .recharge10 {
     width: px2rem(750);
-    margin: 0 auto 0;
+    margin: -0.6rem auto 0;
 
     .top {
         width: 100%;
@@ -185,9 +188,9 @@ body {
         position: relative;
 
         .title {
-            width: px2rem(510);
-            height: px2rem(104);
-            line-height: px2rem(85);
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
             background: url(../images/title.png) no-repeat;
             background-size: 100% 100%;
             text-align: center;
@@ -209,9 +212,9 @@ body {
         position: relative;
 
         .but {
-            width: px2rem(309);
-            height: px2rem(96);
-            line-height: px2rem(96);
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
             text-align: center;
             color: #292601;
             font-size: px2rem(32);
@@ -219,14 +222,18 @@ body {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(-0);
+            top: px2rem(-10);
             background: url(../images/but.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
             background: url(../images/butAct.png) no-repeat;
             background-size: 100% 100%;
+            top: px2rem(15);
         }
     }
 
@@ -234,6 +241,7 @@ body {
         width: 100%;
         background: url(../images/bgCentent.png) no-repeat;
         background-size: 100% 100%;
+        margin-bottom: -0.05rem;
 
         .rewardImg {
             display: block;
@@ -288,9 +296,9 @@ body {
         position: relative;
 
         .title {
-            width: px2rem(510);
-            height: px2rem(104);
-            line-height: px2rem(85);
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
             background: url(../images/title.png) no-repeat;
             background-size: 100% 100%;
             text-align: center;
@@ -312,9 +320,9 @@ body {
         position: relative;
 
         .but {
-            width: px2rem(309);
-            height: px2rem(96);
-            line-height: px2rem(96);
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
             text-align: center;
             color: #292601;
             font-size: px2rem(32);
@@ -322,14 +330,18 @@ body {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(-0);
+            top: px2rem(-10);
             background: url(../images/but.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
             background: url(../images/butAct.png) no-repeat;
             background-size: 100% 100%;
+            top: px2rem(15);
         }
     }
 
@@ -337,6 +349,7 @@ body {
         width: 100%;
         background: url(../images/bgCentent.png) no-repeat;
         background-size: 100% 100%;
+        margin-bottom: -0.05rem;
 
         .rewardImg {
             display: block;
@@ -391,9 +404,9 @@ body {
         position: relative;
 
         .title {
-            width: px2rem(510);
-            height: px2rem(104);
-            line-height: px2rem(85);
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
             background: url(../images/title.png) no-repeat;
             background-size: 100% 100%;
             text-align: center;
@@ -415,9 +428,9 @@ body {
         position: relative;
 
         .but {
-            width: px2rem(309);
-            height: px2rem(96);
-            line-height: px2rem(96);
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
             text-align: center;
             color: #292601;
             font-size: px2rem(32);
@@ -425,14 +438,18 @@ body {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(-0);
+            top: px2rem(-10);
             background: url(../images/but.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
             background: url(../images/butAct.png) no-repeat;
             background-size: 100% 100%;
+            top: px2rem(15);
         }
     }
 
@@ -440,6 +457,7 @@ body {
         width: 100%;
         background: url(../images/bgCentent.png) no-repeat;
         background-size: 100% 100%;
+        margin-bottom: -0.05rem;
 
         .rewardImg {
             display: block;
@@ -513,7 +531,7 @@ body {
             margin: px2rem(64) auto 0;
 
             div {
-                width: px2rem(154);
+                width: px2rem(166);
                 height: px2rem(160);
                 position: relative;
 
@@ -527,12 +545,12 @@ body {
                 }
 
                 .ts {
-                    width: px2rem(70);
-                    height: px2rem(70);
+                    width: px2rem(210);
+                    height: px2rem(210);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(-47);
+                    top: -0.25rem;
                 }
             }
 
@@ -554,10 +572,6 @@ body {
                     height: px2rem(170);
                     border: px2rem(2) solid #FFDB00;
                 }
-
-                .ts {
-                    top: px2rem(-49);
-                }
             }
         }
     }
@@ -575,9 +589,9 @@ body {
         position: relative;
 
         .title {
-            width: px2rem(510);
-            height: px2rem(104);
-            line-height: px2rem(85);
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
             background: url(../images/title.png) no-repeat;
             background-size: 100% 100%;
             text-align: center;
@@ -599,9 +613,9 @@ body {
         position: relative;
 
         .but {
-            width: px2rem(309);
-            height: px2rem(96);
-            line-height: px2rem(96);
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
             text-align: center;
             color: #292601;
             font-size: px2rem(32);
@@ -609,14 +623,18 @@ body {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(-0);
+            top: px2rem(-10);
             background: url(../images/but.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
             background: url(../images/butAct.png) no-repeat;
             background-size: 100% 100%;
+            top: px2rem(15);
         }
     }
 
@@ -624,6 +642,7 @@ body {
         width: 100%;
         background: url(../images/bgCentent.png) no-repeat;
         background-size: 100% 100%;
+        margin-bottom: -0.05rem;
 
         .rewardImg {
             display: block;
@@ -697,7 +716,7 @@ body {
             margin: px2rem(64) auto 0;
 
             div {
-                width: px2rem(154);
+                width: px2rem(166);
                 height: px2rem(160);
                 position: relative;
 
@@ -711,12 +730,12 @@ body {
                 }
 
                 .ts {
-                    width: px2rem(70);
-                    height: px2rem(70);
+                    width: px2rem(210);
+                    height: px2rem(210);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(-47);
+                    top: -0.25rem;
                 }
             }
 
@@ -738,10 +757,6 @@ body {
                     height: px2rem(170);
                     border: px2rem(2) solid #FFDB00;
                 }
-
-                .ts {
-                    top: px2rem(-49);
-                }
             }
         }
     }
@@ -759,9 +774,9 @@ body {
         position: relative;
 
         .title {
-            width: px2rem(510);
-            height: px2rem(104);
-            line-height: px2rem(85);
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
             background: url(../images/title.png) no-repeat;
             background-size: 100% 100%;
             text-align: center;
@@ -783,9 +798,9 @@ body {
         position: relative;
 
         .but {
-            width: px2rem(309);
-            height: px2rem(96);
-            line-height: px2rem(96);
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
             text-align: center;
             color: #292601;
             font-size: px2rem(32);
@@ -793,14 +808,18 @@ body {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(-0);
+            top: px2rem(-10);
             background: url(../images/but.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
             background: url(../images/butAct.png) no-repeat;
             background-size: 100% 100%;
+            top: px2rem(15);
         }
     }
 
@@ -808,6 +827,7 @@ body {
         width: 100%;
         background: url(../images/bgCentent.png) no-repeat;
         background-size: 100% 100%;
+        margin-bottom: -0.05rem;
 
         .rewardImg {
             display: block;
@@ -882,7 +902,7 @@ body {
             margin: px2rem(64) auto 0;
 
             div {
-                width: px2rem(154);
+                width: px2rem(166);
                 height: px2rem(160);
                 position: relative;
 
@@ -896,12 +916,12 @@ body {
                 }
 
                 .ts {
-                    width: px2rem(70);
-                    height: px2rem(70);
+                    width: px2rem(210);
+                    height: px2rem(210);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(-47);
+                    top: -0.25rem;
                 }
             }
 
@@ -923,10 +943,6 @@ body {
                     height: px2rem(170);
                     border: px2rem(2) solid #FFDB00;
                 }
-
-                .ts {
-                    top: px2rem(-49);
-                }
             }
         }
     }
@@ -944,9 +960,9 @@ body {
         position: relative;
 
         .title {
-            width: px2rem(510);
-            height: px2rem(104);
-            line-height: px2rem(85);
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
             background: url(../images/title.png) no-repeat;
             background-size: 100% 100%;
             text-align: center;
@@ -968,9 +984,9 @@ body {
         position: relative;
 
         .but {
-            width: px2rem(309);
-            height: px2rem(96);
-            line-height: px2rem(96);
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
             text-align: center;
             color: #292601;
             font-size: px2rem(32);
@@ -978,14 +994,18 @@ body {
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(-0);
+            top: px2rem(-10);
             background: url(../images/but.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
             background: url(../images/butAct.png) no-repeat;
             background-size: 100% 100%;
+            top: px2rem(15);
         }
     }
 
@@ -993,6 +1013,7 @@ body {
         width: 100%;
         background: url(../images/bgCentent.png) no-repeat;
         background-size: 100% 100%;
+        margin-bottom: -0.05rem;
 
         .rewardImg {
             display: block;
@@ -1069,7 +1090,7 @@ body {
             margin: px2rem(64) auto 0;
 
             div {
-                width: px2rem(154);
+                width: px2rem(166);
                 height: px2rem(160);
                 position: relative;
 
@@ -1083,12 +1104,12 @@ body {
                 }
 
                 .ts {
-                    width: px2rem(70);
-                    height: px2rem(70);
+                    width: px2rem(210);
+                    height: px2rem(210);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(-47);
+                    top: -0.25rem;
                 }
             }
 
@@ -1110,9 +1131,575 @@ body {
                     height: px2rem(170);
                     border: px2rem(2) solid #FFDB00;
                 }
+            }
+        }
+    }
+}
+
+.recharge5000 {
+    width: px2rem(750);
+    margin: 0 auto 0;
+
+    .top {
+        width: 100%;
+        height: px2rem(279);
+        background: url(../images/bgTop.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+
+        .title {
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            color: #FFF783;
+            font-size: px2rem(34);
+            font-weight: 600;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(81);
+        }
+    }
+
+    .bottom {
+        width: 100%;
+        height: px2rem(186);
+        background: url(../images/bgBottom.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+
+        .but {
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
+            text-align: center;
+            color: #292601;
+            font-size: px2rem(32);
+            font-weight: 600;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(-10);
+            background: url(../images/but.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            background: url(../images/butAct.png) no-repeat;
+            background-size: 100% 100%;
+            top: px2rem(15);
+        }
+    }
+
+    .content {
+        width: 100%;
+        background: url(../images/bgCentent.png) no-repeat;
+        background-size: 100% 100%;
+        margin-bottom: -0.05rem;
+
+        .rewardImg {
+            display: block;
+            width: px2rem(680);
+            height: px2rem(1132);
+            margin: 0 auto 0;
+            background: url(../images/recharge5000.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            overflow: hidden;
+
+            #txTop5000 {
+                width: 2.2rem;
+                height: 2.2rem;
+                position: absolute;
+                left: 5.76rem;
+                top: 0.8rem;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
+            .bo {
+                width: px2rem(52);
+                height: px2rem(52);
+                position: absolute;
+                top: px2rem(490);
+                right: 5.8rem;
+                z-index: 2;
+            }
+
+            .why {
+                width: px2rem(50);
+                height: px2rem(50);
+                position: absolute;
+                right: 0.75rem;
+                top: 0.35rem;
+            }
+        }
+
+        .topTitle {
+            width: 100%;
+            height: px2rem(30);
+            line-height: px2rem(30);
+            display: flex;
+            justify-content: center;
+            margin-top: px2rem(27);
+
+            img {
+                display: inline-block;
+                width: px2rem(207);
+                height: px2rem(17);
+                vertical-align: middle;
+            }
+
+            b {
+                display: inline-block;
+                color: #FFF783;
+                font-size: px2rem(30);
+                font-weight: 600;
+                margin: 0 px2rem(11);
+                vertical-align: middle;
+            }
+        }
+
+        .topBox {
+            width: 78%;
+            height: px2rem(200);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(64) auto 0;
+
+            div {
+                width: px2rem(166);
+                height: px2rem(160);
+                position: relative;
+
+                .tx {
+                    width: 100%;
+                    height: 100%;
+                    border-radius: 50%;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
 
                 .ts {
-                    top: px2rem(-49);
+                    width: px2rem(210);
+                    height: px2rem(210);
+                    position: absolute;
+                    left: 50%;
+                    transform: translateX(-50%);
+                    top: -0.25rem;
+                }
+            }
+
+            .no2 {
+                .tx {
+                    border: px2rem(2) solid #BEC6CD;
+                }
+            }
+
+            .no3 {
+                .tx {
+                    border: px2rem(2) solid #FCB98D;
+                }
+            }
+
+            .no1 {
+                .tx {
+                    width: px2rem(166);
+                    height: px2rem(170);
+                    border: px2rem(2) solid #FFDB00;
+                }
+            }
+        }
+    }
+}
+
+.recharge8000 {
+    width: px2rem(750);
+    margin: 0 auto 0;
+
+    .top {
+        width: 100%;
+        height: px2rem(279);
+        background: url(../images/bgTop.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+
+        .title {
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            color: #FFF783;
+            font-size: px2rem(34);
+            font-weight: 600;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(81);
+        }
+    }
+
+    .bottom {
+        width: 100%;
+        height: px2rem(186);
+        background: url(../images/bgBottom.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+
+        .but {
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
+            text-align: center;
+            color: #292601;
+            font-size: px2rem(32);
+            font-weight: 600;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(-10);
+            background: url(../images/but.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            background: url(../images/butAct.png) no-repeat;
+            background-size: 100% 100%;
+            top: px2rem(15);
+        }
+    }
+
+    .content {
+        width: 100%;
+        background: url(../images/bgCentent.png) no-repeat;
+        background-size: 100% 100%;
+        margin-bottom: -0.05rem;
+
+        .rewardImg {
+            display: block;
+            width: px2rem(680);
+            height: px2rem(1393);
+            margin: 0 auto 0;
+            background: url(../images/recharge8000.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            overflow: hidden;
+
+            #txTop8000 {
+                width: 2.2rem;
+                height: 2.2rem;
+                position: absolute;
+                left: 0.54rem;
+                top: 11.5rem;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
+            .bo {
+                width: px2rem(52);
+                height: px2rem(52);
+                position: absolute;
+                top: px2rem(507);
+                right: px2rem(150);
+                z-index: 2;
+            }
+
+            .why {
+                width: px2rem(50);
+                height: px2rem(50);
+                position: absolute;
+                right: px2rem(443);
+                top: px2rem(834);
+            }
+        }
+
+        .topTitle {
+            width: 100%;
+            height: px2rem(30);
+            line-height: px2rem(30);
+            display: flex;
+            justify-content: center;
+            margin-top: px2rem(27);
+
+            img {
+                display: inline-block;
+                width: px2rem(207);
+                height: px2rem(17);
+                vertical-align: middle;
+            }
+
+            b {
+                display: inline-block;
+                color: #FFF783;
+                font-size: px2rem(30);
+                font-weight: 600;
+                margin: 0 px2rem(11);
+                vertical-align: middle;
+            }
+        }
+
+        .topBox {
+            width: 78%;
+            height: px2rem(200);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(64) auto 0;
+
+            div {
+                width: px2rem(166);
+                height: px2rem(160);
+                position: relative;
+
+                .tx {
+                    width: 100%;
+                    height: 100%;
+                    border-radius: 50%;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+
+                .ts {
+                    width: px2rem(210);
+                    height: px2rem(210);
+                    position: absolute;
+                    left: 50%;
+                    transform: translateX(-50%);
+                    top: -0.25rem;
+                }
+            }
+
+            .no2 {
+                .tx {
+                    border: px2rem(2) solid #BEC6CD;
+                }
+            }
+
+            .no3 {
+                .tx {
+                    border: px2rem(2) solid #FCB98D;
+                }
+            }
+
+            .no1 {
+                .tx {
+                    width: px2rem(166);
+                    height: px2rem(170);
+                    border: px2rem(2) solid #FFDB00;
+                }
+            }
+        }
+    }
+}
+
+.recharge10000 {
+    width: px2rem(750);
+    margin: 0 auto 0;
+
+    .top {
+        width: 100%;
+        height: px2rem(279);
+        background: url(../images/bgTop.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+
+        .title {
+            width: px2rem(550);
+            height: px2rem(190);
+            line-height: px2rem(230);
+            background: url(../images/title.png) no-repeat;
+            background-size: 100% 100%;
+            text-align: center;
+            color: #FFF783;
+            font-size: px2rem(34);
+            font-weight: 600;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(81);
+        }
+    }
+
+    .bottom {
+        width: 100%;
+        height: px2rem(186);
+        background: url(../images/bgBottom.png) no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+
+        .but {
+            width: px2rem(650);
+            height: px2rem(155);
+            line-height: px2rem(155);
+            text-align: center;
+            color: #292601;
+            font-size: px2rem(32);
+            font-weight: 600;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(-10);
+            background: url(../images/but.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .act {
+            width: px2rem(309);
+            height: px2rem(96);
+            line-height: px2rem(96);
+            background: url(../images/butAct.png) no-repeat;
+            background-size: 100% 100%;
+            top: px2rem(15);
+        }
+    }
+
+    .content {
+        width: 100%;
+        background: url(../images/bgCentent.png) no-repeat;
+        background-size: 100% 100%;
+        margin-bottom: -0.05rem;
+        margin-top: -0.05rem;
+
+        .rewardImg {
+            display: block;
+            width: px2rem(680);
+            height: px2rem(1393);
+            margin: 0 auto 0;
+            background: url(../images/recharge8000.png) no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            overflow: hidden;
+
+            #txTop10000 {
+                width: 2.2rem;
+                height: 2.2rem;
+                position: absolute;
+                left: 0.54rem;
+                top: 11.5rem;
+
+                canvas {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+            }
+
+            .bo {
+                width: px2rem(52);
+                height: px2rem(52);
+                position: absolute;
+                top: px2rem(507);
+                right: px2rem(150);
+                z-index: 2;
+            }
+
+            .why {
+                width: px2rem(50);
+                height: px2rem(50);
+                position: absolute;
+                right: px2rem(13);
+                top: px2rem(0);
+            }
+
+            .why2 {
+                top: px2rem(836);
+                right: 6rem;
+            }
+        }
+
+        .topTitle {
+            width: 100%;
+            height: px2rem(30);
+            line-height: px2rem(30);
+            display: flex;
+            justify-content: center;
+            margin-top: px2rem(27);
+
+            img {
+                display: inline-block;
+                width: px2rem(207);
+                height: px2rem(17);
+                vertical-align: middle;
+            }
+
+            b {
+                display: inline-block;
+                color: #FFF783;
+                font-size: px2rem(30);
+                font-weight: 600;
+                margin: 0 px2rem(11);
+                vertical-align: middle;
+            }
+        }
+
+        .topBox {
+            width: 78%;
+            height: px2rem(200);
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(64) auto 0;
+
+            div {
+                width: px2rem(166);
+                height: px2rem(160);
+                position: relative;
+
+                .tx {
+                    width: 100%;
+                    height: 100%;
+                    border-radius: 50%;
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                }
+
+                .ts {
+                    width: px2rem(210);
+                    height: px2rem(210);
+                    position: absolute;
+                    left: 50%;
+                    transform: translateX(-50%);
+                    top: -0.25rem;
+                }
+            }
+
+            .no2 {
+                .tx {
+                    border: px2rem(2) solid #BEC6CD;
+                }
+            }
+
+            .no3 {
+                .tx {
+                    border: px2rem(2) solid #FCB98D;
+                }
+            }
+
+            .no1 {
+                .tx {
+                    width: px2rem(166);
+                    height: px2rem(170);
+                    border: px2rem(2) solid #FFDB00;
                 }
             }
         }
@@ -1144,13 +1731,13 @@ body {
             height: px2rem(68);
             position: absolute;
             right: px2rem(23);
-            top: px2rem(-34);
+            top: px2rem(-44);
         }
 
         .title {
-            width: px2rem(450);
-            height: px2rem(87);
-            line-height: px2rem(73);
+            width: px2rem(432);
+            height: px2rem(148);
+            line-height: px2rem(185);
             text-align: center;
             color: #FFF783;
             font-size: px2rem(30);
@@ -1160,7 +1747,7 @@ body {
             transform: translateX(-50%);
             background: url(../images/pubTitle.png) no-repeat;
             background-size: 100% 100%;
-            top: px2rem(66);
+            top: px2rem(10);
         }
 
         .centent {
diff --git a/view/molistar/activity/rechargeNew/images/bgBottom.png b/view/molistar/activity/rechargeNew/images/bgBottom.png
index ce9d24b..937266c 100644
Binary files a/view/molistar/activity/rechargeNew/images/bgBottom.png and b/view/molistar/activity/rechargeNew/images/bgBottom.png differ
diff --git a/view/molistar/activity/rechargeNew/images/bgCentent.png b/view/molistar/activity/rechargeNew/images/bgCentent.png
index 90cca0e..6663611 100644
Binary files a/view/molistar/activity/rechargeNew/images/bgCentent.png and b/view/molistar/activity/rechargeNew/images/bgCentent.png differ
diff --git a/view/molistar/activity/rechargeNew/images/bgTop.png b/view/molistar/activity/rechargeNew/images/bgTop.png
index 9e33b4e..f71f520 100644
Binary files a/view/molistar/activity/rechargeNew/images/bgTop.png and b/view/molistar/activity/rechargeNew/images/bgTop.png differ
diff --git a/view/molistar/activity/rechargeNew/images/bottomBg.png b/view/molistar/activity/rechargeNew/images/bottomBg.png
new file mode 100644
index 0000000..e2304e6
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/bottomBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/but.png b/view/molistar/activity/rechargeNew/images/but.png
index ab481cf..a2e3c4c 100644
Binary files a/view/molistar/activity/rechargeNew/images/but.png and b/view/molistar/activity/rechargeNew/images/but.png differ
diff --git a/view/molistar/activity/rechargeNew/images/close.png b/view/molistar/activity/rechargeNew/images/close.png
index acc799c..6ee311a 100644
Binary files a/view/molistar/activity/rechargeNew/images/close.png and b/view/molistar/activity/rechargeNew/images/close.png differ
diff --git a/view/molistar/activity/rechargeNew/images/contentBg.png b/view/molistar/activity/rechargeNew/images/contentBg.png
new file mode 100644
index 0000000..f74d3e7
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/contentBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/header-ar.png b/view/molistar/activity/rechargeNew/images/header-ar.png
index 0c530d0..31643fc 100644
Binary files a/view/molistar/activity/rechargeNew/images/header-ar.png and b/view/molistar/activity/rechargeNew/images/header-ar.png differ
diff --git a/view/molistar/activity/rechargeNew/images/header.png b/view/molistar/activity/rechargeNew/images/header.png
index 8433d1f..bf16ee7 100644
Binary files a/view/molistar/activity/rechargeNew/images/header.png and b/view/molistar/activity/rechargeNew/images/header.png differ
diff --git a/view/molistar/activity/rechargeNew/images/myRechargeBg.png b/view/molistar/activity/rechargeNew/images/myRechargeBg.png
index 822df43..8a4ad3b 100644
Binary files a/view/molistar/activity/rechargeNew/images/myRechargeBg.png and b/view/molistar/activity/rechargeNew/images/myRechargeBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/myRechargeBut.png b/view/molistar/activity/rechargeNew/images/myRechargeBut.png
index 9f0f0a7..1d0b187 100644
Binary files a/view/molistar/activity/rechargeNew/images/myRechargeBut.png and b/view/molistar/activity/rechargeNew/images/myRechargeBut.png differ
diff --git a/view/molistar/activity/rechargeNew/images/pubBg.png b/view/molistar/activity/rechargeNew/images/pubBg.png
index c45348a..0c3911b 100644
Binary files a/view/molistar/activity/rechargeNew/images/pubBg.png and b/view/molistar/activity/rechargeNew/images/pubBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/pubTitle.png b/view/molistar/activity/rechargeNew/images/pubTitle.png
index e9efd29..e0dc414 100644
Binary files a/view/molistar/activity/rechargeNew/images/pubTitle.png and b/view/molistar/activity/rechargeNew/images/pubTitle.png differ
diff --git a/view/molistar/activity/rechargeNew/images/recharge10000.png b/view/molistar/activity/rechargeNew/images/recharge10000.png
new file mode 100644
index 0000000..b4e925c
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/recharge10000.png differ
diff --git a/view/molistar/activity/rechargeNew/images/recharge5000.png b/view/molistar/activity/rechargeNew/images/recharge5000.png
new file mode 100644
index 0000000..bcbb068
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/recharge5000.png differ
diff --git a/view/molistar/activity/rechargeNew/images/recharge8000.png b/view/molistar/activity/rechargeNew/images/recharge8000.png
new file mode 100644
index 0000000..44df234
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/recharge8000.png differ
diff --git a/view/molistar/activity/rechargeNew/images/rule_iconBg.png b/view/molistar/activity/rechargeNew/images/rule_iconBg.png
index 0210519..44856b8 100644
Binary files a/view/molistar/activity/rechargeNew/images/rule_iconBg.png and b/view/molistar/activity/rechargeNew/images/rule_iconBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/timeBg.png b/view/molistar/activity/rechargeNew/images/timeBg.png
index f9a3c1c..d1d12c4 100644
Binary files a/view/molistar/activity/rechargeNew/images/timeBg.png and b/view/molistar/activity/rechargeNew/images/timeBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/title.png b/view/molistar/activity/rechargeNew/images/title.png
index b7c6e54..28ffc6f 100644
Binary files a/view/molistar/activity/rechargeNew/images/title.png and b/view/molistar/activity/rechargeNew/images/title.png differ
diff --git a/view/molistar/activity/rechargeNew/images/top1.png b/view/molistar/activity/rechargeNew/images/top1.png
index c83b4ab..ce22a96 100644
Binary files a/view/molistar/activity/rechargeNew/images/top1.png and b/view/molistar/activity/rechargeNew/images/top1.png differ
diff --git a/view/molistar/activity/rechargeNew/images/top2.png b/view/molistar/activity/rechargeNew/images/top2.png
index bd8fb30..7eb4083 100644
Binary files a/view/molistar/activity/rechargeNew/images/top2.png and b/view/molistar/activity/rechargeNew/images/top2.png differ
diff --git a/view/molistar/activity/rechargeNew/images/top3.png b/view/molistar/activity/rechargeNew/images/top3.png
index ad78a67..5873ed0 100644
Binary files a/view/molistar/activity/rechargeNew/images/top3.png and b/view/molistar/activity/rechargeNew/images/top3.png differ
diff --git a/view/molistar/activity/rechargeNew/images/topBg.png b/view/molistar/activity/rechargeNew/images/topBg.png
new file mode 100644
index 0000000..67e2461
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/topBg.png differ
diff --git a/view/molistar/activity/rechargeNew/images/topBg2.png b/view/molistar/activity/rechargeNew/images/topBg2.png
new file mode 100644
index 0000000..c7e168c
Binary files /dev/null and b/view/molistar/activity/rechargeNew/images/topBg2.png differ
diff --git a/view/molistar/activity/rechargeNew/index.html b/view/molistar/activity/rechargeNew/index.html
index cd22aff..055c7d6 100644
--- a/view/molistar/activity/rechargeNew/index.html
+++ b/view/molistar/activity/rechargeNew/index.html
@@ -42,7 +42,7 @@
     <!-- 我的充值 -->
     <div class="myRecharge">
         <div class="title text7"></div>
-        <p><b>$0</b><img style="display: none;" src="./images/why.png" alt=""></p>
+        <p><b>$0</b><img src="./images/why.png" alt=""></p>
         <div class="but text8"></div>
     </div>
     <!-- 充值档位到达10 -->
@@ -224,6 +224,121 @@
             <div class="but text10"></div>
         </div>
     </div>
+    <!-- 充值档位到达5000 -->
+    <div class="recharge5000 recharge7 recharges">
+        <div class="top">
+            <div class="title">Recharge $5000</div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="txTop5000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达8000 -->
+    <div class="recharge8000 recharge8 recharges">
+        <div class="top">
+            <div class="title">Recharge $8000</div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="txTop8000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达10000 -->
+    <div class="recharge10000 recharge9 recharges">
+        <div class="top">
+            <div class="title">Recharge $10000</div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="txTop10000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+                <img src="./images/why.png" alt="" class="why why2">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
     <!-- 弹窗 -->
     <div class="pub">
         <div class="pub_in">
@@ -239,15 +354,32 @@
             </div>
         </div>
     </div>
-
     <!-- 免责声明 -->
     <div class="disclaimer text24"></div>
-    <div class="video">
+    <div class="video video3000">
         <video id="zjVideo" controls>
             <source src="./mp4/3000.mp4" type="video/mp4">
         </video>
         <img src="./images/close.png" alt="" class="close">
     </div>
+    <div class="video video5000">
+        <video id="zjVideo5000" controls>
+            <source src="./mp4/5000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video8000">
+        <video id="zjVideo8000" controls>
+            <source src="./mp4/8000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video10000">
+        <video id="zjVideo10000" controls>
+            <source src="./mp4/10000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
 
 </body>
 
@@ -262,5 +394,6 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
 <script src="./js/index.js"></script>
 <script src="../../common/local/langHandler.js"></script>
\ No newline at end of file
diff --git a/view/molistar/activity/rechargeNew/js/index.js b/view/molistar/activity/rechargeNew/js/index.js
index 12094bc..d2e4a09 100644
--- a/view/molistar/activity/rechargeNew/js/index.js
+++ b/view/molistar/activity/rechargeNew/js/index.js
@@ -81,6 +81,9 @@ document.addEventListener('DOMContentLoaded', function () {
     loadSVGA('ts500', './svga/500.svga');
     loadSVGA('ts1000', './svga/1000.svga');
     loadSVGA('ts3000', './svga/3000.svga');
+    loadSVGA('txTop5000', './svga/txTop.svga');
+    loadSVGA('txTop8000', './svga/txTop.svga');
+    loadSVGA('txTop10000', './svga/txTop.svga');
     loadSVGA('zj10', './svga/zj10.svga');
     loadSVGA('zj100', './svga/zj100.svga');
     loadSVGA('zj300', './svga/zj300.svga');
@@ -125,9 +128,9 @@ function getConfig() {
                 wealth = res.data.wealth;
                 limitWealth = res.data.limitWealth;
                 // 处理是否我的充值展示
-                if(res.data.rechargeUser){
+                if (res.data.rechargeUser) {
                     $('.myRecharge').hide();
-                }else{
+                } else {
                     $('.myRecharge').show();
                 }
                 // 处理倒计时
@@ -215,6 +218,38 @@ $('.recharge3000 .content .rewardImg .why').click(function () {
     $('.pub ').show();
     bodyScroolFun(true);
 })
+// 打开5000头饰弹窗
+$('.recharge5000 .content .rewardImg .why').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.headdressTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.headdressText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开8000头饰弹窗
+$('.recharge8000 .content .rewardImg .why').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.headdressTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.headdressText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开10000头饰弹窗
+$('.recharge10000 .content .rewardImg .why2').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.headdressTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.headdressText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开10000座驾弹窗
+$('.recharge10000 .content .rewardImg .why').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.carTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.carText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
 // 关闭弹窗
 $('.pub .pub_in .close').click(function () {
     $('.pub .pub_in .centent').removeClass('myRechargeText');
@@ -291,12 +326,39 @@ $('.recharge3000 .content .rewardImg .bo').click(function () {
     var video = document.getElementById('zjVideo');
     video.play();
     bodyScroolFun(true);
-    $('.video').show();
+    $('.video3000').show();
+})
+// 打开mp4弹窗
+$('.recharge5000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo5000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video5000').show();
+})
+// 打开mp4弹窗
+$('.recharge8000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo8000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video8000').show();
+})
+// 打开mp4弹窗
+$('.recharge10000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo10000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video10000').show();
 })
 // 关闭mp4弹窗
 $('.video .close').click(function () {
     var video = document.getElementById('zjVideo');
+    var video5000 = document.getElementById('zjVideo5000');
+    var video8000 = document.getElementById('zjVideo8000');
+    var video10000 = document.getElementById('zjVideo10000');
     video.pause();
+    video5000.pause();
+    video8000.pause();
+    video10000.pause();
     bodyScroolFun(false);
     $('.video').hide();
 })
diff --git a/view/molistar/activity/rechargeNew/local/ar.js b/view/molistar/activity/rechargeNew/local/ar.js
index 51334da..8c2165b 100644
--- a/view/molistar/activity/rechargeNew/local/ar.js
+++ b/view/molistar/activity/rechargeNew/local/ar.js
@@ -41,5 +41,10 @@ langAr = {
         text24: `هذا الحدث غير مرتبط بشركة أبل.`,
         text25: `هذا الحدث غير مرتبط بشركة جوجل.`,
         text26: `أفضل 3 فائزين`,
+        headdressTitle: 'تاج مخصص',
+        headdressText: '<p>يمكنك إرسال لقبك الفريد إلى خدمة العملاء الرسمية لتخصيص تاجك المخصص</p>',
+        carTitle: 'سيارة مخصصة',
+        carText: '<p>يمكنك إرسال صورتك الرمزية الفريدة ولقبك إلى خدمة العملاء الرسمية لتخصيص سيارتك المخصصة</p>'
+    
     }
 }
\ No newline at end of file
diff --git a/view/molistar/activity/rechargeNew/local/en.js b/view/molistar/activity/rechargeNew/local/en.js
index 486094a..cce92f0 100644
--- a/view/molistar/activity/rechargeNew/local/en.js
+++ b/view/molistar/activity/rechargeNew/local/en.js
@@ -39,5 +39,9 @@ langEn = {
         text24: `This event is not related to Apple.`,
         text25: `This event is not related to Google.`,
         text26: `Top 3 Winner`,
+        headdressTitle: `Customized Headdress`,
+        headdressText: `<p>You can send your unique nickname to the official customer service to customize your customized headdress</p>`,
+        carTitle: `Customized Car`,
+        carText: `<p>You can send your unique avatar and nickname to the official customer service to customize your customized car</p>`,
     }
 }
diff --git a/view/molistar/activity/rechargeNew/local/tr.js b/view/molistar/activity/rechargeNew/local/tr.js
new file mode 100644
index 0000000..fecb610
--- /dev/null
+++ b/view/molistar/activity/rechargeNew/local/tr.js
@@ -0,0 +1,47 @@
+langTr = {
+    demoModule: {
+        layerIndex1: 'Yükleniyor...',
+        layerIndex2: 'Başarılı',
+        layerIndex3: 'Ağ hatası',
+        text1: 'Aylık yeniden doldurma',
+        text2: 'Kurallar',
+        text3: 'Gün',
+        text4: 'Saat',
+        text5: 'Dakika',
+        text6: 'Saniye',
+        text7: 'Yeniden Doldurmam',
+        text8: 'Yeniden Doldur',
+        text9: '10$ Yeniden Doldur',
+        text10: 'Ödül Al',
+        text11: '100$ Yeniden Doldur',
+        text12: '300$ Yeniden Doldur',
+        text13: 'İlk 3 Kazanan',
+        text14: '500$ Yeniden Doldur',
+        text15: '1000$ Yeniden Doldur',
+        text16: '3000$ Yeniden Doldur',
+        text17: 'Kurallar',
+        text18: `
+            <p>1. Yeniden doldurma etkinlik süresi: Her ayın 1. günü saat 00:00:00'dan ayın son günü saat 23:59:59'a kadar (GMT+3).</p>
+            <p>2. Her ödül seviyesini sadece bir kez alabilirsiniz.</p>
+            <p>3. Her etkinlik turu sonunda ödüller otomatik olarak geçersiz olur.</p>
+            <p>4. Benzersiz kimliğinizi almak için resmi müşteri hizmetlerimizle iletişime geçin!</p>
+            <p>5. Yeniden doldurma aracısı etkinliğe katılamaz.</p>
+            <p>6. Bu etkinlik Google/Apple ile ilişkili değildir.</p>
+        `,
+        text19: 'Aylık Yeniden Doldurmam',
+        text20: `
+            <p>1. Yeniden doldurma yöntemleri Google, Apple içi satın alma vb. içerir.</p>
+            <p>2. Yeniden doldurma aracısı etkinliğe katılamaz.</p>
+        `,
+        text21: 'Özelleştirilmiş Hediye',
+        text22: '<p>Özelleştirilmiş hediyenizi almak için özel videonuzu müşteri hizmetlerimize gönderebilirsiniz.</p>',
+        text23: 'Alındı',
+        text24: 'Bu etkinlik Apple ile ilişkili değildir.',
+        text25: 'Bu etkinlik Google ile ilişkili değildir.',
+        text26: 'İlk 3 Kazanan',
+        headdressTitle: 'Özelleştirilmiş Taç',
+        headdressText: '<p>Benzersiz takma adınızı resmi müşteri hizmetlerine göndererek özelleştirilmiş tacınızı oluşturabilirsiniz</p>',
+        carTitle: 'Özelleştirilmiş Araç',
+        carText: '<p>Benzersiz avatarınızı ve takma adınızı resmi müşteri hizmetlerine göndererek özelleştirilmiş aracınızı oluşturabilirsiniz</p>',
+    }
+}
diff --git a/view/molistar/activity/rechargeNew/local/zh.js b/view/molistar/activity/rechargeNew/local/zh.js
index 37b1ef1..8d96f15 100644
--- a/view/molistar/activity/rechargeNew/local/zh.js
+++ b/view/molistar/activity/rechargeNew/local/zh.js
@@ -41,5 +41,10 @@ langZh = {
         text24: `本活動與蘋果無關`,
         text25: `本活動與谷歌無關`,
         text26: `前3名獲獎者`,
+        headdressTitle: '定制頭飾',
+        headdressText: '<p>您可以將您的獨特暱稱發送給官方客服，來定制您的專屬頭飾</p>',
+        carTitle: '定制車輛',
+        carText: '<p>您可以將您的獨特頭像和暱稱發送給官方客服，來定制您的專屬車輛</p>'
+
     }
 }
\ No newline at end of file
diff --git a/view/molistar/activity/rechargeNew/mp4/10000.mp4 b/view/molistar/activity/rechargeNew/mp4/10000.mp4
new file mode 100644
index 0000000..8e4f049
Binary files /dev/null and b/view/molistar/activity/rechargeNew/mp4/10000.mp4 differ
diff --git a/view/molistar/activity/rechargeNew/mp4/5000.mp4 b/view/molistar/activity/rechargeNew/mp4/5000.mp4
new file mode 100644
index 0000000..e770592
Binary files /dev/null and b/view/molistar/activity/rechargeNew/mp4/5000.mp4 differ
diff --git a/view/molistar/activity/rechargeNew/mp4/8000.mp4 b/view/molistar/activity/rechargeNew/mp4/8000.mp4
new file mode 100644
index 0000000..1dafc19
Binary files /dev/null and b/view/molistar/activity/rechargeNew/mp4/8000.mp4 differ
diff --git a/view/molistar/activity/rechargeNew/svga/txTop.svga b/view/molistar/activity/rechargeNew/svga/txTop.svga
new file mode 100644
index 0000000..12a4a29
Binary files /dev/null and b/view/molistar/activity/rechargeNew/svga/txTop.svga differ
diff --git a/view/molistar/common/local/langHandler.js b/view/molistar/common/local/langHandler.js
index 61e941a..a840d8b 100644
--- a/view/molistar/common/local/langHandler.js
+++ b/view/molistar/common/local/langHandler.js
@@ -34,7 +34,7 @@ function initLocalLang() {
         window.lang.code = 'id'
         window.lang.defaults = false
     } else if (lang === 'tr' || window.location.href.match('=tr')) {
-        if (window.location.href.match('2024-newYear') || window.location.href.match('guild-ar') || window.location.href.match('2024-invitationFission') || window.location.href.match('inform') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home') || window.location.href.match('pay')) {
+        if (window.location.href.match('rechargeNew') ||window.location.href.match('2024-newYear') || window.location.href.match('guild-ar') || window.location.href.match('2024-invitationFission') || window.location.href.match('inform') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home') || window.location.href.match('pay')) {
             // 土耳其
             console.log("langHandler" + '土耳其')
             window.lang = langTr