diff --git a/view/molistar/modules/weekStar/css/detail.css b/view/molistar/modules/weekStar/css/detail.css
deleted file mode 100644
index 423b83a..0000000
--- a/view/molistar/modules/weekStar/css/detail.css
+++ /dev/null
@@ -1,187 +0,0 @@
-@font-face {
-  font-family: 'pingfang';
-  src: url("../fonts/PingFangSCRegular.ttf");
-  src: url("../fonts/PingFangSCRegular.ttf") format("woff"), url("../fonts/PingFangSCRegular.ttf") format("truetype"), url("../fonts/PingFangSCRegular.ttf") format("svg");
-}
-
-html,
-body {
-  background: url("../images/box.png");
-  background-size: 100%;
-  font-family: 'pingfang';
-}
-
-.max {
-  width: 10rem;
-  margin: 0 auto;
-}
-
-.max .detail {
-  width: 100%;
-  padding-left: 0.93333rem;
-  box-sizing: border-box;
-  margin-top: 1.64rem;
-}
-
-.max .detail p {
-  font-size: 0.37333rem;
-  color: #fff;
-}
-
-.max .detail ul {
-  margin-top: 0.53333rem;
-  padding-left: 0.4rem;
-}
-
-.max .detail ul li {
-  list-style: disc;
-  color: #CCAAFF;
-  font-size: 0.37333rem;
-  line-height: 0.50667rem;
-}
-
-.max .man {
-  height: 18.52rem;
-  width: 8.8rem;
-  border-radius: 0.26667rem;
-  border: 0.08rem solid #A964F5;
-  margin: 1.33333rem auto 0;
-  background: #370270;
-  position: relative;
-}
-
-.max .man .tit-bg {
-  width: 4.96rem;
-  height: 1.04rem;
-  background: url("../images/charm.png") no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: -0.42667rem;
-}
-
-.max .charm {
-  height: 18.52rem;
-  width: 8.8rem;
-  border-radius: 0.26667rem;
-  border: 0.08rem solid #96C9FA;
-  margin: 1.33333rem auto;
-  background: #370270;
-  position: relative;
-}
-
-.max .charm .tit-bg {
-  width: 4.96rem;
-  height: 1.04rem;
-  background: url("../images/monay.png") no-repeat;
-  background-size: 100% 100%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: -0.42667rem;
-}
-
-.max .week-award {
-  height: 20.02667rem;
-  width: 100%;
-  margin: 0rem auto 0;
-  overflow: hidden;
-}
-
-.max .week-award .week-award-bg {
-  width: 8.4rem;
-  margin: 0rem auto 0;
-}
-
-.max .week-award .week-award-bg .first .tit,
-.max .week-award .week-award-bg .second .tit,
-.max .week-award .week-award-bg .third .tit,
-.max .week-award .week-award-bg .other .tit {
-  padding-left: 0.26667rem;
-  font-size: 0.32rem;
-  color: #fff;
-  padding-top: 0.66667rem;
-}
-
-.max .week-award .week-award-bg .first ul,
-.max .week-award .week-award-bg .second ul,
-.max .week-award .week-award-bg .third ul,
-.max .week-award .week-award-bg .other ul {
-  margin-top: 0.26667rem;
-  display: flex;
-  justify-content: space-around;
-}
-
-.max .week-award .week-award-bg .first ul li,
-.max .week-award .week-award-bg .second ul li,
-.max .week-award .week-award-bg .third ul li,
-.max .week-award .week-award-bg .other ul li {
-  width: 2.66667rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.max .week-award .week-award-bg .first ul li .head,
-.max .week-award .week-award-bg .second ul li .head,
-.max .week-award .week-award-bg .third ul li .head,
-.max .week-award .week-award-bg .other ul li .head {
-  position: relative;
-  width: 2.4rem;
-  height: 2.4rem;
-  border-radius: 0.13333rem;
-  background: #5F358D;
-}
-
-.max .week-award .week-award-bg .first ul li .head img,
-.max .week-award .week-award-bg .second ul li .head img,
-.max .week-award .week-award-bg .third ul li .head img,
-.max .week-award .week-award-bg .other ul li .head img {
-  width: 2.13333rem;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.max .week-award .week-award-bg .first ul li .head img.nameplate,
-.max .week-award .week-award-bg .second ul li .head img.nameplate,
-.max .week-award .week-award-bg .third ul li .head img.nameplate,
-.max .week-award .week-award-bg .other ul li .head img.nameplate {
-  width: 1.93333rem;
-}
-
-.max .week-award .week-award-bg .first ul li .head img.namemoney,
-.max .week-award .week-award-bg .second ul li .head img.namemoney,
-.max .week-award .week-award-bg .third ul li .head img.namemoney,
-.max .week-award .week-award-bg .other ul li .head img.namemoney {
-  width: 2.4rem;
-}
-
-.max .week-award .week-award-bg .first ul li .head span,
-.max .week-award .week-award-bg .second ul li .head span,
-.max .week-award .week-award-bg .third ul li .head span,
-.max .week-award .week-award-bg .other ul li .head span {
-  position: absolute;
-  width: 0.8rem;
-  height: 0.42667rem;
-}
-
-.max .week-award .week-award-bg .first ul li .head span img,
-.max .week-award .week-award-bg .second ul li .head span img,
-.max .week-award .week-award-bg .third ul li .head span img,
-.max .week-award .week-award-bg .other ul li .head span img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .week-award .week-award-bg .first ul li .gift-name,
-.max .week-award .week-award-bg .second ul li .gift-name,
-.max .week-award .week-award-bg .third ul li .gift-name,
-.max .week-award .week-award-bg .other ul li .gift-name {
-  font-size: 0.4rem;
-  color: #fff;
-  margin-top: 0.26667rem;
-}
diff --git a/view/molistar/modules/weekStar/css/detail.scss b/view/molistar/modules/weekStar/css/detail.scss
deleted file mode 100644
index 8094d0c..0000000
--- a/view/molistar/modules/weekStar/css/detail.scss
+++ /dev/null
@@ -1,178 +0,0 @@
-@function px2rem($px, $rem:75) {
-  @return $px / $rem+rem;
-}
-
-@import '../../../common/css/flex.scss';
-
-@font-face {
-  font-family: 'pingfang';
-  src: url('../fonts/PingFangSCRegular.ttf');
-  src: url('../fonts/PingFangSCRegular.ttf') format('woff'),
-    url('../fonts/PingFangSCRegular.ttf') format('truetype'),
-    url('../fonts/PingFangSCRegular.ttf') format('svg');
-}
-
-html,
-body {
-  background: url('../images/box.png');
-  background-size: 100%;
-  font-family: 'pingfang';
-}
-
-@mixin backgroundmy($img) {
-  background: url($img) no-repeat;
-  background-size: 100% 100%;
-}
-
-.max {
-  width: px2rem(750);
-  margin: 0 auto;
-  
-  .detail {
-    width: 100%;
-    padding-left: px2rem(70);
-    box-sizing: border-box;
-    margin-top: px2rem(123);
-
-
-    p {
-      font-size: px2rem(28);
-      color: #fff;
-    }
-
-    ul {
-      margin-top: px2rem(40);
-      padding-left: px2rem(30);
-
-      li {
-        list-style: disc;
-        color: #CCAAFF;
-        font-size: px2rem(28);
-        line-height: px2rem(38);
-      }
-    }
-  }
-
-  .man {
-    height: px2rem(1389);
-    width: px2rem(660);
-    border-radius: px2rem(20);
-    border: px2rem(6) solid #A964F5;
-    margin: px2rem(100) auto 0;
-    background: #370270;
-    position: relative;
-
-    .tit-bg {
-      width: px2rem(372);
-      height: px2rem(78);
-      @include backgroundmy('../images/charm.png');
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-      top: px2rem(-32);
-    }
-  }
-
-  .charm {
-    height: px2rem(1389);
-    width: px2rem(660);
-    border-radius: px2rem(20);
-    border: px2rem(6) solid #96C9FA;
-    margin: px2rem(100) auto;
-    background: #370270;
-    position: relative;
-
-    .tit-bg {
-      width: px2rem(372);
-      height: px2rem(78);
-      @include backgroundmy('../images/monay.png');
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-      top: px2rem(-32);
-    }
-  }
-
-  .week-award {
-    height: px2rem(1502);
-    width: 100%;
-    margin: px2rem(0) auto 0;
-    overflow: hidden;
-
-    .week-award-bg {
-      width: px2rem(630);
-      margin: px2rem(0) auto 0;
-
-      .first,
-      .second,
-      .third,
-      .other {
-
-        // margin-left: px2rem(20);
-        .tit {
-          padding-left: px2rem(20);
-          font-size: px2rem(24);
-          color: #fff;
-          padding-top: px2rem(50);
-        }
-
-        ul {
-          margin-top: px2rem(20);
-          display: flex;
-          justify-content: space-around;
-
-          li {
-            width: px2rem(200);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
-
-            .head {
-              position: relative;
-              width: px2rem(180);
-              height: px2rem(180);
-              border-radius: px2rem(10);
-              background: #5F358D;
-
-              img {
-                width: px2rem(160);
-                // height: px2rem(52);
-                position: absolute;
-                left: 50%;
-                top: 50%;
-                transform: translate(-50%, -50%);
-
-                // height: px2rem(180);
-                &.nameplate {
-                  width: px2rem(145);
-                }
-                &.namemoney{
-                  width: px2rem(180);
-                }
-              }
-
-              span {
-                position: absolute;
-                width: px2rem(60);
-                height: px2rem(32);
-
-                img {
-                  width: 100%;
-                  height: 100%;
-                }
-              }
-            }
-
-            .gift-name {
-              font-size: px2rem(30);
-              color: #fff;
-              margin-top: px2rem(20);
-            }
-          }
-        }
-      }
-    }
-  }
-
-}
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/css/index.css b/view/molistar/modules/weekStar/css/index.css
index 30a50b2..4bb546a 100644
--- a/view/molistar/modules/weekStar/css/index.css
+++ b/view/molistar/modules/weekStar/css/index.css
@@ -1,560 +1,891 @@
-@font-face {
-  font-family: 'pingfang';
-  src: url("../fonts/PingFangSCRegular.ttf");
-  src: url("../fonts/PingFangSCRegular.ttf") format("woff"), url("../fonts/PingFangSCRegular.ttf") format("truetype"), url("../fonts/PingFangSCRegular.ttf") format("svg");
-}
-
 html,
 body {
-  background: url("../images/box.png");
-  background-size: 100%;
-  font-family: 'pingfang';
-}
-
-.max {
-  width: 10rem;
-  margin: 0 auto;
-}
-
-.max .act-detail {
-  position: absolute;
-  top: 0.77333rem;
-  right: 0;
-  width: 2.05333rem;
-  height: 0.77333rem;
-  background: url("../images/act-detail.png") no-repeat;
-  background-size: 100% 100%;
-  z-index: 1111;
-}
-
-.max .weektop {
   width: 100%;
-  height: 11.2rem;
-  background: url("../images/topbg.png") no-repeat;
-  background-size: 100% 100%;
-  position: relative;
+  background: #00002A;
 }
 
-.max .weektop .tab-week {
+.back {
   width: 100%;
-  position: absolute;
-  top: 9.01333rem;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
   left: 0;
-  display: flex;
-  justify-content: center;
-}
-
-.max .weektop .tab-week .charm-rank,
-.max .weektop .tab-week .powerful {
-  width: 4.04rem;
-  height: 1.24rem;
-  background: url("../images/charm-rank.png") no-repeat;
-  background-size: 100% 100%;
-  transition: all .2s;
-}
-
-.max .weektop .tab-week .charm-rank.active,
-.max .weektop .tab-week .powerful.active {
-  transform: scale(1.107);
-}
-
-.max .weektop .tab-week .powerful {
-  background: url("../images/powerful.png") no-repeat;
-  background-size: 100% 100%;
-  margin-left: -0.21333rem;
-}
-
-.max .apple {
-  color: #fff;
-  width: 100%;
+  top: 0.86667rem;
   text-align: center;
-  line-height: 0.8rem;
-}
-
-.max .weekcenter {
-  width: 100%;
-  background: url("../images/box.png");
-  background-size: 100%;
-  padding-bottom: 2.66667rem;
-}
-
-.max .weekcenter .last-week {
-  height: 6.34667rem;
-  width: 9.6rem;
-  margin: 0 auto;
-  overflow: hidden;
-  background: url("../images/last-week.png") no-repeat;
-  background-size: 100% 100%;
-}
-
-.max .weekcenter .last-week ul {
-  margin-top: 1.57333rem;
-  display: flex;
-  justify-content: space-around;
-}
-
-.max .weekcenter .last-week ul li {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  position: relative;
-}
-
-.max .weekcenter .last-week ul li .headimg {
-  width: 2.50667rem;
-  height: 2.50667rem;
-  position: relative;
-  z-index: 22;
-}
-
-.max .weekcenter .last-week ul li .avatar {
-  position: absolute;
-  width: 1.81333rem;
-  height: 1.81333rem;
-  border-radius: 50%;
-  overflow: hidden;
-  top: 1.22667rem;
-  left: 0.34667rem;
-}
-
-.max .weekcenter .last-week ul li .last-week-gift {
-  width: 2.33333rem;
-  height: 0.90667rem;
-  background: url("../images/lsat-week-gift.png") no-repeat;
-  background-size: 100% 100%;
-  display: flex;
-  align-items: center;
-  color: #fff;
-  font-size: 0.32rem;
-}
-
-.max .weekcenter .last-week ul li .last-week-gift img {
-  width: 0.90667rem;
-  height: 0.90667rem;
-  border-radius: 50%;
-  overflow: hidden;
-}
-
-.max .weekcenter .last-week ul li .last-week-gift p {
-  width: 1.33333rem;
-  text-align: center;
-  margin-left: 0.08rem;
-}
-
-.max .weekcenter .last-week ul li .last-week-name {
-  font-size: 0.4rem;
-  text-align: center;
-  color: #fff;
-  margin-top: 0.18667rem;
-  width: 2.4rem;
-  overflow: hidden;
-  margin-top: -0.2rem;
-}
-
-.max .weekcenter .last-week ul li .last-week-name span {
-  display: block;
-}
-
-.max .weekcenter .last-week ul li .last-week-name span.wordsLoop {
-  white-space: nowrap;
-  animation: 5s wordsLoop linear infinite normal;
-}
-
-@keyframes wordsLoop {
-  0% {
-    transform: translateX(2.66667rem);
-    -webkit-transform: translateX(2.66667rem);
-  }
-  100% {
-    transform: translateX(-100%);
-    -webkit-transform: translateX(-100%);
-  }
-}
-
-.max .weekcenter .now-week-time {
-  width: 7.2rem;
-  height: 2.6rem;
-  margin: 0.85333rem auto 0;
-  background: url("../images/now-week-time.png") no-repeat;
-  background-size: 100% 100%;
-  padding-top: 1px;
-}
-
-.max .weekcenter .now-week-time.activ {
-  background: url("../images/money-top.png") no-repeat;
-  background-size: 100% 100%;
-}
-
-.max .weekcenter .now-week-time p {
-  text-align: center;
-  margin-top: 1.48rem;
-  color: #D8A1FF;
-  font-size: 0.34667rem;
-}
-
-.max .weekcenter .now-week-time p span {
-  font-size: 0.42667rem;
-  color: #fff;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
   font-weight: bold;
+  z-index: 10;
 }
 
-.max .weekcenter .now-week-three {
-  width: 9.2rem;
-  height: 5.66667rem;
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 14.4rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden;
   margin: 0 auto;
-  background: url("../images/now-week-three-bg.png") no-repeat;
+}
+
+.header .rule_icon {
+  width: 1.65333rem;
+  height: 0.69333rem;
+  line-height: 0.69333rem;
+  text-align: center;
+  color: #FFEFC3;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  position: absolute;
+  right: 0;
+  top: 5.14667rem;
+  background: url(../images/rule_icon.png) no-repeat;
   background-size: 100% 100%;
-  padding-top: 1px;
+  text-indent: 6px;
 }
 
-.max .weekcenter .now-week-three .now-week-three-tab {
-  margin: -0.6rem auto 0;
-  width: 92%;
-  height: 1.2rem;
-  display: flex;
-  justify-content: space-around;
+.header .timeBox {
+  width: 78%;
+  height: 1.62667rem;
+  box-sizing: border-box;
+  padding: 0 0.66667rem;
+  margin: 11.06667rem auto 0;
 }
 
-.max .weekcenter .now-week-three .now-week-three-tab p {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.66667rem;
-  height: 1.17333rem;
-  background: url("../images/now-week-tab-bg.png") no-repeat;
+.header .timeBox div {
+  float: left;
+  width: 1.62667rem;
+  height: 1.62667rem;
+  background: url(../images/tomeBg.png) no-repeat;
   background-size: 100% 100%;
+  position: relative;
+  text-align: center;
+  line-height: 1.62667rem;
 }
 
-.max .weekcenter .now-week-three .now-week-three-tab p.active {
-  background: url("../images/now-week-tab-bg-act.png") no-repeat;
-  background-size: 100% 100%;
+.header .timeBox div b {
+  color: #FFEFC3;
+  font-size: 0.58667rem;
+  font-weight: 600;
+  font-family: PingFang SC;
 }
 
-.max .weekcenter .now-week-three .now-week-three-tab p img {
-  width: 0.72rem;
-  height: 0.72rem;
-}
-
-.max .weekcenter .now-week-three .now-week-three-tab p span {
-  color: #fff;
-  font-size: 0.34667rem;
-  margin-left: 0.13333rem;
-}
-
-.max .weekcenter .now-week-three .now-week-threetop ul {
+.header .timeBox div span {
   width: 100%;
-  height: 100px;
-  position: relative;
-}
-
-.max .weekcenter .now-week-three .now-week-threetop ul li {
-  width: 2.66667rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.max .weekcenter .now-week-three .now-week-threetop ul li .picture-frame img {
-  width: 2.77333rem;
-  height: 2.77333rem;
-  position: relative;
-  z-index: 8;
-}
-
-.max .weekcenter .now-week-three .now-week-threetop ul li .picture {
   position: absolute;
-  width: 2rem;
-  height: 2rem;
+  left: 0;
+  bottom: -1.13333rem;
+  text-align: center;
+  color: #FFEFC3;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  font-family: PingFang SC;
+}
+
+.header .timeBox .day {
+  margin-right: 0.78667rem;
+}
+
+.header .timeBox .colon {
+  width: 0.21333rem;
+  height: 0.53333rem;
+  background: url(../images/colon.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 0.22667rem;
+  margin-top: 0.54667rem;
+}
+
+.header .timeText {
+  width: 100%;
+  color: #FFEFC3;
+  margin: 0 auto 0;
+  text-align: center;
+  font-size: 0.29333rem;
+  opacity: .8;
+  margin-top: 0.84rem;
+}
+
+.lastTop {
+  width: 10rem;
+  height: 8rem;
+  background: url(../images/lastTopBox.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0.29333rem auto 0.94667rem;
+  box-sizing: border-box;
+  padding-top: 2.1rem;
+}
+
+.lastTop .title {
+  width: 7.6rem;
+  height: 1.86667rem;
+  line-height: 2.13333rem;
+  text-align: center;
+  color: #FFEFC3;
+  font-size: 0.37333rem;
+  font-weight: 600;
+  position: absolute;
+  top: -0.93333rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background: url(../images/titleLast.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.lastTop .topBox {
+  width: 89%;
+  height: 4.64rem;
+  margin: 0rem auto 0;
+  position: relative;
+}
+
+.lastTop .topBox .top {
+  width: 3.2rem;
+  height: 4.64rem;
+  position: absolute;
+  top: 0;
+}
+
+.lastTop .topBox .top .ts {
+  width: 2.13333rem;
+  height: 2.13333rem;
+  position: absolute;
+  top: 0.85333rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+
+.lastTop .topBox .top .tx {
+  width: 1.57333rem;
+  height: 1.6rem;
+  position: absolute;
+  top: 1.12rem;
+  left: 50%;
+  transform: translateX(-50%);
   border-radius: 50%;
-  background: #9F81E5;
-  top: 0.37333rem;
-  left: 0.34667rem;
 }
 
-.max .weekcenter .now-week-three .now-week-threetop ul li:nth-child(1) {
+.lastTop .topBox .top .score {
+  height: 0.42667rem;
+  border-radius: 0.42667rem;
+  text-align: left;
+  background: rgba(0, 0, 0, 0.3);
   position: absolute;
-  top: 0.24rem;
+  top: 2.94667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 0 0.13333rem 0 0;
+  white-space: nowrap;
+}
+
+.lastTop .topBox .top .score img {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.lastTop .topBox .top .score b {
+  display: inline-block;
+  vertical-align: middle;
+  color: #FFFFFF;
+  font-size: 0.29333rem;
+  font-weight: 400;
+}
+
+.lastTop .topBox .top .name {
+  width: 100%;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  position: absolute;
+  top: 3.50667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.lastTop .topBox .top .id {
+  width: 100%;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  top: 3.93333rem;
   left: 50%;
   transform: translateX(-50%);
 }
 
-.max .weekcenter .now-week-three .now-week-threetop ul li:nth-child(1) .picture-frame img {
-  width: 3.10667rem;
-  height: 3.10667rem;
+.lastTop .topBox .top1 {
+  background: url(../images/lastTop1.png) no-repeat;
+  background-size: 100% 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -1.14667rem;
 }
 
-.max .weekcenter .now-week-three .now-week-threetop ul li:nth-child(1) .picture {
-  width: 2.24rem;
-  height: 2.24rem;
-  top: 0.42667rem;
-  left: 0.21333rem;
+.lastTop .topBox .top2 {
+  background: url(../images/lastTop2.png) no-repeat;
+  background-size: 100% 100%;
+  left: 0;
 }
 
-.max .weekcenter .now-week-three .now-week-threetop ul li:nth-child(2) {
-  position: absolute;
-  top: 0.86667rem;
-  left: 0.4rem;
+.lastTop .topBox .top3 {
+  background: url(../images/lastTop3.png) no-repeat;
+  background-size: 100% 100%;
+  right: 0;
 }
 
-.max .weekcenter .now-week-three .now-week-threetop ul li:nth-child(3) {
-  position: absolute;
-  top: 0.86667rem;
-  right: 0.4rem;
-}
-
-.max .weekcenter .now-week-three .now-week-threetop ul li .nick {
-  font-size: 0.34667rem;
-  margin: -0.13333rem 0 0.14667rem;
-  color: #fff;
-}
-
-.max .weekcenter .now-week-three .now-week-threetop ul li .charm-num {
-  color: #CE49EF;
-  font-size: 0.32rem;
-}
-
-.max .weekcenter .now-week-other {
-  background: #6738D7;
-  width: 9.06667rem;
-  padding-bottom: 0.13333rem;
-  margin: 0 auto;
-  border-bottom-left-radius: 0.34667rem;
-  border-bottom-right-radius: 0.34667rem;
-}
-
-.max .weekcenter .now-week-other ul {
-  width: 8.8rem;
-  background: #fff;
-  height: 100%;
-  margin: 0 auto;
-  border-bottom-left-radius: 0.26667rem;
-  border-bottom-right-radius: 0.26667rem;
-}
-
-.max .weekcenter .now-week-other ul li {
-  width: 8.53333rem;
-  margin: 0 auto;
+.weeekListTop {
+  width: 10rem;
+  height: 12.66667rem;
+  margin: 0 auto 0;
+  background: url(../images/top.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
   box-sizing: border-box;
-  height: 1.86667rem;
-  border-bottom: 1px solid rgba(99, 54, 209, 0.1);
-  display: flex;
-  align-items: center;
+  padding-top: 1.32rem;
 }
 
-.max .weekcenter .now-week-other ul li .rank-index {
-  font-size: 0.4rem;
-  color: #A37BFF;
-  margin-left: 0.13333rem;
-  width: 0.48rem;
+.weeekListTop .title {
+  width: 7.6rem;
+  height: 1.86667rem;
+  line-height: 2.13333rem;
+  text-align: center;
+  color: #FFEFC3;
+  font-size: 0.37333rem;
+  font-weight: 600;
+  background: url(../images/titleLast.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.93333rem;
+}
+
+.weeekListTop .text {
+  width: 66%;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin: 0rem auto 0.44rem;
+  display: flex;
+  justify-content: space-between;
   text-align: center;
 }
 
-.max .weekcenter .now-week-other ul li img {
-  width: 1.33333rem;
-  height: 1.33333rem;
-  border-radius: 50%;
-  margin-left: 0.53333rem;
-  margin-right: 0.26667rem;
+.weeekListTop .text img {
+  width: 2.10667rem;
+  height: 0.48rem;
+  display: inline-block;
 }
 
-.max .weekcenter .now-week-other ul li .user-detail {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 3.46667rem;
-}
-
-.max .weekcenter .now-week-other ul li .user-detail span:first-child {
+.weeekListTop .text b {
+  color: #FFEFC3;
   font-size: 0.37333rem;
-  color: #370270;
+  font-weight: 500;
 }
 
-.max .weekcenter .now-week-other ul li .user-detail span:last-child {
-  font-size: 0.32rem;
-  color: #B48EFF;
-  margin-top: 0.13333rem;
-}
-
-.max .weekcenter .now-week-other ul li .charm-num {
-  font-size: 0.4rem;
-  color: #D557C7;
-  text-align: right;
-  min-width: 2rem;
-}
-
-.max .week-award {
-  height: 20.02667rem;
-  width: 9.4rem;
-  background: url("../images/week-award.png") no-repeat;
-  background-size: 100% 100%;
-  margin: 0.88rem auto 0;
-  overflow: hidden;
-}
-
-.max .week-award.bule {
-  background: url("../images/week-l.png") no-repeat;
-  background-size: 100% 100%;
-}
-
-.max .week-award .week-award-bg {
-  width: 8.4rem;
-  margin: 1.6rem auto 0;
-}
-
-.max .week-award .week-award-bg .first .tit,
-.max .week-award .week-award-bg .second .tit,
-.max .week-award .week-award-bg .third .tit,
-.max .week-award .week-award-bg .other .tit {
-  padding-left: 0.26667rem;
-  font-size: 0.32rem;
-  color: #370270;
-  padding-top: 0.66667rem;
-}
-
-.max .week-award .week-award-bg .first ul,
-.max .week-award .week-award-bg .second ul,
-.max .week-award .week-award-bg .third ul,
-.max .week-award .week-award-bg .other ul {
-  margin-top: 0.26667rem;
+.weeekListTop .weekStarGift {
+  width: 80%;
+  height: 2.26667rem;
   display: flex;
-  justify-content: space-around;
+  justify-content: space-between;
+  margin: 0 auto 2.26667rem;
 }
 
-.max .week-award .week-award-bg .first ul li,
-.max .week-award .week-award-bg .second ul li,
-.max .week-award .week-award-bg .third ul li,
-.max .week-award .week-award-bg .other ul li {
-  width: 2.66667rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.max .week-award .week-award-bg .first ul li .head,
-.max .week-award .week-award-bg .second ul li .head,
-.max .week-award .week-award-bg .third ul li .head,
-.max .week-award .week-award-bg .other ul li .head {
+.weeekListTop .weekStarGift div {
   position: relative;
-  width: 2.4rem;
-  height: 2.4rem;
-  border-radius: 0.13333rem;
-  background: #E0E0E0;
+  width: 2.26667rem;
+  height: 2.26667rem;
+  background: url(../images/giftBox.png) no-repeat;
+  background-size: 100% 100%;
 }
 
-.max .week-award .week-award-bg .first ul li .head img,
-.max .week-award .week-award-bg .second ul li .head img,
-.max .week-award .week-award-bg .third ul li .head img,
-.max .week-award .week-award-bg .other ul li .head img {
-  width: 2.13333rem;
+.weeekListTop .weekStarGift div img {
+  width: 1.6rem;
+  height: 1.6rem;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }
 
-.max .week-award .week-award-bg .first ul li .head img.nameplate,
-.max .week-award .week-award-bg .second ul li .head img.nameplate,
-.max .week-award .week-award-bg .third ul li .head img.nameplate,
-.max .week-award .week-award-bg .other ul li .head img.nameplate {
-  width: 1.93333rem;
-}
-
-.max .week-award .week-award-bg .first ul li .head img.namemoney,
-.max .week-award .week-award-bg .second ul li .head img.namemoney,
-.max .week-award .week-award-bg .third ul li .head img.namemoney,
-.max .week-award .week-award-bg .other ul li .head img.namemoney {
-  width: 2.4rem;
-}
-
-.max .week-award .week-award-bg .first ul li .head span,
-.max .week-award .week-award-bg .second ul li .head span,
-.max .week-award .week-award-bg .third ul li .head span,
-.max .week-award .week-award-bg .other ul li .head span {
+.weeekListTop .weekStarGift div span {
+  width: 100%;
+  text-align: center;
+  color: #FFF0C7;
+  font-size: 0.34667rem;
+  font-weight: 400;
   position: absolute;
-  width: 0.8rem;
-  height: 0.42667rem;
-}
-
-.max .week-award .week-award-bg .first ul li .head span img,
-.max .week-award .week-award-bg .second ul li .head span img,
-.max .week-award .week-award-bg .third ul li .head span img,
-.max .week-award .week-award-bg .other ul li .head span img {
-  width: 100%;
-  height: 100%;
-}
-
-.max .week-award .week-award-bg .first ul li .gift-name,
-.max .week-award .week-award-bg .second ul li .gift-name,
-.max .week-award .week-award-bg .third ul li .gift-name,
-.max .week-award .week-award-bg .other ul li .gift-name {
-  font-size: 0.4rem;
-  color: #370270;
-  margin-top: 0.26667rem;
-}
-
-.max .mine {
-  z-index: 999;
-  width: 100%;
-  position: fixed;
-  bottom: 0;
-  height: 1.86667rem;
-  background: #884CD9;
   left: 0;
-  display: flex;
-  align-items: center;
+  bottom: -0.53333rem;
 }
 
-.max .mine .ranking {
-  margin-left: 0.54667rem;
-  font-size: 0.32rem;
-  color: #fff;
+.weeekListTop .thisTop {
+  width: 10rem;
+  height: 8rem;
+  position: relative;
+  margin: 0.29333rem auto 0.94667rem;
+  box-sizing: border-box;
 }
 
-.max .mine img {
-  width: 1.33333rem;
-  height: 1.33333rem;
-  background: #fff;
+.weeekListTop .thisTop .topBox {
+  width: 89%;
+  height: 4.64rem;
+  margin: 0rem auto 0;
+  position: relative;
+}
+
+.weeekListTop .thisTop .topBox .top {
+  width: 3.2rem;
+  height: 4.64rem;
+  position: absolute;
+  top: 0;
+}
+
+.weeekListTop .thisTop .topBox .top .ts {
+  width: 2.13333rem;
+  height: 2.13333rem;
+  position: absolute;
+  top: 0.85333rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+
+.weeekListTop .thisTop .topBox .top .tx {
+  width: 1.57333rem;
+  height: 1.6rem;
+  position: absolute;
+  top: 1.12rem;
+  left: 50%;
+  transform: translateX(-50%);
   border-radius: 50%;
-  margin-left: 0.53333rem;
 }
 
-.max .mine .mine-detail {
+.weeekListTop .thisTop .topBox .top .score {
+  height: 0.42667rem;
+  border-radius: 0.42667rem;
+  text-align: left;
+  padding: 0 0.13333rem 0 0;
+  background: rgba(0, 0, 0, 0.3);
+  position: absolute;
+  top: 2.94667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.weeekListTop .thisTop .topBox .top .score img {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.weeekListTop .thisTop .topBox .top .score b {
+  display: inline-block;
+  vertical-align: middle;
+  color: #FFFFFF;
+  font-size: 0.29333rem;
+  font-weight: 400;
+}
+
+.weeekListTop .thisTop .topBox .top .name {
+  width: 80%;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  position: absolute;
+  top: 3.50667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.weeekListTop .thisTop .topBox .top .id {
+  width: 100%;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  position: absolute;
+  top: 3.93333rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.weeekListTop .thisTop .topBox .top1 {
+  background: url(../images/lastTop1.png) no-repeat;
+  background-size: 100% 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -1.14667rem;
+}
+
+.weeekListTop .thisTop .topBox .top2 {
+  background: url(../images/lastTop2.png) no-repeat;
+  background-size: 100% 100%;
+  left: 0;
+}
+
+.weeekListTop .thisTop .topBox .top3 {
+  background: url(../images/lastTop3.png) no-repeat;
+  background-size: 100% 100%;
+  right: 0;
+}
+
+.list {
+  width: 10rem;
+  background: url(../images/middle.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -1rem auto 0;
+  position: relative;
+}
+
+.list ul {
+  width: 8.93333rem;
+  margin: 0 auto 0;
+}
+
+.list ul li {
+  width: 100%;
+  height: 2rem;
+  background: url(../images/liBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0 0.72rem;
+  margin-bottom: 0.26667rem;
+}
+
+.list ul li:last-child {
+  margin-bottom: 0;
+}
+
+.list ul li .num {
+  width: 0.8rem;
   height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin-left: 0.66667rem;
+  line-height: 2rem;
+  margin: 0 0.18667rem 0 0;
+  float: left;
+  color: #FFEFC3;
+  font-size: 0.42667rem;
+  font-weight: 600;
 }
 
-.max .mine .mine-detail .mine-d {
-  font-size: 0.4rem;
-  color: #fff;
+.list ul li .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 1px solid #FFD976;
+  float: left;
+  margin-top: 0.46667rem;
+  margin-right: 0.24rem;
 }
 
-.max .mine .mine-detail .mine-d .value {
-  margin-left: 0.54667rem;
+.list ul li .user {
+  float: left;
+  width: 3rem;
 }
 
-.max .mine .mine-detail .distance {
-  margin-top: 0.16rem;
-  color: #B48EFF;
+.list ul li .user p {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-top: 0.64rem;
+  margin-bottom: 0.22667rem;
+  color: #FFEFC3;
+  font-size: 0.34667rem;
+  font-weight: 500;
+}
+
+.list ul li .user b {
+  color: #FFEFC3;
+  font-size: 0.29333rem;
+  opacity: .6;
+}
+
+.list ul li .score {
+  height: 0.42667rem;
+  border-radius: 0.42667rem;
+  text-align: left;
+  padding: 0 0.13333rem 0 0;
+  border-radius: 0.42667rem;
+  background: rgba(255, 255, 255, 0.1);
+  margin-top: 0.78667rem;
+  float: right;
+  white-space: nowrap;
+}
+
+.list ul li .score img {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  border-radius: 50%;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.list ul li .score b {
+  color: #FFFFFF;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.list .more {
+  width: 1.97333rem;
+  height: 0.61333rem;
+  line-height: 0.61333rem;
+  margin: 0.26667rem auto 0;
+  text-align: center;
+  color: #FFF0C7;
   font-size: 0.32rem;
+  background: url(../images/more.png) no-repeat;
+  background-size: 100% 100%;
 }
 
-.head .animation-2 {
-  width: 2.4rem;
-  height: 2.4rem;
-  background: url("../gift/charm-champion.png") no-repeat;
-  background-size: 105.98667rem;
+.bottom {
+  width: 10rem;
+  height: 2rem;
+  background: url(../images/bottom.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 2.2rem;
+  overflow: hidden;
 }
 
-@keyframes test_anim {
-  0% {
-    background-position: 0 0;
-  }
-  100% {
-    background-position: -55.2rem 0;
-  }
+.bottom p {
+  width: 100%;
+  text-align: center;
+  color: #FFEFC3;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  margin-top: 0.42667rem;
+}
+
+.my {
+  width: 10rem;
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: -0.26667rem;
+  z-index: 10;
+  box-sizing: border-box;
+}
+
+.my .myInfo {
+  width: 100%;
+  height: 2rem;
+  background: url(../images/myBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0 0.41333rem;
+  margin-bottom: 0.26667rem;
+}
+
+.my .myInfo .num {
+  width: 0.8rem;
+  height: 100%;
+  line-height: 2rem;
+  margin: 0 0.18667rem 0 0;
+  float: left;
+  color: #FFEFC3;
+  font-size: 0.42667rem;
+  font-weight: 600;
+}
+
+.my .myInfo .tx {
+  width: 1.06667rem;
+  height: 1.06667rem;
+  border-radius: 50%;
+  box-sizing: border-box;
+  border: 1px solid #FFD976;
+  float: left;
+  margin-top: 0.46667rem;
+  margin-right: 0.24rem;
+}
+
+.my .myInfo .user {
+  float: left;
+  width: 3rem;
+}
+
+.my .myInfo .user p {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-top: 0.64rem;
+  margin-bottom: 0.22667rem;
+  color: #FFEFC3;
+  font-size: 0.34667rem;
+  font-weight: 500;
+}
+
+.my .myInfo .user b {
+  color: #FFEFC3;
+  font-size: 0.29333rem;
+  opacity: .6;
+}
+
+.my .myInfo .score {
+  height: 0.42667rem;
+  border-radius: 0.42667rem;
+  text-align: left;
+  padding: 0 0.13333rem 0 0;
+  background: rgba(255, 255, 255, 0.1);
+  margin-top: 0.78667rem;
+  float: right;
+  white-space: nowrap;
+}
+
+.my .myInfo .score img {
+  width: 0.42667rem;
+  height: 0.42667rem;
+  border-radius: 50%;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.my .myInfo .score b {
+  color: #FFFFFF;
+  font-size: 0.29333rem;
+  font-weight: 400;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.pub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.5);
+  display: none;
+}
+
+.pub .pub_in {
+  width: 9.6rem;
+  height: 10.90667rem;
+  background: url(../images/ruleBg.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.pub .pub_in .title {
+  width: 7.6rem;
+  height: 1.86667rem;
+  line-height: 2.13333rem;
+  text-align: center;
+  color: #FFEFC3;
+  font-size: 0.37333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -0.93333rem;
+  background: url(../images/rule_title.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.pub .pub_in .rule_close {
+  width: 0.88rem;
+  height: 0.88rem;
+  position: absolute;
+  right: 0.16rem;
+  top: -0.90667rem;
+}
+
+.pub .pub_in .box {
+  width: 8rem;
+  height: 8rem;
+  position: absolute;
+  top: 1.53333rem;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow-y: scroll;
+}
+
+.pub .pub_in .box::-webkit-scrollbar {
+  display: none;
+}
+
+.pub .pub_in .box .centent {
+  width: 100%;
+  height: 33.89333rem;
+  background: url(../images/rule.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.pub .pub_in .box .centent .xz {
+  width: 1.9rem;
+  height: 1.9rem;
+  position: absolute;
+  right: 0.36rem;
+  overflow: hidden;
+}
+
+.pub .pub_in .box .centent .xz canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.pub .pub_in .box .centent .xz1 {
+  top: 6.9rem;
+}
+
+.pub .pub_in .box .centent .xz2 {
+  top: 17.5rem;
+}
+
+.pub .pub_in .box .centent .ts {
+  width: 1.9rem;
+  height: 1.9rem;
+  position: absolute;
+  right: 0.36rem;
+  overflow: hidden;
+}
+
+.pub .pub_in .box .centent .ts canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.pub .pub_in .box .centent .ts1 {
+  top: 10.05rem;
+}
+
+.pub .pub_in .box .centent .ts2 {
+  top: 20.5rem;
+}
+
+.pub .pub_in .box .centent .ts3 {
+  top: 29.7rem;
+}
+
+.pub .pub_in .box .centent .zj {
+  width: 4.55rem;
+  height: 7.5rem;
+  position: absolute;
+  left: 0.35rem;
+  overflow: hidden;
+}
+
+.pub .pub_in .box .centent .zj canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.pub .pub_in .box .centent .lsls {
+  top: 4.1rem;
+}
+
+.pub .pub_in .box .centent .kt {
+  top: 13.4rem;
+}
+
+.pub .pub_in .box .centent .kt2 {
+  top: 23.5rem;
+}
+
+.pub .pub_in .box .rule_pub_title {
+  width: 7.62667rem;
+  margin: 0.36rem auto 0.33333rem;
+  color: #FFF0C7;
+  font-size: 0.4rem;
+  font-weight: 400;
+}
+
+.pub .pub_in .box p {
+  width: 7.62667rem;
+  margin: 0 auto 0;
+  color: #FFF0C7;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  opacity: .5;
+  line-height: 0.55rem;
+}
+
+.arabic .back img {
+  left: auto;
+  right: 0.24rem;
+  transform: rotate(180deg);
+}
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .header .rule_icon {
+  text-indent: -6px;
+}
+
+.arabic .list ul li .num {
+  float: right;
+}
+
+.arabic .list ul li .tx {
+  float: right;
+  margin-right: 0;
+  margin-left: 0.24rem;
+}
+
+.arabic .list ul li .user {
+  float: right;
+}
+
+.arabic .list ul li .score {
+  float: left;
+}
+
+.arabic .my .myInfo .num {
+  float: right;
+}
+
+.arabic .my .myInfo .tx {
+  float: right;
+  margin-right: 0;
+  margin-left: 0.24rem;
+}
+
+.arabic .my .myInfo .user {
+  float: right;
+}
+
+.arabic .my .myInfo .score {
+  float: left;
+}
+
+.arabic .pub .pub_in .box .centent {
+  background: url(../images/rule-ar.png) no-repeat;
+  background-size: 100% 100%;
 }
diff --git a/view/molistar/modules/weekStar/css/index.scss b/view/molistar/modules/weekStar/css/index.scss
index 5b0d679..b69de98 100644
--- a/view/molistar/modules/weekStar/css/index.scss
+++ b/view/molistar/modules/weekStar/css/index.scss
@@ -1,609 +1,908 @@
-@function px2rem($px, $rem:75) {
-  @return $px / $rem+rem;
-}
-
-@import '../../../common/css/flex.scss';
-
-@font-face {
-  font-family: 'pingfang';
-  src: url('../fonts/PingFangSCRegular.ttf');
-  src: url('../fonts/PingFangSCRegular.ttf') format('woff'),
-    url('../fonts/PingFangSCRegular.ttf') format('truetype'),
-    url('../fonts/PingFangSCRegular.ttf') format('svg');
+@function px2rem($px) {
+    @return $px / 75+rem;
 }
 
 html,
 body {
-  background: url('../images/box.png');
-  background-size: 100%;
-  font-family: 'pingfang';
-}
-
-@mixin backgroundmy($img) {
-  background: url($img) no-repeat;
-  background-size: 100% 100%;
-}
-
-.max {
-  width: px2rem(750);
-  margin: 0 auto;
-
-  .act-detail {
-    position: absolute;
-    top: px2rem(58);
-    right: 0;
-    width: px2rem(154);
-    height: px2rem(58);
-    @include backgroundmy('../images/act-detail.png');
-    z-index: 1111;
-  }
-
-  .weektop {
     width: 100%;
-    height: px2rem(840);
-    background: url('../images/topbg.png') no-repeat;
+    background: #00002A;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(65);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(1080);
+    background: url(../images/header.png) no-repeat;
     background-size: 100% 100%;
     position: relative;
+    overflow: hidden;
+    margin: 0 auto;
 
-    .tab-week {
-      width: 100%;
-      position: absolute;
-      top: px2rem(676);
-      left: 0;
-      display: flex;
-      justify-content: center;
-
-      .charm-rank,
-      .powerful {
-        width: px2rem(303);
-        height: px2rem(93);
-        background: url('../images/charm-rank.png') no-repeat;
+    .rule_icon {
+        width: px2rem(124);
+        height: px2rem(52);
+        line-height: px2rem(52);
+        text-align: center;
+        color: #FFEFC3;
+        font-size: px2rem(28);
+        font-weight: 500;
+        position: absolute;
+        right: 0;
+        top: px2rem(386);
+        background: url(../images/rule_icon.png) no-repeat;
         background-size: 100% 100%;
-        transition: all .2s;
-
-        &.active {
-          transform: scale(1.107);
-        }
-      }
-
-      .powerful {
-        background: url('../images/powerful.png') no-repeat;
-        background-size: 100% 100%;
-        margin-left: px2rem(-16);
-      }
-
+        text-indent: 6px;
     }
-  }
 
-  .apple {
-    color: #fff;
-    width: 100%;
-    text-align: center;
-    line-height: px2rem(60);
-  }
+    .timeBox {
+        width: 78%;
+        height: px2rem(122);
+        box-sizing: border-box;
+        padding: 0 px2rem(50);
+        margin: px2rem(830) auto 0;
 
-  .weekcenter {
-    width: 100%;
-    background: url('../images/box.png');
-    background-size: 100%;
-    // height: 1000px;
-    padding-bottom: px2rem(200);
-
-    .last-week {
-      height: px2rem(476);
-      width: px2rem(720);
-      margin: 0 auto;
-      overflow: hidden;
-      @include backgroundmy('../images/last-week.png');
-
-      ul {
-        // background: #000;
-        // width: 100%;
-        // height: 100%;
-        margin-top: px2rem(118);
-        display: flex;
-        justify-content: space-around;
-
-        li {
-          display: flex;
-          align-items: center;
-          flex-direction: column;
-          position: relative;
-
-          .headimg {
-            width: px2rem(188);
-            height: px2rem(188);
+        div {
+            float: left;
+            width: px2rem(122);
+            height: px2rem(122);
+            background: url(../images/tomeBg.png) no-repeat;
+            background-size: 100% 100%;
             position: relative;
-            z-index: 22;
-          }
+            text-align: center;
+            line-height: px2rem(122);
 
-          .avatar {
+            b {
+                color: #FFEFC3;
+                font-size: px2rem(44);
+                font-weight: 600;
+                font-family: PingFang SC;
+            }
+
+            span {
+                width: 100%;
+                position: absolute;
+                left: 0;
+                bottom: px2rem(-85);
+                text-align: center;
+                color: #FFEFC3;
+                font-size: px2rem(28);
+                font-weight: 400;
+                font-family: PingFang SC;
+            }
+        }
+
+        .day {
+            margin-right: px2rem(59);
+        }
+
+        .colon {
+            width: px2rem(16);
+            height: px2rem(40);
+            background: url(../images/colon.png) no-repeat;
+            background-size: 100% 100%;
+            margin: 0 px2rem(17);
+            margin-top: px2rem(41);
+        }
+    }
+
+    .timeText {
+        width: 100%;
+        color: #FFEFC3;
+        margin: 0 auto 0;
+        text-align: center;
+        font-size: px2rem(22);
+        opacity: .8;
+        margin-top: px2rem(63);
+    }
+}
+
+.lastTop {
+    width: px2rem(750);
+    height: px2rem(600);
+    background: url(../images/lastTopBox.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: px2rem(22) auto px2rem(71);
+    // overflow: hidden;
+    box-sizing: border-box;
+    padding-top: 2.1rem;
+
+    .title {
+        width: px2rem(570);
+        height: px2rem(140);
+        line-height: px2rem(160);
+        text-align: center;
+        color: #FFEFC3;
+        font-size: px2rem(28);
+        font-weight: 600;
+        position: absolute;
+        top: px2rem(-70);
+        left: 50%;
+        transform: translateX(-50%);
+        background: url(../images/titleLast.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .topBox {
+        width: 89%;
+        height: px2rem(348);
+        margin: px2rem(0) auto 0;
+        position: relative;
+
+        .top {
+            width: px2rem(240);
+            height: px2rem(348);
             position: absolute;
-            width: px2rem(136);
-            height: px2rem(136);
-            border-radius: 50%;
-            overflow: hidden;
-            top: px2rem(92);
-            left: px2rem(26);
-          }
+            top: 0;
 
-          .last-week-gift {
-            // margin-bottom: px2rem(17);
-            width: px2rem(175);
-            height: px2rem(68);
-            @include backgroundmy('../images/lsat-week-gift.png');
-            display: flex;
-            align-items: center;
-            color: #fff;
-            font-size: px2rem(24);
+            .ts {
+                width: px2rem(160);
+                height: px2rem(160);
+                position: absolute;
+                top: px2rem(64);
+                left: 50%;
+                transform: translateX(-50%);
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(118);
+                height: px2rem(120);
+                position: absolute;
+                top: px2rem(84);
+                left: 50%;
+                transform: translateX(-50%);
+                border-radius: 50%;
+            }
+
+            .score {
+                // width: px2rem(150);
+                height: px2rem(32);
+                border-radius: px2rem(32);
+                text-align: left;
+                background: rgba(0, 0, 0, .3);
+                position: absolute;
+                top: px2rem(221);
+                left: 50%;
+                transform: translateX(-50%);
+                padding: 0 px2rem(10) 0 0;
+                white-space: nowrap;
+
+                img {
+                    width: px2rem(32);
+                    height: px2rem(32);
+                    display: inline-block;
+                    vertical-align: middle;
+                }
+
+                b {
+                    display: inline-block;
+                    vertical-align: middle;
+                    color: #FFFFFF;
+                    font-size: px2rem(22);
+                    font-weight: 400;
+                }
+            }
+
+            .name {
+                width: 100%;
+                text-align: center;
+                color: #FFFFFF;
+                font-size: px2rem(26);
+                font-weight: 500;
+                position: absolute;
+                top: px2rem(263);
+                left: 50%;
+                transform: translateX(-50%);
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            .id {
+                width: 100%;
+                text-align: center;
+                color: #FFFFFF;
+                font-size: px2rem(22);
+                font-weight: 400;
+                position: absolute;
+                top: px2rem(295);
+                left: 50%;
+                transform: translateX(-50%);
+            }
+        }
+
+        .top1 {
+            background: url(../images/lastTop1.png) no-repeat;
+            background-size: 100% 100%;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(-86);
+        }
+
+        .top2 {
+            background: url(../images/lastTop2.png) no-repeat;
+            background-size: 100% 100%;
+            left: 0;
+        }
+
+        .top3 {
+            background: url(../images/lastTop3.png) no-repeat;
+            background-size: 100% 100%;
+            right: 0;
+        }
+    }
+}
+
+.weeekListTop {
+    width: px2rem(750);
+    height: px2rem(950);
+    margin: 0 auto 0;
+    background: url(../images/top.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    // overflow: hidden;
+    box-sizing: border-box;
+    padding-top: px2rem(99);
+
+    .title {
+        width: px2rem(570);
+        height: px2rem(140);
+        line-height: px2rem(160);
+        text-align: center;
+        color: #FFEFC3;
+        font-size: px2rem(28);
+        font-weight: 600;
+        background: url(../images/titleLast.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(-70);
+    }
+
+    .text {
+        width: 66%;
+        height: px2rem(36);
+        line-height: px2rem(36);
+        margin: px2rem(0) auto px2rem(33);
+        display: flex;
+        justify-content: space-between;
+        text-align: center;
+
+        img {
+            width: px2rem(158);
+            height: px2rem(36);
+            display: inline-block;
+        }
+
+        b {
+            color: #FFEFC3;
+            font-size: px2rem(28);
+            font-weight: 500;
+        }
+    }
+
+    .weekStarGift {
+        width: 80%;
+        height: px2rem(170);
+        display: flex;
+        justify-content: space-between;
+        margin: 0 auto px2rem(170);
+
+        div {
+            position: relative;
+            width: px2rem(170);
+            height: px2rem(170);
+            background: url(../images/giftBox.png) no-repeat;
+            background-size: 100% 100%;
 
             img {
-              width: px2rem(68);
-              height: px2rem(68);
-              border-radius: 50%;
-              overflow: hidden;
-            }
-
-            p {
-              width: px2rem(100);
-              text-align: center;
-              margin-left: px2rem(6);
-            }
-          }
-
-          .last-week-name {
-            font-size: px2rem(30);
-            text-align: center;
-            color: #fff;
-            margin-top: px2rem(14);
-            width: px2rem(180);
-            overflow: hidden;
-            margin-top: px2rem(-15);
-
-            span {
-              display: block;
-
-              &.wordsLoop {
-                white-space: nowrap;
-                animation: 5s wordsLoop linear infinite normal;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    @keyframes wordsLoop {
-      0% {
-        transform: translateX(px2rem(200));
-        -webkit-transform: translateX(px2rem(200));
-      }
-
-      100% {
-        transform: translateX(-100%);
-        -webkit-transform: translateX(-100%);
-      }
-    }
-
-    @-webkit-keyframes wordsLoop {
-      0% {
-        transform: translateX(px2rem(200));
-        -webkit-transform: translateX(px2rem(200));
-      }
-
-      100% {
-        transform: translateX(-100%);
-        -webkit-transform: translateX(-100%);
-      }
-    }
-
-    .now-week-time {
-      width: px2rem(540);
-      height: px2rem(195);
-      margin: px2rem(64) auto 0;
-      @include backgroundmy('../images/now-week-time.png');
-      padding-top: 1px;
-
-      &.activ {
-        @include backgroundmy('../images/money-top.png');
-      }
-
-      p {
-        text-align: center;
-        margin-top: px2rem(111);
-        color: #D8A1FF;
-
-        font-size: px2rem(26);
-
-        span {
-          font-size: px2rem(32);
-          color: #fff;
-          font-weight: bold;
-        }
-      }
-    }
-
-    .now-week-three {
-      width: px2rem(690);
-      height: px2rem(425);
-      margin: 0 auto;
-      @include backgroundmy('../images/now-week-three-bg.png');
-      padding-top: 1px;
-
-      .now-week-three-tab {
-        margin: px2rem(-45) auto 0;
-        width: 92%;
-        height: px2rem(90);
-        display: flex;
-        justify-content: space-around;
-
-        p {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          width: px2rem(200);
-          height: px2rem(88);
-          @include backgroundmy('../images/now-week-tab-bg.png');
-
-          &.active {
-            @include backgroundmy('../images/now-week-tab-bg-act.png');
-          }
-
-          img {
-            width: px2rem(54);
-            height: px2rem(54);
-          }
-
-          span {
-            color: #fff;
-            font-size: px2rem(26);
-            margin-left: px2rem(10);
-          }
-        }
-      }
-
-      .now-week-threetop {
-        ul {
-          width: 100%;
-          height: 100px;
-          position: relative;
-
-          // background: #000;
-          li {
-
-            width: px2rem(200);
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-
-            .picture-frame {
-              img {
-                width: px2rem(208);
-                height: px2rem(208);
-                position: relative;
-                z-index: 8;
-              }
-            }
-
-            .picture {
-              position: absolute;
-              width: px2rem(150);
-              height: px2rem(150);
-              border-radius: 50%;
-              background: #9F81E5;
-              top: px2rem(28);
-              left: px2rem(26);
-            }
-
-            &:nth-child(1) {
-              position: absolute;
-              top: px2rem(18);
-              left: 50%;
-              transform: translateX(-50%);
-
-              .picture-frame {
-                img {
-                  width: px2rem(233);
-                  height: px2rem(233);
-                }
-              }
-
-              .picture {
-                width: px2rem(168);
-                height: px2rem(168);
-                top: px2rem(32);
-                left: px2rem(16);
-              }
-            }
-
-            &:nth-child(2) {
-              position: absolute;
-              top: px2rem(65);
-              left: px2rem(30);
-            }
-
-            &:nth-child(3) {
-              position: absolute;
-              top: px2rem(65);
-              right: px2rem(30);
-            }
-
-
-
-
-
-            .nick {
-              font-size: px2rem(26);
-              margin: px2rem(-10) 0 px2rem(11);
-              color: #fff;
-            }
-
-            .charm-num {
-              color: #CE49EF;
-              font-size: px2rem(24);
-            }
-          }
-        }
-      }
-    }
-
-    .now-week-other {
-      background: #6738D7;
-      width: px2rem(680);
-      // height: 400px;
-      padding-bottom: px2rem(10);
-      margin: 0 auto;
-      border-bottom-left-radius: px2rem(26);
-      border-bottom-right-radius: px2rem(26);
-
-      ul {
-        width: px2rem(660);
-        background: #fff;
-        height: 100%;
-        margin: 0 auto;
-        // padding-bottom: px2rem(30);
-        border-bottom-left-radius: px2rem(20);
-        border-bottom-right-radius: px2rem(20);
-
-        li {
-          width: px2rem(640);
-          margin: 0 auto;
-          box-sizing: border-box;
-          height: px2rem(140);
-          border-bottom: 1px solid rgba(99, 54, 209, .1);
-          display: flex;
-          align-items: center;
-
-          .rank-index {
-            font-size: px2rem(30);
-            color: #A37BFF;
-            margin-left: px2rem(10);
-            width: px2rem(36);
-            text-align: center;
-          }
-
-          img {
-            width: px2rem(100);
-            height: px2rem(100);
-            border-radius: 50%;
-            margin-left: px2rem(40);
-            margin-right: px2rem(20);
-          }
-
-          .user-detail {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            width: px2rem(260);
-
-            span {
-              &:first-child {
-                font-size: px2rem(28);
-                color: #370270;
-              }
-
-              &:last-child {
-                font-size: px2rem(24);
-                color: #B48EFF;
-                margin-top: px2rem(10);
-              }
-            }
-          }
-
-          .charm-num {
-            font-size: px2rem(30);
-            color: #D557C7;
-            text-align: right;
-            min-width: px2rem(150);
-          }
-        }
-      }
-    }
-  }
-
-  .week-award {
-    height: px2rem(1502);
-    width: px2rem(705);
-    @include backgroundmy('../images/week-award.png');
-    margin: px2rem(66) auto 0;
-    overflow: hidden;
-
-    &.bule {
-      @include backgroundmy('../images/week-l.png');
-    }
-
-    .week-award-bg {
-      width: px2rem(630);
-      margin: px2rem(120) auto 0;
-
-
-      .first,
-      .second,
-      .third,
-      .other {
-
-        // margin-left: px2rem(20);
-        .tit {
-          padding-left: px2rem(20);
-          font-size: px2rem(24);
-          color: #370270;
-          padding-top: px2rem(50);
-        }
-
-        ul {
-          margin-top: px2rem(20);
-          display: flex;
-          justify-content: space-around;
-
-          li {
-            width: px2rem(200);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
-
-            .head {
-              position: relative;
-              width: px2rem(180);
-              height: px2rem(180);
-              border-radius: px2rem(10);
-              background: #E0E0E0;
-
-              img {
-                width: px2rem(160);
-                // height: px2rem(52);
+                width: px2rem(120);
+                height: px2rem(120);
                 position: absolute;
                 left: 50%;
                 top: 50%;
                 transform: translate(-50%, -50%);
+            }
 
-                // height: px2rem(180);
-                &.nameplate {
-                  width: px2rem(145);
-                }
-
-                &.namemoney {
-                  width: px2rem(180);
-                }
-              }
-
-              span {
+            span {
+                width: 100%;
+                text-align: center;
+                color: #FFF0C7;
+                font-size: px2rem(26);
+                font-weight: 400;
                 position: absolute;
+                left: 0;
+                bottom: px2rem(-40);
+            }
+        }
+    }
+
+    .thisTop {
+        width: px2rem(750);
+        height: px2rem(600);
+        position: relative;
+        margin: px2rem(22) auto px2rem(71);
+        // overflow: hidden;
+        box-sizing: border-box;
+
+        .topBox {
+            width: 89%;
+            height: px2rem(348);
+            margin: px2rem(0) auto 0;
+            position: relative;
+
+            .top {
+                width: px2rem(240);
+                height: px2rem(348);
+                position: absolute;
+                top: 0;
+
+                .ts {
+                    width: px2rem(160);
+                    height: px2rem(160);
+                    position: absolute;
+                    top: px2rem(64);
+                    left: 50%;
+                    transform: translateX(-50%);
+                    z-index: 2;
+                }
+
+                .tx {
+                    width: px2rem(118);
+                    height: px2rem(120);
+                    position: absolute;
+                    top: px2rem(84);
+                    left: 50%;
+                    transform: translateX(-50%);
+                    border-radius: 50%;
+                }
+
+                .score {
+                    // width: px2rem(150);
+                    height: px2rem(32);
+                    border-radius: px2rem(32);
+                    text-align: left;
+                    padding: 0 px2rem(10) 0 0;
+                    background: rgba(0, 0, 0, .3);
+                    position: absolute;
+                    top: px2rem(221);
+                    left: 50%;
+                    transform: translateX(-50%);
+                    white-space: nowrap;
+
+                    img {
+                        width: px2rem(32);
+                        height: px2rem(32);
+                        display: inline-block;
+                        vertical-align: middle;
+                    }
+
+                    b {
+                        display: inline-block;
+                        vertical-align: middle;
+                        color: #FFFFFF;
+                        font-size: px2rem(22);
+                        font-weight: 400;
+                    }
+                }
+
+                .name {
+                    width: 80%;
+                    text-align: center;
+                    color: #FFFFFF;
+                    font-size: px2rem(26);
+                    font-weight: 500;
+                    position: absolute;
+                    top: px2rem(263);
+                    left: 50%;
+                    transform: translateX(-50%);
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                .id {
+                    width: 100%;
+                    text-align: center;
+                    color: #FFFFFF;
+                    font-size: px2rem(22);
+                    font-weight: 400;
+                    position: absolute;
+                    top: px2rem(295);
+                    left: 50%;
+                    transform: translateX(-50%);
+                }
+            }
+
+            .top1 {
+                background: url(../images/lastTop1.png) no-repeat;
+                background-size: 100% 100%;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(-86);
+            }
+
+            .top2 {
+                background: url(../images/lastTop2.png) no-repeat;
+                background-size: 100% 100%;
+                left: 0;
+            }
+
+            .top3 {
+                background: url(../images/lastTop3.png) no-repeat;
+                background-size: 100% 100%;
+                right: 0;
+            }
+        }
+    }
+}
+
+.list {
+    width: px2rem(750);
+    background: url(../images/middle.png) no-repeat;
+    background-size: 100% 100%;
+    margin: -1rem auto 0;
+    position: relative;
+
+    ul {
+        width: px2rem(670);
+        margin: 0 auto 0;
+
+        li {
+            width: 100%;
+            height: px2rem(150);
+            background: url(../images/liBg.png) no-repeat;
+            background-size: 100% 100%;
+            overflow: hidden;
+            box-sizing: border-box;
+            padding: 0 px2rem(54);
+            margin-bottom: px2rem(20);
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+
+            .num {
                 width: px2rem(60);
+                height: 100%;
+                line-height: px2rem(150);
+                margin: 0 px2rem(14) 0 0;
+                float: left;
+                color: #FFEFC3;
+                font-size: px2rem(32);
+                font-weight: 600;
+            }
+
+            .tx {
+                width: px2rem(80);
+                height: px2rem(80);
+                border-radius: 50%;
+                box-sizing: border-box;
+                border: 1px solid #FFD976;
+                float: left;
+                margin-top: px2rem(35);
+                margin-right: px2rem(18);
+            }
+
+            .user {
+                float: left;
+                width: 3rem;
+
+                p {
+                    width: 100%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    margin-top: px2rem(48);
+                    margin-bottom: px2rem(17);
+                    color: #FFEFC3;
+                    font-size: px2rem(26);
+                    font-weight: 500;
+                }
+
+                b {
+                    color: #FFEFC3;
+                    font-size: px2rem(22);
+                    opacity: .6;
+                }
+            }
+
+            .score {
+                // width: px2rem(150);
                 height: px2rem(32);
+                border-radius: px2rem(32);
+                text-align: left;
+                padding: 0 px2rem(10) 0 0;
+                border-radius: px2rem(32);
+                background: rgba(255, 255, 255, .1);
+                margin-top: px2rem(59);
+                float: right;
+                white-space: nowrap;
 
                 img {
-                  width: 100%;
-                  height: 100%;
+                    width: px2rem(32);
+                    height: px2rem(32);
+                    border-radius: 50%;
+                    display: inline-block;
+                    vertical-align: middle;
+                }
+
+                b {
+                    color: #FFFFFF;
+                    font-size: px2rem(22);
+                    font-weight: 400;
+                    display: inline-block;
+                    vertical-align: middle;
                 }
-              }
             }
-
-            .gift-name {
-              font-size: px2rem(30);
-              color: #370270;
-              margin-top: px2rem(20);
-            }
-          }
         }
-      }
-    }
-  }
-
-  .mine {
-    z-index: 999;
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    height: px2rem(140);
-    background: #884CD9;
-    left: 0;
-    display: flex;
-    align-items: center;
-
-    .ranking {
-      margin-left: px2rem(41);
-      font-size: px2rem(24);
-      color: #fff;
-      // width: px2rem(60);
     }
 
-    img {
-      width: px2rem(100);
-      height: px2rem(100);
-      background: #fff;
-      border-radius: 50%;
-      margin-left: px2rem(40);
-    }
-
-    .mine-detail {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-left: px2rem(50);
-
-      .mine-d {
-        font-size: px2rem(30);
-        color: #fff;
-
-        .value {
-          margin-left: px2rem(41);
-        }
-      }
-
-      .distance {
-        margin-top: px2rem(12);
-        color: #B48EFF;
+    .more {
+        width: px2rem(148);
+        height: px2rem(46);
+        line-height: px2rem(46);
+        margin: 0.26667rem auto 0;
+        text-align: center;
+        color: #FFF0C7;
         font-size: px2rem(24);
-      }
+        background: url(../images/more.png) no-repeat;
+        background-size: 100% 100%;
     }
-  }
 }
 
-.head {
+.bottom {
+    width: px2rem(750);
+    height: px2rem(150);
+    background: url(../images/bottom.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto px2rem(165);
+    overflow: hidden;
 
-  // .yy {
-  //   width: px2rem(180);
-  //   // height: 100%;
-  //   height: px2rem(180);
-  //   // display: block;
-  //   background-image: url('../images/1.png');
-  //   background-repeat: no-repeat;
-  //   background-position: 0 0;
-  //   background-size: px2rem(4140);
-  //   -webkit-animation: test_anim 2.9s steps(23) infinite;
-  //   // -moz-animation: test_anim 2.9s steps(23) infinite;
-  //   // -o-animation: test_anim 2.9s steps(23) infinite;
-  //   animation: test_anim 2.9s steps(23) infinite;
-  // }
-  .animation-2 {
-    width: px2rem(180);
-    //   // height: 100%;
-    height: px2rem(180);
-    background: url('../gift/charm-champion.png') no-repeat;
-    // background-size: 100% 100%;
-    background-size: px2rem(7949);
-  }
+    p {
+        width: 100%;
+        text-align: center;
+        color: #FFEFC3;
+        font-size: px2rem(22);
+        font-weight: 400;
+        margin-top: px2rem(32);
+    }
 }
 
-@-webkit-keyframes test_anim {
-  0% {
-    background-position: 0 0;
-  }
+.my {
+    width: px2rem(750);
+    position: fixed;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: px2rem(-20);
+    z-index: 10;
+    box-sizing: border-box;
 
-  100% {
-    background-position: px2rem(-4140) 0;
-  }
+    .myInfo {
+        width: 100%;
+        height: px2rem(150);
+        background: url(../images/myBg.png) no-repeat;
+        background-size: 100% 100%;
+        overflow: hidden;
+        box-sizing: border-box;
+        padding: 0 px2rem(31);
+        margin-bottom: px2rem(20);
+
+        .num {
+            width: px2rem(60);
+            height: 100%;
+            line-height: px2rem(150);
+            margin: 0 px2rem(14) 0 0;
+            float: left;
+            color: #FFEFC3;
+            font-size: px2rem(32);
+            font-weight: 600;
+        }
+
+        .tx {
+            width: px2rem(80);
+            height: px2rem(80);
+            border-radius: 50%;
+            box-sizing: border-box;
+            border: 1px solid #FFD976;
+            float: left;
+            margin-top: px2rem(35);
+            margin-right: px2rem(18);
+        }
+
+        .user {
+            float: left;
+            width: 3rem;
+
+            p {
+                width: 100%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                margin-top: px2rem(48);
+                margin-bottom: px2rem(17);
+                color: #FFEFC3;
+                font-size: px2rem(26);
+                font-weight: 500;
+            }
+
+            b {
+                color: #FFEFC3;
+                font-size: px2rem(22);
+                opacity: .6;
+            }
+        }
+
+        .score {
+            // width: px2rem(150);
+            height: px2rem(32);
+            border-radius: px2rem(32);
+            text-align: left;
+            padding: 0 px2rem(10) 0 0;
+            background: rgba(255, 255, 255, .1);
+            margin-top: px2rem(59);
+            float: right;
+            white-space: nowrap;
+
+            img {
+                width: px2rem(32);
+                height: px2rem(32);
+                border-radius: 50%;
+                display: inline-block;
+                vertical-align: middle;
+            }
+
+            b {
+                color: #FFFFFF;
+                font-size: px2rem(22);
+                font-weight: 400;
+                display: inline-block;
+                vertical-align: middle;
+            }
+        }
+    }
 }
 
-@keyframes test_anim {
-  0% {
-    background-position: 0 0;
-  }
+.pub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .5);
+    display: none;
 
-  100% {
-    background-position: px2rem(-4140) 0;
-  }
+    .pub_in {
+        width: px2rem(720);
+        height: px2rem(818);
+        background: url(../images/ruleBg.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: px2rem(570);
+            height: px2rem(140);
+            line-height: px2rem(160);
+            text-align: center;
+            color: #FFEFC3;
+            font-size: px2rem(28);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(-70);
+            background: url(../images/rule_title.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .rule_close {
+            width: px2rem(66);
+            height: px2rem(66);
+            position: absolute;
+            right: px2rem(12);
+            top: px2rem(-68);
+        }
+
+        .box {
+            width: px2rem(600);
+            height: 8rem;
+            position: absolute;
+            top: px2rem(115);
+            left: 50%;
+            transform: translateX(-50%);
+            overflow-y: scroll;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            .centent {
+                width: 100%;
+                height: px2rem(2542);
+                background: url(../images/rule.png) no-repeat;
+                background-size: 100% 100%;
+                position: relative;
+
+                .xz {
+                    width: 1.9rem;
+                    height: 1.9rem;
+                    position: absolute;
+                    right: 0.36rem;
+                    overflow: hidden;
+
+                    canvas {
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                    }
+                }
+
+                .xz1 {
+                    top: 6.9rem;
+                }
+
+                .xz2 {
+                    top: 17.5rem;
+                }
+
+                .ts {
+                    width: 1.9rem;
+                    height: 1.9rem;
+                    position: absolute;
+                    right: 0.36rem;
+                    overflow: hidden;
+
+                    canvas {
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                    }
+                }
+
+                .ts1 {
+                    top: 10.05rem;
+                }
+
+                .ts2 {
+                    top: 20.5rem;
+                }
+
+                .ts3 {
+                    top: 29.7rem;
+                }
+
+                .zj {
+                    width: 4.55rem;
+                    height: 7.5rem;
+                    position: absolute;
+                    left: 0.35rem;
+                    overflow: hidden;
+
+                    canvas {
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                    }
+                }
+
+                .lsls {
+                    top: 4.1rem;
+                }
+
+                .kt {
+                    top: 13.4rem;
+                }
+
+                .kt2 {
+                    top: 23.5rem;
+                }
+            }
+
+            .rule_pub_title {
+                width: px2rem(572);
+                margin: px2rem(27) auto px2rem(25);
+                color: #FFF0C7;
+                font-size: px2rem(30);
+                font-weight: 400;
+            }
+
+            p {
+                width: px2rem(572);
+                margin: 0 auto 0;
+                color: #FFF0C7;
+                font-size: px2rem(28);
+                font-weight: 400;
+                opacity: .5;
+                line-height: 0.55rem;
+            }
+        }
+    }
+}
+
+.arabic {
+    .back img {
+        left: auto;
+        right: 0.24rem;
+        transform: rotate(180deg);
+    }
+
+    .header {
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .header .rule_icon {
+        text-indent: -6px;
+    }
+
+    .list ul li {
+        .num {
+            float: right;
+        }
+
+        .tx {
+            float: right;
+            margin-right: 0;
+            margin-left: 0.24rem;
+        }
+
+        .user {
+            float: right;
+        }
+
+        .score {
+            float: left;
+        }
+    }
+
+    .my .myInfo {
+        .num {
+            float: right;
+        }
+
+        .tx {
+            float: right;
+            margin-right: 0;
+            margin-left: 0.24rem;
+        }
+
+        .user {
+            float: right;
+        }
+
+        .score {
+            float: left;
+        }
+    }
+
+    .pub .pub_in .box .centent {
+        background: url(../images/rule-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
 }
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/css/newWeekStar.css b/view/molistar/modules/weekStar/css/newWeekStar.css
deleted file mode 100644
index 49770b7..0000000
--- a/view/molistar/modules/weekStar/css/newWeekStar.css
+++ /dev/null
@@ -1,323 +0,0 @@
-html,
-body {
-  width: 100%;
-  height: auto;
-  background: #14063C;
-}
-
-.rule_content {
-  width: 10rem;
-  height: 58.56rem;
-  margin: 0.4rem auto;
-  background: url(../images/newimages/rule_content.png) no-repeat;
-  background-size: 100% 100%;
-}
-
-.header {
-  width: 10rem;
-  height: 10.6666666667rem;
-  background: url(../images/newimages/header.png) no-repeat;
-  background-size: 100% 100%;
-  margin: 0 auto;
-  position: relative;
-}
-.header a {
-  position: absolute;
-  right: 0;
-  top: 6.5466666667rem;
-  width: 1.0266666667rem;
-  height: 2.5066666667rem;
-}
-.header a img {
-  width: 100%;
-  height: 1.3333333333%rem;
-  display: block;
-}
-
-.tabAbox {
-  width: 9.2rem;
-  height: 1.3333333333rem;
-  margin: -1.35rem auto 0;
-  position: relative;
-}
-.tabAbox div {
-  width: 4.6rem;
-  height: 100%;
-  float: left;
-}
-
-.tab1 {
-  background: url(../images/newimages/tab1_A.png);
-  background-size: 100% 100%;
-}
-
-.tab2 {
-  background: url(../images/newimages/tab2_B.png);
-  background-size: 100% 100%;
-}
-
-.box {
-  width: 9.12rem;
-  height: 24.6933333333rem;
-  border: 0.04rem solid #FCEF8B;
-  border-top: none;
-  margin: 0 auto 2.6666666667rem;
-  position: relative;
-  overflow: hidden;
-}
-.box .time {
-  width: 6.7466666667rem;
-  height: 0.8rem;
-  line-height: 0.8rem;
-  border-radius: 0.8rem;
-  margin: 0.6rem auto;
-  background: #341D5C;
-  text-align: center;
-  color: #FDFCFF;
-  font-size: 0.48rem;
-}
-.box .time span {
-  color: #FCEF8B;
-}
-.box .giftListBox {
-  width: 9.12rem;
-  height: 1.3333333333rem;
-  overflow-y: hidden;
-  overflow-x: scroll;
-}
-.box .giftListBox .giftList {
-  width: 9.12rem;
-  height: 1.28rem;
-  line-height: 1.28rem;
-  background: url(../images/newimages/giftList.png) no-repeat;
-  background-size: 100% 100%;
-  padding: 0 0.2133333333rem;
-  box-sizing: border-box;
-}
-.box .giftListBox .giftList li {
-  min-width: 2.7466666667rem;
-  margin-top: 0.1rem;
-  height: 0.8533333333rem;
-  line-height: 0.8533333333rem;
-  margin-right: 0.1333333333rem;
-  padding: 0.0666666667rem 0.1333333333rem;
-  float: left;
-}
-.box .giftListBox .giftList li img {
-  width: 0.6666666667rem;
-  height: 0.6666666667rem;
-  border-radius: 0.6666666667rem;
-  display: inline-block;
-  margin-right: 0.16rem;
-  vertical-align: middle;
-}
-.box .giftListBox .giftList li span {
-  color: #fff;
-  font-size: 0.3466666667rem;
-}
-.box .giftListBox .giftList .active {
-  background: url(../images/newimages/tab_bg.png) no-repeat;
-  background-size: 100% 100%;
-}
-.box .sTab {
-  width: 6.8266666667rem;
-  height: 1.0133333333rem;
-  display: flex;
-  background: url(../images/newimages/stab_A.png) no-repeat;
-  background-size: 100% 100%;
-  margin: 0.8rem auto 0.3066666667rem;
-}
-.box .sTab div {
-  width: 50%;
-  height: 1.0133333333rem;
-}
-.box .sTab_active {
-  background: url(../images/newimages/stab_B.png) no-repeat;
-  background-size: 100% 100%;
-}
-.box .top_three {
-  width: 100%;
-  height: auto;
-  margin: 0 auto 1.0666666667rem;
-  box-sizing: border-box;
-  padding: 0 0.2666666667rem;
-  position: relative;
-}
-.box .top_three div {
-  width: 2.5333333333rem;
-  height: 3.28rem;
-  border: 0.04rem solid;
-  border-bottom: none;
-  position: absolute;
-  transform: translateX(-50%);
-}
-.box .top_three div .tx {
-  width: 2.7466666667rem;
-  height: 2.5333333333rem;
-  position: relative;
-  left: 50%;
-  transform: translateX(-50%);
-  top: -1.5rem;
-  border: none;
-}
-.box .top_three div .tx img {
-  display: block;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 0.55rem;
-}
-.box .top_three div p {
-  color: #fff;
-  font-size: 0.4rem;
-  font-weight: bold;
-  width: 100%;
-  text-align: center;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  position: absolute;
-  left: 0;
-  bottom: 1.4933333333rem;
-}
-.box .top_three div b {
-  color: #fff;
-  font-size: 0.3466666667rem;
-  display: block;
-  width: 100%;
-  text-align: center;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  position: absolute;
-  left: 0;
-  bottom: 1.0266666667rem;
-}
-.box .top_three .No1 {
-  left: 50%;
-  top: 1.5rem;
-  border-image: linear-gradient(180deg, #FCEF8B, #422A77) 10 10;
-  background: linear-gradient(180deg, #9420D2 0%, rgba(66, 42, 119, 0) 100%);
-}
-.box .top_three .No1 .tx {
-  background: url(../images/newimages/no1.png) no-repeat;
-  background-size: 100% 100%;
-}
-.box .top_three .No2 {
-  left: 1.6rem;
-  top: 2rem;
-  border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
-  background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
-}
-.box .top_three .No2 .tx {
-  background: url(../images/newimages/no2.png) no-repeat;
-  background-size: 100% 100%;
-}
-.box .top_three .No3 {
-  right: -1rem;
-  top: 2rem;
-  border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
-  background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
-}
-.box .top_three .No3 .tx {
-  background: url(../images/newimages/no3.png) no-repeat;
-  background-size: 100% 100%;
-}
-.box .not_top_three {
-  width: 8rem;
-  height: auto;
-  margin: 6rem auto 0;
-}
-.box .not_top_three li {
-  width: 100%;
-  height: 1.8666666667rem;
-  line-height: 1.8666666667rem;
-  border-bottom: 0.0266666667rem solid #7E71BC;
-}
-.box .not_top_three li span {
-  float: left;
-  display: block;
-}
-.box .not_top_three li .ranking {
-  margin-right: 0.3466666667rem;
-  font-weight: bold;
-  font-size: 0.5066666667rem;
-  color: #FEFDFF;
-}
-.box .not_top_three li img {
-  width: 1.0666666667rem;
-  height: 1.0666666667rem;
-  border-radius: 50%;
-  margin-top: 0.3733333333rem;
-  margin-right: 0.4rem;
-  display: block;
-  float: left;
-}
-.box .not_top_three li .nice {
-  color: #FEFDFF;
-  font-weight: bold;
-  font-size: 0.4rem;
-  width: 2.8rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.box .not_top_three li .num {
-  color: #FEFDFF;
-  font-size: 0.4rem;
-  float: right;
-}
-
-.myBox {
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  height: 2.6666666667rem;
-  line-height: 2.2666666667rem;
-  background: url(../images/newimages/my_bg.png) no-repeat;
-  background-size: 100%;
-  padding: 0.5333333333rem 0.5333333333rem;
-  box-sizing: border-box;
-}
-.myBox span {
-  display: block;
-  float: left;
-}
-.myBox .ranking {
-  font-size: 0.4rem;
-  color: #fff;
-  margin-right: 0.4266666667rem;
-}
-.myBox img {
-  display: block;
-  width: 1.0666666667rem;
-  height: 1.0666666667rem;
-  float: left;
-  border-radius: 50%;
-  margin-right: 0.4rem;
-  margin-top: 0.55rem;
-}
-.myBox .nice {
-  font-size: 0.4rem;
-  color: #fff;
-  width: 2.8rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.myBox .num {
-  float: right;
-  font-size: 0.4rem;
-  color: #fff;
-}
-
-::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
-/*# sourceMappingURL=newWeekStar.css.map */
diff --git a/view/molistar/modules/weekStar/css/newWeekStar.scss b/view/molistar/modules/weekStar/css/newWeekStar.scss
deleted file mode 100644
index b3646f0..0000000
--- a/view/molistar/modules/weekStar/css/newWeekStar.scss
+++ /dev/null
@@ -1,369 +0,0 @@
-@function px2rem($px, $rem:75) {
-    @return $px / $rem+rem;
-}
-
-html,
-body {
-    width: 100%;
-    height: auto;
-    background: #14063C;
-}
-
-// ========================================================活动规则==================================================
-.rule_content {
-    width: px2rem(750, );
-    height: px2rem(4392, );
-    margin: px2rem(30, ) auto;
-    background: url(../images/newimages/rule_content.png) no-repeat;
-    background-size: 100% 100%;
-}
-
-// =========================================================周星榜====================================================
-.header {
-    width: px2rem(750, );
-    height: px2rem(800, );
-    background: url(../images/newimages/header.png) no-repeat;
-    background-size: 100% 100%;
-    margin: 0 auto;
-    position: relative;
-
-    a {
-        position: absolute;
-        right: 0;
-        top: px2rem(491, );
-        width: px2rem(77, );
-        height: px2rem(188, );
-
-        img {
-            width: 100%;
-            height: px2rem(100%, );
-            display: block;
-        }
-    }
-}
-
-.tabAbox {
-    width: px2rem(690, );
-    height: px2rem(100, );
-    margin: -1.35rem auto 0;
-    position: relative;
-
-    div {
-        width: px2rem(345, );
-        height: 100%;
-        float: left;
-    }
-}
-
-.tab1 {
-    background: url(../images/newimages/tab1_A.png);
-    background-size: 100% 100%;
-}
-
-.tab2 {
-    background: url(../images/newimages/tab2_B.png);
-    background-size: 100% 100%;
-}
-
-.box {
-    width: 9.12rem;
-    height: px2rem(1852, );
-    border: 0.04rem solid #FCEF8B;
-    border-top: none;
-    margin: 0 auto px2rem(200, );
-    position: relative;
-    overflow: hidden;
-
-    .time {
-        width: px2rem(506, );
-        height: px2rem(60, );
-        line-height: px2rem(60, );
-        border-radius: px2rem(60, );
-        margin: px2rem(45, ) auto;
-        background: #341D5C;
-        text-align: center;
-        color: #FDFCFF;
-        font-size: px2rem(36, );
-
-        span {
-            color: #FCEF8B;
-        }
-    }
-
-    .giftListBox {
-        width: 9.12rem;
-        height: px2rem(100, );
-        overflow-y: hidden;
-        overflow-x: scroll;
-
-        .giftList {
-            width: 9.12rem;
-            height: px2rem(96, );
-            line-height: px2rem(96, );
-            background: url(../images/newimages/giftList.png) no-repeat;
-            background-size: 100% 100%;
-            padding: 0 px2rem(16, );
-            box-sizing: border-box;
-
-            li {
-                min-width: px2rem(206, );
-                margin-top: 0.1rem;
-                height: px2rem(64, );
-                line-height: px2rem(64, );
-                margin-right: px2rem(10, );
-                padding: px2rem(5, ) px2rem(10, );
-                // display: inline-block;
-                float: left;
-
-                img {
-                    width: px2rem(50, );
-                    height: px2rem(50, );
-                    border-radius: px2rem(50, );
-                    display: inline-block;
-                    margin-right: px2rem(12, );
-                    vertical-align: middle;
-                }
-
-                span {
-                    color: #fff;
-                    font-size: px2rem(26, );
-                }
-            }
-
-            .active {
-                background: url(../images/newimages/tab_bg.png) no-repeat;
-                background-size: 100% 100%;
-            }
-        }
-    }
-
-    .sTab {
-        width: px2rem(512, );
-        height: px2rem(76, );
-        display: flex;
-        background: url(../images/newimages/stab_A.png) no-repeat;
-        background-size: 100% 100%;
-        margin: px2rem(60, ) auto px2rem(23, );
-
-        div {
-            width: 50%;
-            height: px2rem(76, );
-        }
-    }
-
-    .sTab_active {
-        background: url(../images/newimages/stab_B.png) no-repeat;
-        background-size: 100% 100%;
-    }
-
-    .top_three {
-        width: 100%;
-        height: auto;
-        margin: 0 auto px2rem(80, );
-        box-sizing: border-box;
-        padding: 0 px2rem(20, );
-        position: relative;
-
-        div {
-            width: px2rem(190, );
-            height: px2rem(246, );
-            border: px2rem(3, ) solid;
-            border-bottom: none;
-            position: absolute;
-            transform: translateX(-50%);
-
-            .tx {
-                width: px2rem(206, );
-                height: px2rem(190, );
-                // background: url(../images/newimages/no1.png) no-repeat;
-                // background-size: 100% 100%;
-                position: relative;
-                left: 50%;
-                transform: translateX(-50%);
-                top: -1.5rem;
-                border: none;
-
-                img {
-                    display: block;
-                    width: px2rem(150, );
-                    height: px2rem(150, );
-                    border-radius: 50%;
-                    position: absolute;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    top: 0.55rem;
-                }
-            }
-
-            p {
-                color: #fff;
-                font-size: px2rem(30, );
-                font-weight: bold;
-                width: 100%;
-                text-align: center;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                overflow: hidden;
-                position: absolute;
-                left: 0;
-                bottom: px2rem(112, );
-            }
-
-            b {
-                color: #fff;
-                font-size: px2rem(26, );
-                display: block;
-                width: 100%;
-                text-align: center;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                overflow: hidden;
-                position: absolute;
-                left: 0;
-                bottom: px2rem(77, );
-            }
-        }
-
-        .No1 {
-            left: 50%;
-            top: 1.5rem;
-            border-image: linear-gradient(180deg, #FCEF8B, #422A77) 10 10;
-            background: linear-gradient(180deg, #9420D2 0%, rgba(66, 42, 119, 0) 100%);
-
-            .tx {
-                background: url(../images/newimages/no1.png) no-repeat;
-                background-size: 100% 100%;
-            }
-        }
-
-        .No2 {
-            left: 1.6rem;
-            top: 2rem;
-            border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
-            background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
-
-            .tx {
-                background: url(../images/newimages/no2.png) no-repeat;
-                background-size: 100% 100%;
-            }
-        }
-
-        .No3 {
-            right: -1rem;
-            top: 2rem;
-            border-image: linear-gradient(180deg, #C5B9D2, #422A77) 10 10;
-            background: linear-gradient(180deg, #491C72 0%, rgba(66, 42, 119, 0) 100%);
-
-            .tx {
-                background: url(../images/newimages/no3.png) no-repeat;
-                background-size: 100% 100%;
-            }
-        }
-    }
-
-    .not_top_three {
-        width: px2rem(600, );
-        height: auto;
-        margin: 6rem auto 0;
-
-        li {
-            width: 100%;
-            height: px2rem(140, );
-            line-height: px2rem(140, );
-            border-bottom: px2rem(2, ) solid #7E71BC;
-
-            span {
-                float: left;
-                display: block;
-            }
-
-            .ranking {
-                margin-right: px2rem(26, );
-                font-weight: bold;
-                font-size: px2rem(38, );
-                color: #FEFDFF;
-            }
-
-            img {
-                width: px2rem(80, );
-                height: px2rem(80, );
-                border-radius: 50%;
-                margin-top: px2rem(28, );
-                margin-right: px2rem(30, );
-                display: block;
-                float: left;
-            }
-
-            .nice {
-                color: #FEFDFF;
-                font-weight: bold;
-                font-size: px2rem(30, );
-                width: 2.8rem;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-            }
-
-            .num {
-                color: #FEFDFF;
-                font-size: px2rem(30, );
-                float: right;
-            }
-        }
-    }
-
-}
-
-.myBox {
-    position: fixed;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    height: px2rem(200, );
-    line-height: px2rem(170, );
-    background: url(../images/newimages/my_bg.png) no-repeat;
-    background-size: 100%;
-    padding: px2rem(40, ) px2rem(40, );
-    box-sizing: border-box;
-
-    span {
-        display: block;
-        float: left;
-    }
-
-    .ranking {
-        font-size: px2rem(30, );
-        color: #fff;
-        margin-right: px2rem(32, );
-    }
-
-    img {
-        display: block;
-        width: px2rem(80, );
-        height: px2rem(80, );
-        float: left;
-        border-radius: 50%;
-        margin-right: px2rem(30, );
-        margin-top: 0.55rem;
-    }
-
-    .nice {
-        font-size: px2rem(30, );
-        color: #fff;
-        width: 2.8rem;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .num {
-        float: right;
-        font-size: px2rem(30, );
-        color: #fff;
-    }
-}
-
-::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-}
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/detail.html b/view/molistar/modules/weekStar/detail.html
deleted file mode 100644
index ba109df..0000000
--- a/view/molistar/modules/weekStar/detail.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <title>活動詳情</title>
-
-  <link rel="stylesheet" href="../../common/css/reset.css">
-  <link rel="stylesheet" href="./css/detail.css?v=8">
-
-  <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-  <div class="max">
-    <div class="detail">
-      <p>活動規則</p>
-      <ul>
-        <li>每周更新一次指定礼物</li>
-        <li>收到指定礼物可登上魅力星球榜</li>
-        <li>送出指定礼物可登上豪气星球榜</li>
-        <li>以北京时间为准，以周为周期排名</li>
-        <li>1鉆石=1魅力值=1豪气值</li>
-        <li>当用户相同魅力值，后面收/送礼物的用户排名会超过原先收/送的礼物的用户</li>
-        <li>奖励在周一16: 00前发放完毕</li>
-      </ul>
-    </div>
-    <div class="man">
-      <div class="tit-bg"></div>
-      <div class="week-award">
-        <div class="week-award-bg">
-          <div class="first">
-            <p class="tit">第1名</p>
-            <ul>
-            </ul>
-          </div>
-          <div class="second">
-            <p class="tit">第2名</p>
-            <ul>
-            </ul>
-          </div>
-          <div class="third">
-            <p class="tit">第3名</p>
-            <ul>
-            </ul>
-          </div>
-          <div class="other">
-            <p class="tit">第4-10名</p>
-            <ul>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="charm">
-      <div class="tit-bg"></div>
-      <div class="week-award">
-        <div class="week-award-bg">
-          <div class="first">
-            <p class="tit">第1名</p>
-            <ul>
-            </ul>
-          </div>
-          <div class="second">
-            <p class="tit">第2名</p>
-            <ul>
-            </ul>
-          </div>
-          <div class="third">
-            <p class="tit">第3名</p>
-            <ul>
-
-            </ul>
-          </div>
-          <div class="other">
-            <p class="tit">第4-10名</p>
-            <ul>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <script src="../../common/js/jquery-3.2.1.min.js"></script>
-  <script src="../../common/js/common.js"></script>
-  <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
-  <script src="../../common/js/vconsole.min.js"></script>
-  <script src="./js/public.js"></script>
-  <script src="./js/detail.js?v=8"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/fonts/PingFangSCRegular.ttf b/view/molistar/modules/weekStar/fonts/PingFangSCRegular.ttf
deleted file mode 100644
index e0e9f51..0000000
Binary files a/view/molistar/modules/weekStar/fonts/PingFangSCRegular.ttf and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/UFO.png b/view/molistar/modules/weekStar/gift/UFO.png
deleted file mode 100644
index f735319..0000000
Binary files a/view/molistar/modules/weekStar/gift/UFO.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm-champion.gif b/view/molistar/modules/weekStar/gift/charm-champion.gif
deleted file mode 100644
index 14de1e4..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm-champion.gif and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm-champion1.png b/view/molistar/modules/weekStar/gift/charm-champion1.png
deleted file mode 100644
index e134ffb..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm-champion1.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm-naming.png b/view/molistar/modules/weekStar/gift/charm-naming.png
deleted file mode 100644
index b010e0e..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm-naming.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm-other.png b/view/molistar/modules/weekStar/gift/charm-other.png
deleted file mode 100644
index a96df94..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm-other.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm-runner-up.png b/view/molistar/modules/weekStar/gift/charm-runner-up.png
deleted file mode 100644
index 9abe38b..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm-runner-up.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm-third.png b/view/molistar/modules/weekStar/gift/charm-third.png
deleted file mode 100644
index e53619c..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm-third.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm.png b/view/molistar/modules/weekStar/gift/charm.png
deleted file mode 100644
index 27529ca..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm1.png b/view/molistar/modules/weekStar/gift/charm1.png
deleted file mode 100644
index cc1188d..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm1.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/charm2.png b/view/molistar/modules/weekStar/gift/charm2.png
deleted file mode 100644
index 4bc7f63..0000000
Binary files a/view/molistar/modules/weekStar/gift/charm2.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money-champion.gif b/view/molistar/modules/weekStar/gift/money-champion.gif
deleted file mode 100644
index 98cb93d..0000000
Binary files a/view/molistar/modules/weekStar/gift/money-champion.gif and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money-champion2.png b/view/molistar/modules/weekStar/gift/money-champion2.png
deleted file mode 100644
index 50dee10..0000000
Binary files a/view/molistar/modules/weekStar/gift/money-champion2.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money-other.png b/view/molistar/modules/weekStar/gift/money-other.png
deleted file mode 100644
index 94b0b55..0000000
Binary files a/view/molistar/modules/weekStar/gift/money-other.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money-runner-up.png b/view/molistar/modules/weekStar/gift/money-runner-up.png
deleted file mode 100644
index 4da03f7..0000000
Binary files a/view/molistar/modules/weekStar/gift/money-runner-up.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money-third.png b/view/molistar/modules/weekStar/gift/money-third.png
deleted file mode 100644
index 3fd7dfd..0000000
Binary files a/view/molistar/modules/weekStar/gift/money-third.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money.png b/view/molistar/modules/weekStar/gift/money.png
deleted file mode 100644
index fa44a8b..0000000
Binary files a/view/molistar/modules/weekStar/gift/money.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money1.png b/view/molistar/modules/weekStar/gift/money1.png
deleted file mode 100644
index dde0f58..0000000
Binary files a/view/molistar/modules/weekStar/gift/money1.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/gift/money2.png b/view/molistar/modules/weekStar/gift/money2.png
deleted file mode 100644
index 6f6229d..0000000
Binary files a/view/molistar/modules/weekStar/gift/money2.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/0.png b/view/molistar/modules/weekStar/images/0.png
deleted file mode 100644
index f14a35e..0000000
Binary files a/view/molistar/modules/weekStar/images/0.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/1.png b/view/molistar/modules/weekStar/images/1.png
index 0e5a56d..2063002 100644
Binary files a/view/molistar/modules/weekStar/images/1.png and b/view/molistar/modules/weekStar/images/1.png differ
diff --git a/view/molistar/modules/weekStar/images/2.png b/view/molistar/modules/weekStar/images/2.png
deleted file mode 100644
index 2010ef6..0000000
Binary files a/view/molistar/modules/weekStar/images/2.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/23.png b/view/molistar/modules/weekStar/images/23.png
new file mode 100644
index 0000000..75abdf9
Binary files /dev/null and b/view/molistar/modules/weekStar/images/23.png differ
diff --git a/view/molistar/modules/weekStar/images/5.png b/view/molistar/modules/weekStar/images/5.png
deleted file mode 100644
index fd6fcf7..0000000
Binary files a/view/molistar/modules/weekStar/images/5.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/act-detail.png b/view/molistar/modules/weekStar/images/act-detail.png
deleted file mode 100644
index c44c96c..0000000
Binary files a/view/molistar/modules/weekStar/images/act-detail.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/bottom.png b/view/molistar/modules/weekStar/images/bottom.png
new file mode 100644
index 0000000..399f608
Binary files /dev/null and b/view/molistar/modules/weekStar/images/bottom.png differ
diff --git a/view/molistar/modules/weekStar/images/box.png b/view/molistar/modules/weekStar/images/box.png
deleted file mode 100644
index 7f385ea..0000000
Binary files a/view/molistar/modules/weekStar/images/box.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/charm-rank.png b/view/molistar/modules/weekStar/images/charm-rank.png
deleted file mode 100644
index 112adab..0000000
Binary files a/view/molistar/modules/weekStar/images/charm-rank.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/charm.png b/view/molistar/modules/weekStar/images/charm.png
deleted file mode 100644
index fb6a47f..0000000
Binary files a/view/molistar/modules/weekStar/images/charm.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/colon.png b/view/molistar/modules/weekStar/images/colon.png
new file mode 100644
index 0000000..a4d87f8
Binary files /dev/null and b/view/molistar/modules/weekStar/images/colon.png differ
diff --git a/view/molistar/modules/weekStar/images/empty.png b/view/molistar/modules/weekStar/images/empty.png
deleted file mode 100644
index 2d1a01e..0000000
Binary files a/view/molistar/modules/weekStar/images/empty.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/first.png b/view/molistar/modules/weekStar/images/first.png
deleted file mode 100644
index d86738a..0000000
Binary files a/view/molistar/modules/weekStar/images/first.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/five.png b/view/molistar/modules/weekStar/images/five.png
deleted file mode 100644
index c9d4081..0000000
Binary files a/view/molistar/modules/weekStar/images/five.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/gift.png b/view/molistar/modules/weekStar/images/gift.png
new file mode 100644
index 0000000..9ba2909
Binary files /dev/null and b/view/molistar/modules/weekStar/images/gift.png differ
diff --git a/view/molistar/modules/weekStar/images/giftBox.png b/view/molistar/modules/weekStar/images/giftBox.png
new file mode 100644
index 0000000..9f78e1e
Binary files /dev/null and b/view/molistar/modules/weekStar/images/giftBox.png differ
diff --git a/view/molistar/modules/weekStar/images/gold.png b/view/molistar/modules/weekStar/images/gold.png
new file mode 100644
index 0000000..307bc41
Binary files /dev/null and b/view/molistar/modules/weekStar/images/gold.png differ
diff --git a/view/molistar/modules/weekStar/images/header-ar.png b/view/molistar/modules/weekStar/images/header-ar.png
new file mode 100644
index 0000000..e813766
Binary files /dev/null and b/view/molistar/modules/weekStar/images/header-ar.png differ
diff --git a/view/molistar/modules/weekStar/images/header.png b/view/molistar/modules/weekStar/images/header.png
new file mode 100644
index 0000000..51d2388
Binary files /dev/null and b/view/molistar/modules/weekStar/images/header.png differ
diff --git a/view/molistar/modules/weekStar/images/last-week.png b/view/molistar/modules/weekStar/images/last-week.png
deleted file mode 100644
index ba5668c..0000000
Binary files a/view/molistar/modules/weekStar/images/last-week.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/lastTop1.png b/view/molistar/modules/weekStar/images/lastTop1.png
new file mode 100644
index 0000000..7251452
Binary files /dev/null and b/view/molistar/modules/weekStar/images/lastTop1.png differ
diff --git a/view/molistar/modules/weekStar/images/lastTop2.png b/view/molistar/modules/weekStar/images/lastTop2.png
new file mode 100644
index 0000000..fd04b16
Binary files /dev/null and b/view/molistar/modules/weekStar/images/lastTop2.png differ
diff --git a/view/molistar/modules/weekStar/images/lastTop3.png b/view/molistar/modules/weekStar/images/lastTop3.png
new file mode 100644
index 0000000..2d98cba
Binary files /dev/null and b/view/molistar/modules/weekStar/images/lastTop3.png differ
diff --git a/view/molistar/modules/weekStar/images/lastTopBox.png b/view/molistar/modules/weekStar/images/lastTopBox.png
new file mode 100644
index 0000000..39c8165
Binary files /dev/null and b/view/molistar/modules/weekStar/images/lastTopBox.png differ
diff --git a/view/molistar/modules/weekStar/images/left.png b/view/molistar/modules/weekStar/images/left.png
new file mode 100644
index 0000000..3a057a3
Binary files /dev/null and b/view/molistar/modules/weekStar/images/left.png differ
diff --git a/view/molistar/modules/weekStar/images/liBg.png b/view/molistar/modules/weekStar/images/liBg.png
new file mode 100644
index 0000000..60acb4b
Binary files /dev/null and b/view/molistar/modules/weekStar/images/liBg.png differ
diff --git a/view/molistar/modules/weekStar/images/lsat-week-gift.png b/view/molistar/modules/weekStar/images/lsat-week-gift.png
deleted file mode 100644
index 597b44e..0000000
Binary files a/view/molistar/modules/weekStar/images/lsat-week-gift.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/middle.png b/view/molistar/modules/weekStar/images/middle.png
new file mode 100644
index 0000000..b5d6eda
Binary files /dev/null and b/view/molistar/modules/weekStar/images/middle.png differ
diff --git a/view/molistar/modules/weekStar/images/monay.png b/view/molistar/modules/weekStar/images/monay.png
deleted file mode 100644
index d7ab7f5..0000000
Binary files a/view/molistar/modules/weekStar/images/monay.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/money-top.png b/view/molistar/modules/weekStar/images/money-top.png
deleted file mode 100644
index 38e9623..0000000
Binary files a/view/molistar/modules/weekStar/images/money-top.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/more.png b/view/molistar/modules/weekStar/images/more.png
new file mode 100644
index 0000000..e01c1f6
Binary files /dev/null and b/view/molistar/modules/weekStar/images/more.png differ
diff --git a/view/molistar/modules/weekStar/images/myBg.png b/view/molistar/modules/weekStar/images/myBg.png
new file mode 100644
index 0000000..fa86cce
Binary files /dev/null and b/view/molistar/modules/weekStar/images/myBg.png differ
diff --git a/view/molistar/modules/weekStar/images/newimages/giftList.png b/view/molistar/modules/weekStar/images/newimages/giftList.png
deleted file mode 100644
index 9ac1321..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/giftList.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/header-ar.png b/view/molistar/modules/weekStar/images/newimages/header-ar.png
deleted file mode 100644
index d18bdb5..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/header-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/header-en.png b/view/molistar/modules/weekStar/images/newimages/header-en.png
deleted file mode 100644
index 977dbc8..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/header-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/header.png b/view/molistar/modules/weekStar/images/newimages/header.png
deleted file mode 100644
index f1444e0..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/header.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/my_bg.png b/view/molistar/modules/weekStar/images/newimages/my_bg.png
deleted file mode 100644
index 5b9f670..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/my_bg.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/no1.png b/view/molistar/modules/weekStar/images/newimages/no1.png
deleted file mode 100644
index 1b436df..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/no1.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/no2.png b/view/molistar/modules/weekStar/images/newimages/no2.png
deleted file mode 100644
index cb93c51..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/no2.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/no3.png b/view/molistar/modules/weekStar/images/newimages/no3.png
deleted file mode 100644
index e21e471..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/no3.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/null.png b/view/molistar/modules/weekStar/images/newimages/null.png
deleted file mode 100644
index f51a3a1..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/null.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/rule-ar.png b/view/molistar/modules/weekStar/images/newimages/rule-ar.png
deleted file mode 100644
index 708ee2f..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/rule-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/rule-en.png b/view/molistar/modules/weekStar/images/newimages/rule-en.png
deleted file mode 100644
index 660e711..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/rule-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/rule.png b/view/molistar/modules/weekStar/images/newimages/rule.png
deleted file mode 100644
index ee16420..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/rule.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/rule_content-ar.png b/view/molistar/modules/weekStar/images/newimages/rule_content-ar.png
deleted file mode 100644
index 12789b2..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/rule_content-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/rule_content-en.png b/view/molistar/modules/weekStar/images/newimages/rule_content-en.png
deleted file mode 100644
index c866815..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/rule_content-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/rule_content.png b/view/molistar/modules/weekStar/images/newimages/rule_content.png
deleted file mode 100644
index 42074d7..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/rule_content.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/stab_A-ar.png b/view/molistar/modules/weekStar/images/newimages/stab_A-ar.png
deleted file mode 100644
index e60b81b..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/stab_A-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/stab_A-en.png b/view/molistar/modules/weekStar/images/newimages/stab_A-en.png
deleted file mode 100644
index 6f20514..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/stab_A-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/stab_A.png b/view/molistar/modules/weekStar/images/newimages/stab_A.png
deleted file mode 100644
index 5a3003b..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/stab_A.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/stab_B-ar.png b/view/molistar/modules/weekStar/images/newimages/stab_B-ar.png
deleted file mode 100644
index fe827ec..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/stab_B-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/stab_B-en.png b/view/molistar/modules/weekStar/images/newimages/stab_B-en.png
deleted file mode 100644
index 6b51d6c..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/stab_B-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/stab_B.png b/view/molistar/modules/weekStar/images/newimages/stab_B.png
deleted file mode 100644
index 1ee28f2..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/stab_B.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab1_A-ar.png b/view/molistar/modules/weekStar/images/newimages/tab1_A-ar.png
deleted file mode 100644
index 2ea1ee3..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab1_A-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab1_A-en.png b/view/molistar/modules/weekStar/images/newimages/tab1_A-en.png
deleted file mode 100644
index ac4ae14..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab1_A-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab1_A.png b/view/molistar/modules/weekStar/images/newimages/tab1_A.png
deleted file mode 100644
index 7fb19fe..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab1_A.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab2_B-ar.png b/view/molistar/modules/weekStar/images/newimages/tab2_B-ar.png
deleted file mode 100644
index afefeb2..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab2_B-ar.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab2_B-en.png b/view/molistar/modules/weekStar/images/newimages/tab2_B-en.png
deleted file mode 100644
index b4a1a0e..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab2_B-en.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab2_B.png b/view/molistar/modules/weekStar/images/newimages/tab2_B.png
deleted file mode 100644
index 8f3bde5..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab2_B.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/newimages/tab_bg.png b/view/molistar/modules/weekStar/images/newimages/tab_bg.png
deleted file mode 100644
index 73a5950..0000000
Binary files a/view/molistar/modules/weekStar/images/newimages/tab_bg.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/now-week-tab-bg-act.png b/view/molistar/modules/weekStar/images/now-week-tab-bg-act.png
deleted file mode 100644
index d106d33..0000000
Binary files a/view/molistar/modules/weekStar/images/now-week-tab-bg-act.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/now-week-tab-bg.png b/view/molistar/modules/weekStar/images/now-week-tab-bg.png
deleted file mode 100644
index 4067bc1..0000000
Binary files a/view/molistar/modules/weekStar/images/now-week-tab-bg.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/now-week-three-bg.png b/view/molistar/modules/weekStar/images/now-week-three-bg.png
deleted file mode 100644
index 789868f..0000000
Binary files a/view/molistar/modules/weekStar/images/now-week-three-bg.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/now-week-time.png b/view/molistar/modules/weekStar/images/now-week-time.png
deleted file mode 100644
index efb06b4..0000000
Binary files a/view/molistar/modules/weekStar/images/now-week-time.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/null.png b/view/molistar/modules/weekStar/images/null.png
new file mode 100644
index 0000000..7c2c4ae
Binary files /dev/null and b/view/molistar/modules/weekStar/images/null.png differ
diff --git a/view/molistar/modules/weekStar/images/powerful.png b/view/molistar/modules/weekStar/images/powerful.png
deleted file mode 100644
index e4163e4..0000000
Binary files a/view/molistar/modules/weekStar/images/powerful.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/right.png b/view/molistar/modules/weekStar/images/right.png
new file mode 100644
index 0000000..8d0c1df
Binary files /dev/null and b/view/molistar/modules/weekStar/images/right.png differ
diff --git a/view/molistar/modules/weekStar/images/rule-ar.png b/view/molistar/modules/weekStar/images/rule-ar.png
new file mode 100644
index 0000000..b431d5c
Binary files /dev/null and b/view/molistar/modules/weekStar/images/rule-ar.png differ
diff --git a/view/molistar/modules/weekStar/images/rule-en.png b/view/molistar/modules/weekStar/images/rule-en.png
new file mode 100644
index 0000000..8833551
Binary files /dev/null and b/view/molistar/modules/weekStar/images/rule-en.png differ
diff --git a/view/molistar/modules/weekStar/images/rule.png b/view/molistar/modules/weekStar/images/rule.png
new file mode 100644
index 0000000..10af231
Binary files /dev/null and b/view/molistar/modules/weekStar/images/rule.png differ
diff --git a/view/molistar/modules/weekStar/images/ruleBg.png b/view/molistar/modules/weekStar/images/ruleBg.png
new file mode 100644
index 0000000..9f96310
Binary files /dev/null and b/view/molistar/modules/weekStar/images/ruleBg.png differ
diff --git a/view/molistar/modules/weekStar/images/rule_close.png b/view/molistar/modules/weekStar/images/rule_close.png
new file mode 100644
index 0000000..f8e09fa
Binary files /dev/null and b/view/molistar/modules/weekStar/images/rule_close.png differ
diff --git a/view/molistar/modules/weekStar/images/rule_icon.png b/view/molistar/modules/weekStar/images/rule_icon.png
new file mode 100644
index 0000000..92ea48f
Binary files /dev/null and b/view/molistar/modules/weekStar/images/rule_icon.png differ
diff --git a/view/molistar/modules/weekStar/images/rule_title.png b/view/molistar/modules/weekStar/images/rule_title.png
new file mode 100644
index 0000000..f4a90f2
Binary files /dev/null and b/view/molistar/modules/weekStar/images/rule_title.png differ
diff --git a/view/molistar/modules/weekStar/images/three.png b/view/molistar/modules/weekStar/images/three.png
deleted file mode 100644
index 3642ecc..0000000
Binary files a/view/molistar/modules/weekStar/images/three.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/titleLast.png b/view/molistar/modules/weekStar/images/titleLast.png
new file mode 100644
index 0000000..f4a90f2
Binary files /dev/null and b/view/molistar/modules/weekStar/images/titleLast.png differ
diff --git a/view/molistar/modules/weekStar/images/tomeBg.png b/view/molistar/modules/weekStar/images/tomeBg.png
new file mode 100644
index 0000000..7d70e80
Binary files /dev/null and b/view/molistar/modules/weekStar/images/tomeBg.png differ
diff --git a/view/molistar/modules/weekStar/images/top.png b/view/molistar/modules/weekStar/images/top.png
new file mode 100644
index 0000000..5ed1b99
Binary files /dev/null and b/view/molistar/modules/weekStar/images/top.png differ
diff --git a/view/molistar/modules/weekStar/images/topbg.png b/view/molistar/modules/weekStar/images/topbg.png
deleted file mode 100644
index fc83929..0000000
Binary files a/view/molistar/modules/weekStar/images/topbg.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/travel/back.png b/view/molistar/modules/weekStar/images/travel/back.png
new file mode 100644
index 0000000..2b3812d
Binary files /dev/null and b/view/molistar/modules/weekStar/images/travel/back.png differ
diff --git a/view/molistar/modules/weekStar/images/travel/backB.png b/view/molistar/modules/weekStar/images/travel/backB.png
new file mode 100644
index 0000000..92e190c
Binary files /dev/null and b/view/molistar/modules/weekStar/images/travel/backB.png differ
diff --git a/view/molistar/modules/weekStar/images/ts.png b/view/molistar/modules/weekStar/images/ts.png
new file mode 100644
index 0000000..b19c0f9
Binary files /dev/null and b/view/molistar/modules/weekStar/images/ts.png differ
diff --git a/view/molistar/modules/weekStar/images/two.png b/view/molistar/modules/weekStar/images/two.png
deleted file mode 100644
index 17f8c3f..0000000
Binary files a/view/molistar/modules/weekStar/images/two.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/week-award.png b/view/molistar/modules/weekStar/images/week-award.png
deleted file mode 100644
index 73825d1..0000000
Binary files a/view/molistar/modules/weekStar/images/week-award.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/week-l.png b/view/molistar/modules/weekStar/images/week-l.png
deleted file mode 100644
index a0d445b..0000000
Binary files a/view/molistar/modules/weekStar/images/week-l.png and /dev/null differ
diff --git a/view/molistar/modules/weekStar/images/xz1.png b/view/molistar/modules/weekStar/images/xz1.png
new file mode 100644
index 0000000..319d9c1
Binary files /dev/null and b/view/molistar/modules/weekStar/images/xz1.png differ
diff --git a/view/molistar/modules/weekStar/images/xz2.png b/view/molistar/modules/weekStar/images/xz2.png
new file mode 100644
index 0000000..fb99c9e
Binary files /dev/null and b/view/molistar/modules/weekStar/images/xz2.png differ
diff --git a/view/molistar/modules/weekStar/index.html b/view/molistar/modules/weekStar/index.html
index 1de5d6b..86341d9 100644
--- a/view/molistar/modules/weekStar/index.html
+++ b/view/molistar/modules/weekStar/index.html
@@ -2,81 +2,210 @@
 <html lang="en">
 
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <title>周星榜</title>
-
-  <link rel="stylesheet" href="../../common/css/reset.css">
-  <link rel="stylesheet" href="./css/index.css?v=12">
-
-  <script src="../../common/js/flexible.js"></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
 </head>
 
 <body>
-  <div class="max">
-    <div class="act-detail"></div>
-    <div class="weektop">
-      <div class="tab-week">
-        <p class="charm-rank active"></p>
-        <p class="powerful"></p>
-      </div>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
     </div>
-    <div class="weekcenter">
-      <div class="last-week">
+    <!-- 头部 -->
+    <div class="header">
+        <!-- 活动规则 -->
+        <div class="rule_icon text2"></div>
+        <!-- 倒计时 -->
+        <div class="timeBox">
+            <div class="day">
+                <b>00</b>
+                <span class="text10"></span>
+            </div>
+            <div class="hour">
+                <b>00</b>
+                <span class="text11"></span>
+            </div>
+            <div class="colon"></div>
+            <div class="min">
+                <b>00</b>
+                <span class="text12"></span>
+            </div>
+        </div>
+        <!-- 倒计时文案 -->
+        <div class="timeText text3"></div>
+    </div>
+    <!-- 上周榜TOP3 -->
+    <div class="lastTop">
+        <div class="title text4"></div>
+        <div class="topBox">
+            <div class="top top2">
+                <img src="./images/ts.png" alt="" class="ts">
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="score">
+                    <img src="./images/gold.png" alt="" class="gold">
+                    <b></b>
+                </div>
+                <div class="name"></div>
+                <div class="id"></div>
+            </div>
+            <div class="top top1">
+                <img src="./images/ts.png" alt="" class="ts">
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="score">
+                    <img src="./images/gold.png" alt="" class="gold">
+                    <b></b>
+                </div>
+                <div class="name"></div>
+                <div class="id"></div>
+            </div>
+            <div class="top top3">
+                <img src="./images/ts.png" alt="" class="ts">
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="score">
+                    <img src="./images/gold.png" alt="" class="gold">
+                    <b></b>
+                </div>
+                <div class="name"></div>
+                <div class="id"></div>
+            </div>
+        </div>
+    </div>
+    <!-- 本周榜单 -->
+    <div class="weeekListTop">
+        <!-- 标题 -->
+        <div class="title text6"></div>
+        <!-- 周星礼物 -->
+        <div class="text">
+            <img src="./images/left.png" alt="" class="left">
+            <b class="text7"></b>
+            <img src="./images/right.png" alt="" class="right">
+        </div>
+        <div class="weekStarGift">
+            <div class="box1">
+                <img src="./images/gift.png" alt="">
+                <span>礼物昵称</span>
+            </div>
+            <div class="box2">
+                <img src="./images/gift.png" alt="">
+                <span>礼物昵称</span>
+            </div>
+            <div class="box3">
+                <img src="./images/gift.png" alt="">
+                <span>礼物昵称</span>
+            </div>
+        </div>
+        <!-- 本周TOP3 -->
+        <div class="thisTop">
+            <div class="topBox">
+                <div class="top top2">
+                    <img src="./images/ts.png" alt="" class="ts">
+                    <img src="./images/null.png" alt="" class="tx">
+                    <div class="score">
+                        <img src="./images/gold.png" alt="" class="gold">
+                        <b>0.00</b>
+                    </div>
+                    <div class="name">虚位以待</div>
+                    <div class="id">ID:0</div>
+                </div>
+                <div class="top top1">
+                    <img src="./images/ts.png" alt="" class="ts">
+                    <img src="./images/null.png" alt="" class="tx">
+                    <div class="score">
+                        <img src="./images/gold.png" alt="" class="gold">
+                        <b>0.00</b>
+                    </div>
+                    <div class="name">虚位以待</div>
+                    <div class="id">ID:0</div>
+                </div>
+                <div class="top top3">
+                    <img src="./images/ts.png" alt="" class="ts">
+                    <img src="./images/null.png" alt="" class="tx">
+                    <div class="score">
+                        <img src="./images/gold.png" alt="" class="gold">
+                        <b>0.00</b>
+                    </div>
+                    <div class="name">虚位以待</div>
+                    <div class="id">ID:0</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 非前三榜单 -->
+    <div class="list">
         <ul>
-
+            <li>
+                <div class="num">04</div>
+                <img src="./images/null.png" alt="" class="tx">
+                <div class="user">
+                    <p>虚位以待</p>
+                    <b>ID:0</b>
+                </div>
+                <div class="score">
+                    <img src="./images/gold.png" alt="">
+                    <b>0.00</b>
+                </div>
+            </li>
         </ul>
-      </div>
-      <div class="now-week">
-        <div class="now-week-time">
-          <p>剩余时间：<span>3天 07:04:27</span></p>
-        </div>
-        <div class="now-week-three">
-          <div class="now-week-three-tab">
-          </div>
-          <div class="now-week-threetop">
-            <ul>
- 
-            </ul>
-          </div>
-        </div>
-        <div class="now-week-other">
-          <ul>
-          
-          </ul>
-        </div>
-      </div>
-      <div class="week-award">
-        <div class="week-award-bg">
-        </div>
-      </div>
-      <p class="apple">本活动和苹果公司无关</p>
+        <div class="more text8"></div>
     </div>
-
-    <div class="mine">
-      <!-- <p class="ranking">未上榜</p>
-      <img src="./images/0.png" alt="">
-      <div class="mine-detail">
-        <p class="mine-d">
-          <span>帆帆帆特...
-          </span>
-          <span class="value">魅力值：333434</span> </p>
-        <p class="distance">距离上一名还差</p>
-      </div> -->
+    <!-- 底部 -->
+    <div class="bottom">
+        <p class="text9"></p>
+    </div>
+    <!-- 自己 -->
+    <div class="my">
+        <div class="myInfo">
+            <div class="num">04</div>
+            <img src="./images/null.png" alt="" class="tx">
+            <div class="user">
+                <p>虚位以待</p>
+                <b>ID:0</b>
+            </div>
+            <div class="score">
+                <img src="./images/gold.png" alt="">
+                <b>0.00</b>
+            </div>
+        </div>
+    </div>
+    <!-- 规则弹窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <div class="title text2">Rule</div>
+            <img src="./images/rule_close.png" alt="" class="rule_close">
+            <div class="box">
+                <!-- 奖励 -->
+                <div class="centent">
+                    <div class="xz xz1" id="xz1"></div>
+                    <div class="xz xz2" id="xz2"></div>
+                    <div class="ts ts1" id="ts1"></div>
+                    <div class="ts ts2" id="ts2"></div>
+                    <div class="ts ts3" id="ts3"></div>
+                    <div class="zj lsls" id="lsls"></div>
+                    <div class="zj kt" id="kt"></div>
+                    <div class="zj kt2" id="kt2"></div>
+                    <!-- <div class="zj kt"></div> -->
+                </div>
+                <!-- 规则 -->
+                <div class="rule_pub_title text13"></div>
+                <div class="rule_pub_text text14"></div>
+            </div>
+        </div>
     </div>
-  </div>
-  <script src="https://cdn.jsdelivr.net/npm/svgaplayerweb@2.3.0/build/svga.min.js"></script>
-  <script src="../../common/js/jquery-3.2.1.min.js"></script>
-  <script src="../../common/js/common.js"></script>
-  <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
-  <script src="../../common/js/vconsole.min.js"></script>
-  <script src="./js/public.js"></script>
-  <script src="./js/index.js?v=11"></script>
-  <script src="./js/jquery.animateSprite.min.js"></script>
-  <script>
-  </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="../../common/js/svga.min.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/modules/weekStar/js/detail.js b/view/molistar/modules/weekStar/js/detail.js
deleted file mode 100644
index e38dd5f..0000000
--- a/view/molistar/modules/weekStar/js/detail.js
+++ /dev/null
@@ -1,68 +0,0 @@
-
-$(function () {
-  function renderAward(award, awardName, dom) {
-    // $('.first ul').html('')
-    // $('.second ul').html('')
-    // $('.third ul').html('')
-    // $('.other ul').html('')
-    // for (let item of award) {
-    //   item.awardItems.forEach((value, index) => {
-    //     console.log(value)
-    //     if (item.level == 1) {
-    //       $('.first ul').append(` <li>
-    //         <p class="head"><span> <img src="./images/first.png" alt=""></span>
-    //           <img src="${value.imgUrl}" alt=""><p class="gift-name">${value.name}</p></li>`)
-    //     }
-    //     if (item.level == 2) {
-    //       $('.second ul').append(` <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
-    //       <img src="${value.imgUrl}" alt=""></p><p class="gift-name">${value.name}</p></li>`)
-    //     }
-    //     if (item.level == 3) {
-    //       $('.third ul').append(` <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
-    //       <img src="${value.imgUrl}" alt=""></p><p class="gift-name">${value.name}</p></li>`)
-    //     }
-    //     if (item.level == 4) {
-    //       $('.other ul').append(` <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
-    //       <img src="${value.imgUrl}" alt=""></p><p class="gift-name">${value.name}</p></li>`)
-    //     }
-    //   })
-    // }
-
-    let str = `<div class="first">
-    <p class="tit">第1名</p><ul><li><div class="head">
-          <span> <img src="./images/first.png" alt=""></span>
-          <img class=${awardName[0] == 'UFO座驾' ? "namemoney" : "nameplate"} src="./gift/${award[0]}" alt="">
-        </div><p class="gift-name">${awardName[0]}</p>
-      </li><li><div class="head">
-          <span> <img src="./images/first.png" alt=""></span>
-          <!-- <div class="animation animation-2"></div> -->
-          <img src="./gift/${award[1]}" alt="">
-        </div><p class="gift-name">${awardName[1]}</p>
-      </li><li><div class="head"><span> <img src="./images/first.png" alt=""></span>
-          <img src="./gift/${award[2]}" alt="">
-        </div><p class="gift-name">${awardName[2]}</p></li></ul></div>
-  <div class="second">
-    <p class="tit">第2名</p><ul><li><div class="head">
-          <span> <img src="./images/five.png" alt=""></span>
-          <img src="./gift/${award[3]}" alt="">
-        </div><p class="gift-name">${awardName[3]}</p></li>
-      <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
-          <img src="./gift/${award[4]}" alt="">
-        </p><p class="gift-name">${awardName[4]}</p></p></li></ul>
-  </div>
-  <div class="third"><p class="tit">第3名</p><ul><li><p class="head">
-      <span> <img src="./images/three.png" alt=""></span>
-          <img src="./gift/${award[5]}" alt="">
-        </p><p class="gift-name">${awardName[5]}</p></li><li><p class="head">
-          <span> <img src="./images/three.png" alt=""></span>
-          <img  src="./gift/${award[6]}" alt=""></p>
-        <p class="gift-name">${awardName[6]}</p></li></ul></div>
-  <div class="other"><p class="tit">第4-10名</p><ul>
-      <li><p class="head"><span><img src="./images/two.png" alt="">
-          </span><img src="./gift/${award[7]}" alt="">
-        </p><p class="gift-name">${awardName[7]}</p></li></ul></div>`
-    dom.html(str)
-  }
-  renderAward(moneyArr, moneyName,$('.charm .week-award-bg'))
-  renderAward(charmArr, charmName,$('.man .week-award-bg'))
-})
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/js/index.js b/view/molistar/modules/weekStar/js/index.js
index b528d0d..5a8f7ce 100644
--- a/view/molistar/modules/weekStar/js/index.js
+++ b/view/molistar/modules/weekStar/js/index.js
@@ -1,258 +1,304 @@
-let info = {};
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var page = 0;
+var maxPage = 0;
+var arr = [];
+// 初始化函數
 $(function () {
-  //5-31   1590940799000
-  // let time = 1590335999000
-  //设定一个有关事件倒计时的参照物
-  let time = 1590940799000
-  //定时器没错
-  let timer = null
-  let weekStarRankList = []
-  //请求接口的类型，1是魅力榜，2是土豪帮
-  let rankType = 1
-  let browser = checkVersion();
-  let api = locateJudge();
-  if (EnvCheck() == 'test') { let vConsole = new VConsole };
-  let locateObj = getQueryString();
-  //获取uid
-  if (browser.app) {
-    if (browser.ios) {
-      info.uid = tools.cookieUtils.get('uid');
-      window.webkit.messageHandlers.getTicket.postMessage(null);
-    } else if (browser.android) {
-      if (androidJsObj && typeof androidJsObj === 'object') {
-        info.uid = parseInt(window.androidJsObj.getUid());
-        info.ticket = window.androidJsObj.getTicket();
-      }
-    }
-  } else {
-    info.uid = 936365;
-    info.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjJiN2M2MmU3LTgwMGQtNDEzOS1hMDY0LWE1YzczYmFkNGNjZCIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.E_tw9Ya7z7YCLfXZWN5Tyn5B5d2HxTgtWeBLZ6Gyzkg"
-  }
-  //点击土豪帮还是魅力榜
-  $('.tab-week p').on('click', function () {
-    $(this).addClass('active').siblings().removeClass('active')
-    $(this).index() ? $('.week-award').addClass('bule') : $('.week-award').removeClass('bule')
-    $(this).index() ? $('.now-week-time').addClass('activ') : $('.now-week-time').removeClass('activ')
-    $(this).index() ? renderAward(moneyArr, moneyName) : renderAward(charmArr, charmName)
-
-    rankType = $(this).index() + 1
-    getData($(this).index() + 1)
-  })
-  //请求数据
-  function getData(rankType) {
-
-    $.ajax({
-      type: 'get',
-      // url: 'http://beta.api.pekolive.com/weekStar/getWeekStarList',
-      url: '/weekStar/getWeekStarList',
-      data: {
-        rankType,
-        uid: info.uid
-      },
-      headers: {
-        pub_uid: info.uid,
-        pub_ticket: info.ticket
-      },
-      success(res) {
-        if (res.code === 200) {
-          weekStarRankList = res.data.weekStarRankList
-          res.data.lastWeekStarList.length ? renderLastWeek(res.data.lastWeekStarList) : $('.last-week').fadeOut(0)
-          renderNowWeek(weekStarRankList)
-          renderRankWeek()
-        }
-        // renderAward(res.data.award)
-
-      }
-    })
-  }
-  //点击活动详情按钮
-  $('.act-detail').on('click', function () {
-    window.location.href = './detail.html'
-  })
-  //渲染本周礼物
-  function renderNowWeek(data) {
-    let str = ''
-    data.forEach((value, index) => {
-      str += ` <p class="${index == 0 ? 'active' : ''}"><img src="${value.gift.picUrl}" alt="">
-      <span>${value.gift.giftName}</span></p>`
-    })
-    $('.now-week-three-tab').html(str)
-  }
-
-
-  //点击本周礼物图标渲染不一样的数据
-  $('.now-week-three-tab').on('click', 'p', function () {
-    $(this).addClass('active').siblings().removeClass('active')
-    renderRankWeek($(this).index())
-  })
-  //渲染上周数据
-  function renderLastWeek(data) {
-    let str = ''
-    for (let item of data) {
-      let nick = item.weekStarRankList[0].nick
-      str += ` <li ><div class="last-week-gift">
-        <img src="${item.gift.picUrl}" alt="">
-        <p class="gift-name">${item.gift.giftName}</p></div>
-        <img data-uid="${item.weekStarRankList[0].uid}" class="headimg" src="./images/0.png" alt="">
-      <img class="avatar" src="${item.weekStarRankList[0].avatar}" alt="">
-      <p class="last-week-name"><span class="${nick.length <= 5 ? '' : 'wordsLoop'}">${nick}</span></p></li>`
-    }
-    $('.last-week ul').html(str)
-  }
-  //渲染本周排名数据
-  function renderRankWeek(index = 0) {
-    //执行渲染我的函数
-    renderMine(weekStarRankList[index].mineRank)
-    //如果没有前三的数据，需要显示虚位以待
-    let falseData = {
-      avatar: './images/empty.png',
-      nick: '虚位以待',
-      amount: '0',
-      erbanNo: ''
-    }
-    let dataList = weekStarRankList[index]
-    let str = ''
-    let strOther = ''
-    //渲染前三名
-    let topThree = dataList.weekStarRankList.slice(0, 3)
-    if (topThree.length < 3) topThree.push(...new Array(3 - topThree.length).fill(falseData))
-
-    let other = dataList.weekStarRankList.slice(3)
-    if (other.length < 2) other.push(...new Array(2 - other.length).fill(falseData))
-    topThree.forEach((value, index) => {
-      str += `<li data-uid="${value.uid}">  <div class="picture-frame"> <img src="./images/${index}.png" alt=""></div>
-       <img class="picture" src="${value.avatar}" alt="">
-      <p class="nick">${value.nick.length > 6 ? value.nick.slice(0, 6) + '...' : value.nick}</p>
-      <p class="charm-num">${rankType == 1 ? "魅力值" : '豪气值'}${value.amount}</p></li>`
-    })
-    other.forEach((val, ind) => {
-      strOther += `<li data-uid="${val.uid}"> <span class="rank-index">${ind + 4}</span>
-    
-      <img src="${val.avatar}" alt="">
-      <p class="user-detail"><span>${val.nick.length > 6 ? val.nick.slice(0, 6) + '...' : val.nick}</span>
-        <span>ID:${val.erbanNo}</span></p>
-      <p class="charm-num">${val.amount}</p></li>`
-    })
-    $('.now-week-threetop ul').html(str)
-    $('.now-week-other ul').html(strOther)
-
-  }
-
-  // renderAward(data.data.award)
-  //渲染星球奖励列表，这里是写死的
-  function renderAward(award, awardName) {
-    let str = ` <div class="first">
-    <p class="tit">第1名</p><ul><li><div class="head">
-          <span> <img src="./images/first.png" alt=""></span>
-          <img class=${awardName[0] == 'UFO座驾' ? "namemoney" : "nameplate"} src="./gift/${award[0]}" alt="">
-        </div><p class="gift-name">${awardName[0]}</p>
-      </li><li><div class="head">
-          <span> <img src="./images/first.png" alt=""></span>
-          <!-- <div class="animation animation-2"></div> -->
-          <img src="./gift/${award[1]}" alt="">
-        </div><p class="gift-name">${awardName[1]}</p>
-      </li><li><div class="head"><span> <img src="./images/first.png" alt=""></span>
-          <img src="./gift/${award[2]}" alt="">
-        </div><p class="gift-name">${awardName[2]}</p></li></ul></div>
-  <div class="second">
-    <p class="tit">第2名</p><ul><li><div class="head">
-          <span> <img src="./images/five.png" alt=""></span>
-          <img src="./gift/${award[3]}" alt="">
-        </div><p class="gift-name">${awardName[3]}</p></li>
-      <li><p class="head"><span> <img src="./images/five.png" alt=""></span>
-          <img src="./gift/${award[4]}" alt="">
-        </p><p class="gift-name">${awardName[4]}</p></p></li></ul>
-  </div>
-  <div class="third"><p class="tit">第3名</p><ul><li><p class="head">
-      <span> <img src="./images/three.png" alt=""></span>
-          <img src="./gift/${award[5]}" alt="">
-        </p><p class="gift-name">${awardName[5]}</p></li><li><p class="head">
-          <span> <img src="./images/three.png" alt=""></span>
-          <img  src="./gift/${award[6]}" alt=""></p>
-        <p class="gift-name">${awardName[6]}</p></li></ul></div>
-  <div class="other"><p class="tit">第4-10名</p><ul>
-      <li><p class="head"><span><img src="./images/two.png" alt="">
-          </span><img src="./gift/${award[7]}" alt="">
-        </p><p class="gift-name">${awardName[7]}</p></li></ul></div>`
-    $('.week-award-bg').html(str)
-  }
-  //渲染自己的信息
-  function renderMine(data) {
-    $('.mine').html(` <p class="ranking">${data.rank === -1 ? '未上榜' : data.rank}</p>
-    <img src="${data.avatar}" alt=""> <div class="mine-detail">
-      <p class="mine-d"> <span>${data.nick.length >= 4 ? data.nick.slice(0, 4) + '...' : data.nick}</span>
-        <span class="value">${rankType == 1 ? "魅力值" : '豪气值'}：${data.amount}</span> </p>
-      <p class="distance">${(!data.amount || !data.deviation) ? '' : `距离上一名还差${data.deviation}${rankType == 1 ? "魅力值" : '豪气值'}`}</p> </div>`)
-  }
-
-  //时间倒计时
-  function countDown(endDateStr) {
-    //结束时间
-    var nowDate = new Date().getTime();
-    let i = parseInt((nowDate - time) / 604800000)
-
-    var endDate = time + 604800000 * (i + 1);
-    //当前时间
-    // var nowDate = new Date().getTime();
-    //相差的总秒数
-    var totalSeconds = parseInt((endDate - nowDate) / 1000);
-    //天数
-    var days = Math.floor(totalSeconds / (60 * 60 * 24));
-    //取模（余数）
-    var modulo = totalSeconds % (60 * 60 * 24);
-    //小时数
-    var hours = Math.floor(modulo / (60 * 60)) >= 10 ? Math.floor(modulo / (60 * 60)) : "0" + Math.floor(modulo / (60 * 60));
-    modulo = modulo % (60 * 60);
-    //分钟
-    var minutes = Math.floor(modulo / 60) >= 10 ? Math.floor(modulo / 60) : '0' + Math.floor(modulo / 60);
-    //秒
-    var seconds = modulo % 60 >= 10 ? modulo % 60 : '0' + modulo % 60;
-    //输出到页面
-    $('.now-week-time p span').html(`${days}天 ${hours}:${minutes}:${seconds}`)
-    //延迟一秒执行自己
-    timer = setTimeout(function () {
-      clearTimeout(timer)
-      countDown(endDate);
-    }, 1000)
-  }
-
-  setTimeout(() => {
-    getData(rankType)
-    countDown()
-    renderAward(charmArr, charmName)
-    // renderRankWeek(0)
-  }, 50)
-
-  function openPerson(dom) {
-    $(document).on('click', dom, function () {
-      let erbanUid = $(this).data('uid')
-      if (!browser.app) return
-      if (browser.ios) {
-        window.webkit.messageHandlers.openPersonPage.postMessage(erbanUid);
-      } else if (browser.android) {
-        if (androidJsObj && typeof androidJsObj === 'object') {
-          window.androidJsObj.openPersonPage(erbanUid);
-        }
-      }
-    })
-  }
-  openPerson('.last-week li .headimg')
-  openPerson('.now-week-threetop li')
-  openPerson('.now-week-other li')
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        getConfig();
+    }, 100)
 })
-function getMessage(key, value) {
-  info[key] = value;
+// 处理SVGA
+document.addEventListener('DOMContentLoaded', function () {
+    function loadSVGA(containerId, svgaPath) {
+        var container = document.getElementById(containerId);
+        var player = new SVGA.Player(container);
+
+        var parser = new SVGA.Parser();
+        parser.load(svgaPath, function (videoItem) {
+            player.setVideoItem(videoItem);
+            player.startAnimation();
+        });
+    }
+
+    loadSVGA('xz1', './svga/xz1.svga');
+    loadSVGA('xz2', './svga/xz2.svga');
+    loadSVGA('ts1', './svga/1.svga');
+    loadSVGA('ts2', './svga/23.svga');
+    loadSVGA('ts3', './svga/23.svga');
+    loadSVGA('lsls', './svga/lsls.svga');
+    loadSVGA('kt', './svga/kt.svga');
+    loadSVGA('kt2', './svga/kt.svga');
+});
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    // $('.pub .pub_in .box img').attr('src', langReplace(localLang.demoModule.img1))
+    if (getQueryString().lang == "ar") {
+        $('.pub .pub_in .box .centent .xz').attr('dir', 'let')
+        $('.pub .pub_in .box .centent .zj').attr('dir', 'let')
+    }
+    $('.text1').text(langReplace(localLang.demoModule.text1));
+    $('.text2').text(langReplace(localLang.demoModule.text2));
+    $('.text3').text(langReplace(localLang.demoModule.text3));
+    $('.text4').text(langReplace(localLang.demoModule.text4));
+    $('.text5').text(langReplace(localLang.demoModule.text5));
+    $('.text6').text(langReplace(localLang.demoModule.text6));
+    $('.text7').text(langReplace(localLang.demoModule.text7));
+    $('.text8').text(langReplace(localLang.demoModule.text8));
+    $('.text9').text(langReplace(localLang.demoModule.text9));
+    $('.text10').text(langReplace(localLang.demoModule.text10));
+    $('.text11').text(langReplace(localLang.demoModule.text11));
+    $('.text12').text(langReplace(localLang.demoModule.text12));
+    $('.text13').text(langReplace(localLang.demoModule.text13));
+    $('.text14').html(langReplace(localLang.demoModule.text14));
+}
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/weekStar/getWeekStarList',
+        success(res) {
+            if (res.code === 200) {
+                // 渲染倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 处理上周榜单前三
+                if (res.data.lastWeekStar.weekStarRankList) {
+                    lastWeekList(res);
+                } else {
+                    res.data.lastWeekStar.weekStarRankList = [];
+                    lastWeekList(res);
+                }
+                // 处理本周礼物渲染
+                res.data.weekStarRank.giftList.forEach((res, i) => {
+                    $(`.weeekListTop .weekStarGift .box${i + 1} img`).attr('src', res.picUrl);
+                    $(`.weeekListTop .weekStarGift .box${i + 1} span`).text(res.giftName);
+                })
+                // 处理本周榜单
+                if (res.data.weekStarRank.weekStarRankList) {
+                    thisWeekList(res);
+                } else {
+                    res.data.weekStarRank.weekStarRankList = [];
+                    thisWeekList(res);
+                }
+                // 处理自己
+                var me = res.data.weekStarRank.mineRank;
+                $('.my .myInfo .num').text(me.rank <= 0 ? '30+' : me.rank);
+                $('.my .myInfo .tx').attr('src', me.avatar);
+                $('.my .myInfo .user p').text(me.nick);
+                $('.my .myInfo .user b').text(me.erbanNo);
+                $('.my .myInfo .score b').text(unitProcessingAr(me.amount), 2);
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 上周
+function lastWeekList(res) {
+    var listTo3 = res.data.lastWeekStar.weekStarRankList.slice(0, 3);
+    if (listTo3.length < 3) {
+        let arr = new Array(3 - listTo3.length).fill({
+            avatar: './images/null.png',
+            nick: langReplace(localLang.demoModule.text15),
+            amount: "",
+            erbanNo: "0"
+        })
+        listTo3.push(...arr)
+    }
+    listTo3.forEach((val, i) => {
+        $(`.lastTop .topBox .top${i + 1} .tx`).attr('src', val.avatar);
+        $(`.lastTop .topBox .top${i + 1} .score b`).text(unitProcessingAr(val.amount, 2));
+        $(`.lastTop .topBox .top${i + 1} .name`).text(val.nick);
+        $(`.lastTop .topBox .top${i + 1} .id`).text(`ID:${val.erbanNo}`);
+    })
+}
+// 这周
+function thisWeekList(res) {
+    var listTo3 = res.data.weekStarRank.weekStarRankList.slice(0, 3);
+    var notListTo3 = res.data.weekStarRank.weekStarRankList.slice(3);
+    if (notListTo3.length == 0) { $('.list .more').hide(); }
+    arr = paginateArray(notListTo3, 10);
+    if (arr.length == 1) { $('.list .more').hide(); }
+    maxPage = paginateArray(notListTo3, 10).length - 1;
+    // var newArr = notListTo3(0, 10);
+    //处理前三
+    if (listTo3.length < 3) {
+        let arr = new Array(3 - listTo3.length).fill({
+            avatar: './images/null.png',
+            nick: langReplace(localLang.demoModule.text15),
+            amount: "",
+            erbanNo: "0"
+        })
+        listTo3.push(...arr)
+    }
+    listTo3.forEach((val, i) => {
+        $(`.thisTop .topBox .top${i + 1} .tx`).attr('src', val.avatar);
+        $(`.thisTop .topBox .top${i + 1} .score b`).text(unitProcessingAr(val.amount, 2));
+        $(`.thisTop .topBox .top${i + 1} .name`).text(val.nick);
+        $(`.thisTop .topBox .top${i + 1} .id`).text(`ID:${val.erbanNo}`);
+    })
+    //处理非前三
+    $('.list ul li').remove();
+    var str = '';
+    var thisArr = arr[page] ? arr[page] : [];
+    thisArr.forEach((res, i) => {
+        str += `
+            <li>
+                <div class="num">${(res.rank)}</div>
+                <img src="${res.avatar}" alt="" class="tx">
+                <div class="user">
+                    <p>${res.nick}</p>
+                    <b>ID:${res.erbanNo}</b>
+                </div>
+                <div class="score">
+                    <img src="./images/gold.png" alt="">
+                    <b>${unitProcessingAr(res.amount, 2)}</b>
+                </div>
+            </li>
+    `})
+    $('.list ul').append(str);
+}
+// 点击加载更多
+$('.list .more').click(function () {
+    console.log(page);
+    page = page + 1;
+    console.log(page, maxPage);
+    console.log(arr);
+    var str = '';
+    arr[page].forEach((res, i) => {
+        str += `
+            <li>
+                <div class="num">${(res.rank)}</div>
+                <img src="${res.avatar}" alt="" class="tx">
+                <div class="user">
+                    <p>${res.nick}</p>
+                    <b>ID:${res.erbanNo}</b>
+                </div>
+                <div class="score">
+                    <img src="./images/gold.png" alt="">
+                    <b>${unitProcessingAr(res.amount, 2)}</b>
+                </div>
+            </li>
+    `})
+    $('.list ul').append(str);
+    if (page >= maxPage) {
+        $('.list .more').hide();
+        return
+    }
+})
+function paginateArray(arr, itemsPerPage) {
+    const result = [];
+    for (let i = 0; i < arr.length; i += itemsPerPage) {
+        const page = arr.slice(i, i + itemsPerPage);
+        result.push(page);
+    }
+    return result;
 }
 
-///carActivity/user
-
-// amount
-
-
-// if (browser.ios) {
-//   window.webkit.messageHandlers.openPersonPage.postMessage(erbanUid);
-// } else if (browser.android) {
-//   if (androidJsObj && typeof androidJsObj === 'object') {
-//     window.androidJsObj.openPersonPage(erbanUid);
-//   }
-// }
\ No newline at end of file
+// 倒計時
+function countup(leftTime) {
+    clearTimeout(countupTime)
+    //獲取當前時間
+    // var now = nowTime;
+    var d = 0;
+    var h = 0;
+    var m = 0;
+    var s = 0;
+    //定義變數 d,h,m,s保存倒計時的時間
+    var d, h, m, s;
+    //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 
+    if (leftTime > 0) {
+        d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
+        h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
+        m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
+        s = getzf(Math.floor(leftTime / 1000 % 60));
+        //將倒計時賦值到div中
+        $('.timeBox .day b').text(d);
+        $('.timeBox .hour b').text(h);
+        $('.timeBox .min b').text(m);
+    } else {
+        getConfig();
+    }
+    if (leftTime > 0) {
+        leftTime = leftTime - 1000;
+    }
+    countupTime = setTimeout(function () {
+        countup(leftTime);
+    }, 1000);
+}
+//补0操作  
+function getzf(num) {
+    if (parseInt(num) < 10) {
+        num = '0' + num;
+    }
+    return num;
+}
+// 打开规则
+$('.header .rule_icon').click(function () {
+    $('.pub').show();
+    bodyScroolFun(true);
+})
+// 关闭规则
+$('.pub .pub_in .rule_close').click(function () {
+    $('.pub').hide();
+    bodyScroolFun(false);
+})
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/js/jquery.animateSprite.min.js b/view/molistar/modules/weekStar/js/jquery.animateSprite.min.js
deleted file mode 100644
index ade97c6..0000000
--- a/view/molistar/modules/weekStar/js/jquery.animateSprite.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/*! jqueryanimatesprite - v1.3.5 - 2014-10-17
-* http://blaiprat.github.io/jquery.animateSprite/
-* Copyright (c) 2014 blai Pratdesaba; Licensed MIT */
-(function(t,i,n){"use strict";var e=function(i){return this.each(function(){var e=t(this),a=e.data("animateSprite"),r=function(t){var i=e.css("background-image").replace(/url\((['"])?(.*?)\1\)/gi,"$2"),n=new Image;n.onload=function(){var i=n.width,e=n.height;t(i,e)},n.src=i};a||(e.data("animateSprite",{settings:t.extend({width:e.width(),height:e.height(),totalFrames:!1,columns:!1,fps:12,complete:function(){},loop:!1,autoplay:!0},i),currentFrame:0,controlAnimation:function(){var t=function(t,i){return t++,t>=i?this.settings.loop===!0?(t=0,a.controlTimer()):this.settings.complete():a.controlTimer(),t};if(this.settings.animations===n)e.animateSprite("frame",this.currentFrame),this.currentFrame=t.call(this,this.currentFrame,this.settings.totalFrames);else{if(this.currentAnimation===n)for(var i in this.settings.animations){this.currentAnimation=this.settings.animations[i];break}var r=this.currentAnimation[this.currentFrame];e.animateSprite("frame",r),this.currentFrame=t.call(this,this.currentFrame,this.currentAnimation.length)}},controlTimer:function(){var t=1e3/a.settings.fps;a.settings.duration!==n&&(t=a.settings.duration/a.settings.totalFrames),a.interval=setTimeout(function(){a.controlAnimation()},t)}}),a=e.data("animateSprite"),a.settings.columns?a.settings.autoplay&&a.controlTimer():r(function(t,i){if(a.settings.columns=Math.round(t/a.settings.width),!a.settings.totalFrames){var n=Math.round(i/a.settings.height);a.settings.totalFrames=a.settings.columns*n}a.settings.autoplay&&a.controlTimer()}))})},a=function(i){return this.each(function(){if(t(this).data("animateSprite")!==n){var e=t(this),a=e.data("animateSprite"),r=Math.floor(i/a.settings.columns),s=i%a.settings.columns;e.css("background-position",-a.settings.width*s+"px "+-a.settings.height*r+"px")}})},r=function(){return this.each(function(){var i=t(this),n=i.data("animateSprite");clearTimeout(n.interval)})},s=function(){return this.each(function(){var i=t(this),n=i.data("animateSprite");i.animateSprite("stopAnimation"),n.controlTimer()})},o=function(){return this.each(function(){var i=t(this),n=i.data("animateSprite");i.animateSprite("stopAnimation"),n.currentFrame=0,n.controlTimer()})},m=function(i){return this.each(function(){var n=t(this),e=n.data("animateSprite");"string"==typeof i?(n.animateSprite("stopAnimation"),e.settings.animations[i]!==e.currentAnimation&&(e.currentFrame=0,e.currentAnimation=e.settings.animations[i]),e.controlTimer()):(n.animateSprite("stopAnimation"),e.controlTimer())})},c=function(i){return this.each(function(){var n=t(this),e=n.data("animateSprite");e.settings.fps=i})},u={init:e,frame:a,stop:r,resume:s,restart:o,play:m,stopAnimation:r,resumeAnimation:s,restartAnimation:o,fps:c};t.fn.animateSprite=function(i){return u[i]?u[i].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof i&&i?(t.error("Method "+i+" does not exist on jQuery.animateSprite"),n):u.init.apply(this,arguments)}})(jQuery,window);
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/js/newWeekStar.js b/view/molistar/modules/weekStar/js/newWeekStar.js
deleted file mode 100644
index 748efb2..0000000
--- a/view/molistar/modules/weekStar/js/newWeekStar.js
+++ /dev/null
@@ -1,335 +0,0 @@
-let urlPrefix = getUrlPrefix();
-var browser = checkVersion();
-var info = {};
-if (EnvCheck() === 'test') new VConsole
-// 封装layer消息提醒框
-let layerIndex
-var langReplace;
-var localLang;
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success(e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
-}
-const hideLoading = (index) => {
-    layer.close(index)
-}
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
-}
-var endTime2 = null;  //结束时间
-var timeLost = true; //时间锁
-var rankType = 1; //1:魅力榜 2:豪气榜
-var rankTypeWeek = 1; //1:本周榜 2:上周榜
-var mineRankArr = []; //自己排名数组
-var giftListArr = [];//礼物数组
-var topThree = [];//前三排名数组
-var notTopThree = [];//非前三排名数组
-var lock = true;
-$(function () {
-    getInfoFromClient()
-    fuzzyMatchUpdateQueryStringParameterFun();
-    setTimeout(function () {
-        fuzzyMatchUpdateQueryStringParameterFun();
-        langReplace = window.lang.replace;
-        localLang = window.lang;
-        translateFun();
-        getWeekStarAward(rankType, rankTypeWeek);
-    }, 50)
-})
-function translateFun() {
-    var langReplace = window.lang.replace;
-    var localLang = window.lang;
-    $('#title').html(langReplace(localLang.demoModule.title));
-    $('#text2').html(langReplace(localLang.demoModule.text2));
-    $('.header').attr('style', langReplace(localLang.demoModule.img));
-    $('.header a img').attr('src', langReplace(localLang.demoModule.img2));
-    $(`.tab1`).attr('style', langReplace(localLang.demoModule.img3));
-    $(`.tab2`).attr('style', langReplace(localLang.demoModule.img4));
-    $(`.box .sTab`).attr('style', langReplace(localLang.demoModule.img5));
-    $(`.box .sTab_active`).attr('style', langReplace(localLang.demoModule.img6));
-}
-function getWeekStarAward(rankType, rankTypeWeek) {
-    showLoading();
-    networkRequest({
-        type: 'GET',
-        url: urlPrefix + '/weekStar/getWeekStarList',
-        data: {
-            rankType,
-            uid: pubInfo.uid
-        },
-        success(res) {
-            if (res.code === 200) {
-                // 处理倒计时
-                endTime2 = res.data.endTime;
-                if (timeLost) {
-                    countup();
-                    timeLost = false;
-                }
-                giftListArr.length = 0;//礼物列表数组清空
-                mineRankArr.length = 0;// 自己排名数组清空
-                topThree.length = 0;// 清空前三数组
-                notTopThree.length = 0;// 清空非前三数组
-                $('.box .giftListBox .giftList li').remove();// 礼物dom删除
-                $('.box .not_top_three li').remove();// 非前三列表dom删除
-                //本周
-                if (rankTypeWeek == 1) {
-                    // 处理礼物列表
-                    var giftListStr = ``;
-                    res.data.weekStarRankList.forEach((res, index) => {
-                        giftListArr.push(res.gift);
-                        mineRankArr.push(res.mineRank);
-                        topThree.push(res.weekStarRankList);
-                        notTopThree.push(res.weekStarRankList);
-                    });
-                    mineRankArrFun(mineRankArr, 0, rankType);
-                    // 处理礼物数组
-                    giftListArr.forEach((res, index) => {
-                        giftListStr += `
-                        <li class="${index == 0 ? 'active' : ''}">
-                            <img src="${res.picUrl}" alt="">
-                            <span>${res.giftName}</span>
-                        </li>
-                    `
-                    })
-                    if (giftListArr.length > 2) {
-                        $('.box .giftListBox .giftList').css("width", `${9.12 + (giftListArr.length * 1.05)}rem`)
-                    }
-                    $('.box .giftListBox .giftList').append(giftListStr)
-                    // 礼物列表切换
-                    $('.box .giftList li').click(function () {
-                        var index = $(this).index();
-                        $(this).addClass('active').siblings().removeClass('active');
-                        mineRankArrFun(mineRankArr, index, rankType);
-                        weekStarRankList(topThree, index, rankType);
-                        $('.box .not_top_three li').remove();// 非前三列表dom删除
-                        notWeekStarRankList(notTopThree, index, rankType);
-                    })
-                    // 处理前三
-                    weekStarRankList(topThree, 0, rankType);
-                    // 处理非前三
-                    notWeekStarRankList(notTopThree, 0, rankType);
-                } else {
-                    //上周
-                    // 处理礼物列表
-                    var giftListStr = ``;
-                    res.data.lastWeekStarList.forEach((res, index) => {
-                        giftListArr.push(res.gift);
-                        mineRankArr.push(res.mineRank);
-                        topThree.push(res.weekStarRankList);
-                        notTopThree.push(res.weekStarRankList);
-                    });
-                    mineRankArrFun(mineRankArr, 0, rankType);
-                    // 处理礼物数组
-                    giftListArr.forEach((res, index) => {
-                        giftListStr += `
-                            <li class="${index == 0 ? 'active' : ''}">
-                                <img src="${res.picUrl}" alt="">
-                                <span>${res.giftName}</span>
-                            </li>
-                        `
-                    })
-                    if (giftListArr.length > 2) {
-                        $('.box .giftListBox .giftList').css("width", `${9.12 + giftListArr.length * 1.05}rem`)
-                    }
-                    $('.box .giftListBox .giftList').append(giftListStr)
-                    // 礼物列表切换
-                    $('.box .giftList li').click(function () {
-                        var index = $(this).index();
-                        $(this).addClass('active').siblings().removeClass('active');
-                        mineRankArrFun(mineRankArr, index, rankType);
-                        weekStarRankList(topThree, index, rankType);
-                        $('.box .not_top_three li').remove();// 非前三列表dom删除
-                        notWeekStarRankList(notTopThree, index, rankType);
-                    })
-                    // 处理前三
-                    weekStarRankList(topThree, 0, rankType);
-                    // 处理非前三
-                    notWeekStarRankList(notTopThree, 0, rankType);
-                }
-                hideLoading(layerIndex);
-            } else {
-                hideLoading(layerIndex);
-                toastMsg(res.message);
-            }
-        },
-        error() {
-            hideLoading(layerIndex);
-            toastMsg('網絡錯誤');
-        }
-    })
-}
-// 本周上周切换
-$('.tabAbox div').click(function () {
-    var i = $(this).index();
-    if (i == 0) {
-        rankTypeWeek = 1;
-        $('.tabAbox').removeClass('tab2').addClass('tab1');
-        $('.tabAbox').attr('style', langReplace(localLang.demoModule.img3));
-        getWeekStarAward(rankType, rankTypeWeek);
-    } else {
-        rankTypeWeek = 2;
-        $('.tabAbox').removeClass('tab1').addClass('tab2');
-        $('.tabAbox').attr('style', langReplace(localLang.demoModule.img4));
-        getWeekStarAward(rankType, rankTypeWeek);
-    }
-
-})
-
-// 魅力豪气切换
-$('.sTab div').click(function () {
-    var i = $(this).index();
-    if (i == 0) {
-        rankType = 1;
-        $('.box .sTab').attr('style', langReplace(localLang.demoModule.img5));
-        getWeekStarAward(rankType, rankTypeWeek);
-    } else {
-        rankType = 2;
-        $('.box .sTab').attr('style', langReplace(localLang.demoModule.img6));
-        getWeekStarAward(rankType, rankTypeWeek);
-    }
-
-})
-// 处理前三函数
-function weekStarRankList(arr, index, type) {
-    var arrs = arr[index].slice(0, 3);
-    if (arrs.length < 3) {
-        let arr = new Array(3 - arrs.length).fill({
-            avatar: './images/newimages/null.png',
-            nick: langReplace(localLang.demoModule.text3),
-            amount: ""
-        })
-        arrs.push(...arr)
-    }
-    arrs.forEach((res, i) => {
-        $(`.box .top_three .No${i + 1} .tx img`).attr('src', res.avatar);
-        $(`.box .top_three .No${i + 1} .tx`).attr('uid', res.uid);
-        $(`.box .top_three .No${i + 1} p`).text(res.nick);
-        if (type == 1) {
-            $(`.box .top_three .No${i + 1} b`).text(`${res.amount == 0 ? '' : langReplace(localLang.demoModule.text4) + formatNumber(res.amount)}`);
-        } else {
-            $(`.box .top_three .No${i + 1} b`).text(`${res.amount == 0 ? '' : langReplace(localLang.demoModule.text5) + formatNumber(res.amount)}`);
-        }
-    })
-
-}
-// 跳转前三资料页
-$('.top_three .tx').click(function () {
-    var uid = Number($(this).attr("uid"));
-    if (lock) {
-        lock = false;
-        if (browser.ios) {
-            window.webkit.messageHandlers.openPersonPage.postMessage(uid);
-            setTimeout(function () { lock = true; }, 200)
-        } else if (browser.android) {
-            if (androidJsObj && typeof androidJsObj === 'object') {
-                window.androidJsObj.openPersonPage(uid);
-                setTimeout(function () { lock = true; }, 200)
-            }
-        }
-    }
-})
-// 处理前非三函数
-function notWeekStarRankList(arr, index, type) {
-    var arrs = arr[index].slice(3);
-    var str = ``;
-    arrs.forEach((res, i) => {
-        str += `
-                <li uid=${res.uid}>
-                    <span class="ranking">${i + 4}</span>
-                    <img src="${res.avatar}" alt="">
-                    <span class="nice">${res.nick}</span>
-                    <span class="num">${type == 1 ? res.amount == 0 ? '' : `${langReplace(localLang.demoModule.text4)}` + formatNumber(res.amount) : res.amount == 0 ? '' : `${langReplace(localLang.demoModule.text5)}` + formatNumber(res.amount)}</span>
-                </li>
-        `
-    })
-    $('.box .not_top_three').append(str)
-    $('.box .not_top_three li').click(function () {
-        var uid = Number($(this).attr("uid"));
-        if (lock) {
-            lock = false;
-            if (browser.ios) {
-                window.webkit.messageHandlers.openPersonPage.postMessage(uid);
-                setTimeout(function () { lock = true; }, 200)
-            } else if (browser.android) {
-                if (androidJsObj && typeof androidJsObj === 'object') {
-                    window.androidJsObj.openPersonPage(uid);
-                    setTimeout(function () { lock = true; }, 200)
-                }
-            }
-        }
-    })
-}
-// 处理自己排名数组
-function mineRankArrFun(arr, index, type) {
-    $('.myBox .ranking').text(arr[index].rank < 0 ? langReplace(localLang.demoModule.text7) : arr[index].rank);
-    $('.myBox .nice').text(arr[index].nick);
-    $('.myBox img').attr('src', arr[index].avatar);
-    if (type == 1) {
-        $('.myBox .num').text(`${langReplace(localLang.demoModule.text4)}${formatNumber(arr[index].amount)}`);
-    } else {
-        $('.myBox .num').text(`${langReplace(localLang.demoModule.text5)}${formatNumber(arr[index].amount)}`);
-    }
-}
-// 处理以万为单位
-function formatNumber(num) {
-    num = Number(num);
-    if (num == 0 || num <= 10000) {
-        return num;
-    } else
-        if (num > 1 && num < 10000) {
-            return num + '';
-        } else {
-            return (num / 10000).toFixed(2) + langReplace(localLang.demoModule.text6);
-        }
-}
-function countup() {
-    //获取当前时间
-    var date = new Date();
-    var now = date.getTime();
-    var d = 0;
-    var h = 0;
-    var m = 0;
-    var s = 0;
-    //设置截⽌时间
-    var end = endTime2;
-    //时间差
-    var leftTime = end - now;
-    //定义变量 d,h,m,s保存倒计时的时间
-    var d, h, m, s;
-    if (leftTime >= 0) {
-        d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
-        h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
-        m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
-        s = getzf(Math.floor(leftTime / 1000 % 60));
-        //将倒计时赋值到div中
-        $('.time span').text(d + langReplace(localLang.demoModule.text8) + h + " : " + m + " : " + s);
-        //递归每秒调⽤countTime⽅法，显⽰动态时间效果
-    } else {
-        $('.time span').text(`00 ${langReplace(localLang.demoModule.text8)} 00 : 00 : 00`);
-        return
-    }
-    setTimeout(countup, 1000);
-}
-//补0操作  
-function getzf(num) {
-    if (parseInt(num) < 10) {
-        num = '0' + num;
-    }
-    return num;
-}
-function checkTime(i) {
-    if (i < 10) {
-        i = "0" + i;
-    }
-    return i;
-}
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/js/newWeekStar2.js b/view/molistar/modules/weekStar/js/newWeekStar2.js
deleted file mode 100644
index 8616404..0000000
--- a/view/molistar/modules/weekStar/js/newWeekStar2.js
+++ /dev/null
@@ -1,22 +0,0 @@
-let urlPrefix = getUrlPrefix();
-var browser = checkVersion();
-var info = {};
-if (EnvCheck() === 'test') new VConsole
-var langReplace;
-var localLang;
-$(function () {
-    getInfoFromClient()
-    fuzzyMatchUpdateQueryStringParameterFun();
-    setTimeout(function () {
-        fuzzyMatchUpdateQueryStringParameterFun();
-        langReplace = window.lang.replace;
-        localLang = window.lang;
-        translateFun();
-    }, 50)
-})
-function translateFun() {
-    var langReplace = window.lang.replace;
-    var localLang = window.lang;
-    $('#title2').html(langReplace(localLang.demoModule.title2));
-    $('.rule_content').attr('style', langReplace(localLang.demoModule.img7));
-}
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/js/public.js b/view/molistar/modules/weekStar/js/public.js
deleted file mode 100644
index 6449936..0000000
--- a/view/molistar/modules/weekStar/js/public.js
+++ /dev/null
@@ -1,4 +0,0 @@
-let charmArr = ['charm-naming.png', 'charm-champion.gif', 'charm.png', 'charm-runner-up.png', 'charm1.png', 'charm-third.png', 'charm2.png', 'charm-other.png']
-let charmName = ['周星礼物冠名', '冠军头像框', '冠军铭牌', '亚军头像框', '亚军铭牌', '季军头像框', '季军铭牌', '基础头像框']
-let moneyArr = ['UFO.png', 'money-champion.gif', 'money.png', 'money-runner-up.png', 'money1.png', 'money-third.png', 'money2.png', 'money-other.png']
-let moneyName = ['UFO座驾', '冠军头像框', '冠军铭牌', '亚军头像框', '亚军铭牌', '季军头像框', '季军铭牌', '基础头像框']
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/local/ar.js b/view/molistar/modules/weekStar/local/ar.js
index 378d47d..e0970a3 100644
--- a/view/molistar/modules/weekStar/local/ar.js
+++ b/view/molistar/modules/weekStar/local/ar.js
@@ -2,22 +2,28 @@
 langAr = {
     // 模块
     demoModule: {
-        title: "ترتيب النجوم",
-        text2: "العد التنازلي:",
-        title2: "قواعد النشاط",
-        text3: "مكان شاغر",
-        text4: "قيمة السحر:",
-        text5: "قيمة البطولة:",
-        text6: "عشرة آلاف",
-        text7: "غير مصنف",
-        text8: "أيام",
-        img: "background: url(./images/newimages/header-ar.png) no-repeat;background-size: 100% 100%;",
-        img2: "./images/newimages/rule-ar.png",
-        img3: "background: url(./images/newimages/tab1_A-ar.png) no-repeat;background-size: 100% 100%;",
-        img4: "background: url(./images/newimages/tab2_B-ar.png) no-repeat;background-size: 100% 100%;",
-        img5: "background: url(./images/newimages/stab_B-ar.png) no-repeat;background-size: 100% 100%;",
-        img6: "background: url(./images/newimages/stab_A-ar.png) no-repeat;background-size: 100% 100%;",
-        img7: "background: url(./images/newimages/rule_content-ar.png) no-repeat;background-size: 100% 100%;"
-
+        layerIndex1: `جاري التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        img1: `./images/rule-ar.png`,
+        text1: 'ساحة النجوم',
+        text2: 'القاعدة',
+        text3: 'من الاثنين 00:00 إلى الأحد 23:59 GMT+3',
+        text4: 'أفضل هذا الأسبوع',
+        text5: 'قريباً',
+        text6: 'هذا الأسبوع',
+        text7: 'هدية النجوم',
+        text8: 'المزيد',
+        text9: 'يتم تحديث البيانات كل 5 دقائق.',
+        text10: 'يوم',
+        text11: 'ساعة',
+        text12: 'دقيقة',
+        text15: 'المكان متاح',
+        text13: 'القواعد:',
+        text14: `<p>1. سيكون هناك 3 هدايا نجمية أسبوعية تُحدَّث كل أسبوع، وسيتلقى أعلى 3 أشخاص في القائمة مكافآت، وسيتم الإعلان عنها في التطبيق بالكامل.</p>
+            <p>2. وقت النشاط: كل يوم إثنين من الساعة 00:00:00 إلى الأحد 23:59:59 بتوقيت غرينتش +3.</p>
+            <p>3. يمكنك الحصول على مكان في القائمة عن طريق إرسال هدايا نجمية أسبوعية. هدية أسبوعية 1 عملة = 1 نقطة.</p>
+            <p>4. فريقنا يمتلك التفسير النهائي لهذا النشاط.</p>
+            <p>5. هذا النشاط ليس له علاقة بأبل وجوجل.</p>`,
     }
 }
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/local/en.js b/view/molistar/modules/weekStar/local/en.js
index edd0987..c026f7f 100644
--- a/view/molistar/modules/weekStar/local/en.js
+++ b/view/molistar/modules/weekStar/local/en.js
@@ -1,23 +1,29 @@
-// 英文
 langEn = {
-    // 模块
     demoModule: {
-        title: "Star Ranking",
-        text2: "Countdown:",
-        title2: "Activity Rules",
-        text3: "Vacancy",
-        text4: "Charm Value:",
-        text5: "Heroic Value:",
-        text6: "Ten Thousand",
-        text7: "Not Ranked",
-        text8: "Days",
-        img: "background: url(./images/newimages/header-en.png) no-repeat;background-size: 100% 100%;",
-        img2: "./images/newimages/rule-en.png",
-        img3: "background: url(./images/newimages/tab1_A-en.png) no-repeat;background-size: 100% 100%;",
-        img4: "background: url(./images/newimages/tab2_B-en.png) no-repeat;background-size: 100% 100%;",
-        img5: "background: url(./images/newimages/stab_A-en.png) no-repeat;background-size: 100% 100%;",
-        img6: "background: url(./images/newimages/stab_B-en.png) no-repeat;background-size: 100% 100%;",
-        img7: "background: url(./images/newimages/rule_content-en.png) no-repeat;background-size: 100% 100%;"
-
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        img1: `./images/rule-en.png`,
+        text1: 'Star Plaza',
+        text2: 'Rule',
+        text3: 'Every Monday 00:00 to Sunday 23:59 GMT+3',
+        text4: 'Last Week TOP',
+        text5: 'Available Soon',
+        text6: 'This Week',
+        text7: 'Star Gift',
+        text8: 'More',
+        text9: 'Data is updated every 5 minutes.',
+        text10: 'Day',
+        text11: 'Hour',
+        text12: 'Min',
+        text15: 'Vacant',
+        text13: 'Rule:',
+        text14: `<p>1.There will be 3 weekly star gifts updated everyweek, and the corresponding top 3 on the list
+                    will receive rewards, and will beannounced on the whole app.</p>
+                <p>2.Activty time: Every Monday 00:00:00 to Sunday 23:59:59 GMT +3.</p>
+                <p>3.You can get on the list by sending weekly star gifts. Weekly gift 1 coin = 1 point.</p>
+                <p>4.Our team owns the final interpretation to this activity.</p>
+                <p>5.This activity has nothing to do with Apple&Google.</p>
+                `,
     }
 }
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/local/zh.js b/view/molistar/modules/weekStar/local/zh.js
index 7696311..62878b2 100644
--- a/view/molistar/modules/weekStar/local/zh.js
+++ b/view/molistar/modules/weekStar/local/zh.js
@@ -1,22 +1,29 @@
 // 中文
 langZh = {
-    // 模块
+    // 模塊
     demoModule: {
-        title: "周星榜",
-        text2: "倒计时：",
-        title2: "活動規則",
-        text3: "虛位以待",
-        text4: "魅力值:",
-        text5: "豪氣值:",
-        text6: "萬",
-        text7: "未上榜",
-        text8: "天",
-        img: `background: url(./images/newimages/header.png) no-repeat;background-size: 100% 100%;`,
-        img2: `./images/newimages/rule.png`,
-        img3: `background: url(./images/newimages/tab1_A.png) no-repeat;background-size: 100% 100%;`,
-        img4: `background: url(./images/newimages/tab2_B.png) no-repeat;background-size: 100% 100%;`,
-        img5: `background: url(./images/newimages/stab_A.png) no-repeat;background-size: 100% 100%;`,
-        img6: `background: url(./images/newimages/stab_B.png) no-repeat;background-size: 100% 100%;`,
-        img7: `background: url(./images/newimages/rule_content.png) no-repeat;background-size: 100% 100%;`,
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        img1: `./images/rule.png`,
+        text1: '星辉广场',
+        text2: '规则',
+        text3: '每周一 00:00 到 每周日 23:59 GMT+3',
+        text4: '上周排名',
+        text5: '即将推出',
+        text6: '本周',
+        text7: '星级礼物',
+        text8: '更多',
+        text9: '数据每5分钟更新一次。',
+        text10: '天',
+        text11: '时',
+        text12: '分',
+        text15: '虚位以待',
+        text13: '规则:',
+        text14: `<p>1、 每周会更新3个周星礼物，排行榜前3名将获得奖励，并将在整个应用内公布。</p>
+                <p>2、 活动时间：每周一 00:00:00 到 周日 23:59:59 GMT +3。</p>
+                <p>3、 通过发送周星礼物可以上榜。每周礼物 1 硬币 = 1 分。</p>
+                <p>4、 我们团队拥有此活动的最终解释权。</p>
+                <p>5、 此活动与苹果和谷歌无关。</p>`,
     }
 }
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/newDetail.html b/view/molistar/modules/weekStar/newDetail.html
deleted file mode 100644
index 623be22..0000000
--- a/view/molistar/modules/weekStar/newDetail.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title id="title2"></title>
-    <!-- 活動規則 -->
-    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/newWeekStar.css">
-    <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-    <div class="rule_content"></div>
-</body>
-
-</html>
-<script src="../../common/js/jquery-3.2.1.min.js"></script>
-<script src="../../common/js/common2.js"></script>
-<script src="../../common/js/layer.js"></script>
-<script src="../../common/js/vconsole.min.js"></script>
-<script src="./local/ar.js"></script>
-<script src="./local/en.js"></script>
-<script src="./local/zh.js"></script>
-<script src="./js/newWeekStar2.js"></script>
-<script src="../../common/local/langHandler.js"></script>
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/newWeekStar.html b/view/molistar/modules/weekStar/newWeekStar.html
deleted file mode 100644
index 1f1ac85..0000000
--- a/view/molistar/modules/weekStar/newWeekStar.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title id="title"></title>
-    <!-- 周星榜 -->
-    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/newWeekStar.css">
-    <script src="../../common/js/flexible.js"></script>
-</head>
-
-<body>
-    <!-- 头部 -->
-    <div class="header">
-        <a href="./newDetail.html"><img src="./images/newimages/rule.png" alt=""></a>
-    </div>
-    <!-- tab_A -->
-    <div class="tabAbox tab1">
-        <div></div>
-        <div></div>
-    </div>
-    <!-- content -->
-    <div class="box">
-        <!-- 时间 -->
-        <div class="time">
-            <b id="text2"></b><span></span>
-        </div>
-        <!-- 礼物名称列表 -->
-        <div class="giftListBox">
-            <ul class="giftList">
-                <!-- <li class="active">
-                    <img src="https://t7.baidu.com/it/u=3005842863,4006597302&fm=218&app=126&size=f242,150&n=0&f=GIF?s=3073E32643B1A3645CF06F870300F085&sec=1651942800&t=3a3451303a6a8a76116fd101fc6077b3"
-                        alt="">
-                    <span>礼物名称称</span>
-                </li> -->
-            </ul>
-        </div>
-        <!-- stab -->
-        <div class="sTab">
-            <div></div>
-            <div></div>
-        </div>
-        <!-- 前三榜单 -->
-        <div class="top_three">
-            <div class="No1">
-                <div class="tx">
-                    <img src="" alt="">
-                </div>
-                <p></p>
-                <b></b>
-            </div>
-            <div class="No2">
-                <div class="tx">
-                    <img src="" alt="">
-                </div>
-                <p></p>
-                <b></b>
-            </div>
-            <div class="No3">
-                <div class="tx">
-                    <img src="" alt="">
-                </div>
-                <p></p>
-                <b></b>
-            </div>
-        </div>
-        <!-- 非前三 -->
-        <ul class="not_top_three">
-            <!-- <li>
-                <span class="ranking">4</span>
-                <img src="https://img1.baidu.com/it/u=2753456959,2923423530&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
-                    alt="">
-                <span class="nice">用户昵称</span>
-                <span class="num">魅力值：1000</span>
-            </li> -->
-        </ul>
-    </div>
-
-    <!-- 自己榜单 -->
-    <div class="myBox">
-        <span class="ranking"></span>
-        <img src="" alt="">
-        <span class="nice"></span>
-        <span class="num"></span>
-    </div>
-</body>
-
-<script src="../../common/js/jquery-3.2.1.min.js"></script>
-<script src="../../common/js/common2.js"></script>
-<script src="../../common/js/layer.js"></script>
-<script src="../../common/js/vconsole.min.js"></script>
-<script src="./local/ar.js"></script>
-<script src="./local/en.js"></script>
-<script src="./local/zh.js"></script>
-<script src="./js/newWeekStar.js?v=1.1"></script>
-<script src="../../common/local/langHandler.js"></script>
-
-</html>
\ No newline at end of file
diff --git a/view/molistar/modules/weekStar/svga/1.svga b/view/molistar/modules/weekStar/svga/1.svga
new file mode 100644
index 0000000..bfe6475
Binary files /dev/null and b/view/molistar/modules/weekStar/svga/1.svga differ
diff --git a/view/molistar/modules/weekStar/svga/23.svga b/view/molistar/modules/weekStar/svga/23.svga
new file mode 100644
index 0000000..b1c28c4
Binary files /dev/null and b/view/molistar/modules/weekStar/svga/23.svga differ
diff --git a/view/molistar/modules/weekStar/svga/kt.svga b/view/molistar/modules/weekStar/svga/kt.svga
new file mode 100644
index 0000000..a4f5458
Binary files /dev/null and b/view/molistar/modules/weekStar/svga/kt.svga differ
diff --git a/view/molistar/modules/weekStar/svga/lsls.svga b/view/molistar/modules/weekStar/svga/lsls.svga
new file mode 100644
index 0000000..f57a04c
Binary files /dev/null and b/view/molistar/modules/weekStar/svga/lsls.svga differ
diff --git a/view/molistar/modules/weekStar/svga/xz1.svga b/view/molistar/modules/weekStar/svga/xz1.svga
new file mode 100644
index 0000000..69310ca
Binary files /dev/null and b/view/molistar/modules/weekStar/svga/xz1.svga differ
diff --git a/view/molistar/modules/weekStar/svga/xz2.svga b/view/molistar/modules/weekStar/svga/xz2.svga
new file mode 100644
index 0000000..d6ad9d9
Binary files /dev/null and b/view/molistar/modules/weekStar/svga/xz2.svga differ