修改幸运数字查看结果页面标题展示总奖池数

view/molistar/activity/2024-loginGift/index.html

@@ -71,5 +71,6 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
 <script src="./js/index.js"></script>
 <script src="../../common/local/langHandler.js"></script>

view/molistar/activity/2024-loginGift/local/tr.js

@@ -0,0 +1,5 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {}
+}

view/molistar/activity/2025-YemenUnityDay/css/index.css

@@ -0,0 +1,887 @@
+html,
+body {
+  width: 100%;
+  background: #500000;
+}
+
+.back {
+  width: 100%;
+  height: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  position: fixed;
+  left: 0;
+  top: 0.8666666667rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.5066666667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+.back img {
+  width: 0.5866666667rem;
+  height: 0.5866666667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 10.3466666667rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+.header .date {
+  width: 8.9333333333rem;
+  height: 0.7466666667rem;
+  line-height: 0.7466666667rem;
+  background: url(../images/time_bg.png) no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.3466666667rem;
+  font-weight: 500;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.7866666667rem;
+}
+.header .rule {
+  width: 1.4666666667rem;
+  height: 0.72rem;
+  line-height: 0.72rem;
+  text-indent: 0.1rem;
+  text-align: center;
+  color: #433402;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+  background: url(../images/rule_icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  right: 0;
+  top: 5.5466666667rem;
+}
+
+.giftBox {
+  position: relative;
+  width: 10rem;
+  height: 6.4266666667rem;
+  background: url(../images/giftBox.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0rem auto 0.4266666667rem;
+  overflow: hidden;
+}
+.giftBox .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0rem;
+  text-align: center;
+  width: 7.5066666667rem;
+  height: 1.8533333333rem;
+  line-height: 2.6666666667rem;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+.giftBox .content {
+  width: 8.1333333333rem;
+  color: #FFF783;
+  font-size: 0.3466666667rem;
+  font-weight: 400;
+  line-height: 0.56rem;
+  margin: 2.6rem auto 0.2rem;
+}
+.giftBox .gift {
+  width: 8.1333333333rem;
+  height: 2.6666666667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 2.6666666667rem auto 0;
+}
+.giftBox .gift div {
+  width: 2.6666666667rem;
+  height: 2.6666666667rem;
+  position: relative;
+  background: url(../images/sGiftBox.png) no-repeat;
+  background-size: 100% 100%;
+}
+.giftBox .gift div img {
+  width: 2.1333333333rem;
+  height: 2.1333333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.24rem;
+}
+.giftBox .gift div span {
+  width: 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 600;
+  position: absolute;
+  left: 0;
+  bottom: -0.5rem;
+}
+
+.timeBox {
+  height: 1.3866666667rem;
+  margin: 0.2rem auto 0.2933333333rem;
+  box-sizing: border-box;
+  padding: 0 1.0666666667rem;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+  gap: 0.4rem;
+}
+.timeBox div {
+  width: 1.32rem;
+  height: 1.2266666667rem;
+  box-sizing: border-box;
+  text-align: center;
+  background: url(../images/timeBox_in.png) no-repeat;
+  background-size: 100% 100%;
+}
+.timeBox div span {
+  display: block;
+  color: #FFF783;
+  font-size: 0.4533333333rem;
+  font-weight: 500;
+  margin: 0.2133333333rem auto 0.0266666667rem;
+}
+.timeBox div b {
+  display: block;
+  color: #FFF783;
+  font-size: 0.32rem;
+  font-weight: 400;
+  margin-top: 0.0533333333rem;
+}
+
+.page1 {
+  margin: 1.8666666667rem auto 0;
+}
+.page1 .top {
+  width: 10rem;
+  height: 13.3333333333rem;
+  position: relative;
+  background: url(../images/topBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  padding: 0.1066666667rem 0 0;
+}
+.page1 .top .tab {
+  width: 100%;
+  height: 1rem;
+  box-sizing: border-box;
+  line-height: 1rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0rem auto 0.32rem;
+  position: absolute;
+  top: -8%;
+  gap: 0.2666666667rem;
+  padding: 0 0.5333333333rem;
+}
+.page1 .top .tab div {
+  width: 4.3333333333rem;
+  height: 1rem;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 800;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page1 .top .tab .act {
+  background: url(../images/actTab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page1 .top .top1 {
+  width: 8rem;
+  height: 5.0666666667rem;
+  position: relative;
+  margin: 1rem auto 0;
+}
+.page1 .top .top1 .ts {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+.page1 .top .top1 .tx {
+  width: 2.3733333333rem;
+  height: 2.3733333333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.3333333333rem;
+}
+.page1 .top .top1 .name {
+  width: 35%;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  top: 4.2666666667rem;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+.page1 .top .top1 .name b {
+  max-width: 2.6rem;
+  text-align: right;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page1 .top .top1 .name img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .top .top1 .id {
+  width: 100%;
+  position: absolute;
+  top: 4.88rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+}
+.page1 .top .top1 .score {
+  height: 0.88rem;
+  line-height: 0.88rem;
+  position: absolute;
+  top: 5.3333333333rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+}
+.page1 .top .top1 .score b {
+  color: #2D2A00;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+}
+.page1 .top .top1 .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin-right: 0.1rem;
+}
+.page1 .top .top2 {
+  width: 4rem;
+  height: 4rem;
+  position: absolute;
+  left: 0.6666666667rem;
+  top: 7.3333333333rem;
+  margin: 0 auto 0;
+}
+.page1 .top .top2 .ts {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+.page1 .top .top2 .tx {
+  width: 2.3733333333rem;
+  height: 2.3733333333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.8266666667rem;
+}
+.page1 .top .top2 .name {
+  width: 83%;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  top: 3.7866666667rem;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+.page1 .top .top2 .name b {
+  max-width: 2.6rem;
+  text-align: right;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page1 .top .top2 .name img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .top .top2 .id {
+  width: 100%;
+  position: absolute;
+  top: 4.3733333333rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+}
+.page1 .top .top2 .score {
+  height: 0.88rem;
+  line-height: 0.88rem;
+  position: absolute;
+  top: 4.9333333333rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+}
+.page1 .top .top2 .score b {
+  color: #2D2A00;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+}
+.page1 .top .top2 .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin-right: 0.1rem;
+}
+.page1 .top .top3 {
+  width: 4rem;
+  height: 4rem;
+  position: absolute;
+  right: 0.6666666667rem;
+  top: 7.3333333333rem;
+  margin: 0 auto 0;
+}
+.page1 .top .top3 .ts {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+.page1 .top .top3 .tx {
+  width: 2.3733333333rem;
+  height: 2.3733333333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.8266666667rem;
+}
+.page1 .top .top3 .name {
+  width: 83%;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  height: 0.48rem;
+  line-height: 0.48rem;
+  position: absolute;
+  top: 3.7866666667rem;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+.page1 .top .top3 .name b {
+  max-width: 2.6rem;
+  text-align: right;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.page1 .top .top3 .name img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .top .top3 .id {
+  width: 100%;
+  position: absolute;
+  top: 4.3733333333rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+}
+.page1 .top .top3 .score {
+  height: 0.88rem;
+  line-height: 0.88rem;
+  position: absolute;
+  top: 4.9333333333rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+}
+.page1 .top .top3 .score b {
+  color: #2D2A00;
+  font-size: 0.3733333333rem;
+  font-weight: 500;
+}
+.page1 .top .top3 .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin-right: 0.1rem;
+}
+.page1 .bottom {
+  width: 10rem;
+  height: 0.6666666667rem;
+  background: url(../images/bottomBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -0.2rem auto 0;
+  position: relative;
+  z-index: 2;
+}
+.page1 .content {
+  width: 10rem;
+  height: auto;
+  margin: 0 auto 0;
+  background: url(../images/contentBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+.page1 .content ul {
+  width: 8.8rem;
+  margin: 0.3733333333rem auto 0rem;
+}
+.page1 .content ul li {
+  width: 100%;
+  background: linear-gradient(0deg, #9F0141, #760231);
+  margin-bottom: 0.3466666667rem;
+  overflow: hidden;
+  padding: 0 0.32rem 0.2533333333rem 0.2rem;
+  box-sizing: border-box;
+  background: url(../images/li_bg.png) no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+}
+.page1 .content ul li .num {
+  float: left;
+  width: 0.5333333333rem;
+  line-height: 1.5466666667rem;
+  color: #FFF783;
+  font-size: 0.4266666667rem;
+  font-weight: 600;
+  margin-right: 0.36rem;
+  text-align: center;
+}
+.page1 .content ul li .tx {
+  float: left;
+  width: 1.1066666667rem;
+  height: 1.1066666667rem;
+  border-radius: 50%;
+  border: 0.0266666667rem solid #FFF783;
+  display: block;
+  margin-top: 0.2533333333rem;
+  margin-right: 0.1866666667rem;
+  margin-left: 0.1866666667rem;
+}
+.page1 .content ul li .info {
+  float: left;
+  margin-top: 0.3333333333rem;
+}
+.page1 .content ul li .info p {
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.1333333333rem;
+  display: flex;
+}
+.page1 .content ul li .info p b {
+  max-width: 1.9rem;
+  display: inline-block;
+  height: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+}
+.page1 .content ul li .info p img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .content ul li .info span {
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+  display: block;
+}
+.page1 .content ul li .score {
+  display: flex;
+  height: 0.88rem;
+  line-height: 0.88rem;
+  margin-left: auto;
+  align-items: center;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+  justify-content: center;
+}
+.page1 .content ul li .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin: 0 0.0666666667rem 0 0.0666666667rem;
+  vertical-align: middle;
+}
+.page1 .content ul li .score b {
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #2D2A00;
+  vertical-align: middle;
+}
+.page1 .content .more {
+  width: 1.6533333333rem;
+  height: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  text-align: center;
+  padding: 0 0.4533333333rem;
+  margin: 0 auto 0.3rem;
+  color: #FFF783;
+  border: 0.0266666667rem solid #FFF783;
+  border-radius: 0.5866666667rem;
+  box-sizing: border-box;
+  font-size: 0.32rem;
+  font-weight: 500;
+}
+.page1 .my {
+  position: fixed;
+  z-index: 9;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 10rem;
+  background: #500000;
+  border-radius: 0.24rem 0.24rem 0px 0px;
+  border: 0.04rem solid #FFF783;
+  box-sizing: border-box;
+  padding: 0 0.52rem 0.2rem 0.2rem;
+  display: flex;
+  align-items: center;
+}
+.page1 .my .num {
+  float: left;
+  width: 0.5333333333rem;
+  height: 100%;
+  line-height: 1.7333333333rem;
+  color: #FFF783;
+  font-size: 0.4266666667rem;
+  font-weight: 600;
+  margin-right: 0.36rem;
+  text-align: center;
+}
+.page1 .my .tx {
+  float: left;
+  width: 1.1066666667rem;
+  height: 1.1066666667rem;
+  border-radius: 50%;
+  border: 0.0266666667rem solid #FFF783;
+  display: block;
+  margin-top: 0.2133333333rem;
+  margin-right: 0.1866666667rem;
+  margin-left: 0.1866666667rem;
+}
+.page1 .my .info {
+  float: left;
+  margin-top: 0.3333333333rem;
+}
+.page1 .my .info p {
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.1333333333rem;
+}
+.page1 .my .info p b {
+  max-width: 2rem;
+  display: inline-block;
+  height: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #FFF783;
+  font-size: 0.4rem;
+  font-weight: 500;
+}
+.page1 .my .info p img {
+  display: inline-block;
+  width: 1.0266666667rem;
+  height: 0.48rem;
+  margin: 0 0.08rem;
+}
+.page1 .my .info span {
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+  display: block;
+}
+.page1 .my .score {
+  display: flex;
+  height: 0.88rem;
+  line-height: 0.88rem;
+  background: url(../images/score_bg.png) no-repeat;
+  background-size: 100% 100%;
+  padding: 0 0.1333333333rem;
+  min-width: 2.4rem;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+}
+.page1 .my .score img {
+  display: inline-block;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  margin: 0 0.0666666667rem 0 0.0666666667rem;
+  vertical-align: middle;
+}
+.page1 .my .score b {
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #2D2A00;
+  vertical-align: middle;
+}
+
+.page2 {
+  display: none;
+  margin: -0.5rem auto 0;
+}
+.page2 .top {
+  width: 10rem;
+  height: 2.1333333333rem;
+  position: relative;
+  margin: 0 auto -0.2rem;
+  overflow: hidden;
+}
+.page2 .top .tab {
+  width: 100%;
+  height: 1rem;
+  box-sizing: border-box;
+  line-height: 1rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0rem auto 0;
+  position: absolute;
+  top: 40%;
+  gap: 0.2666666667rem;
+  padding: 0 0.5333333333rem;
+}
+.page2 .top .tab div {
+  width: 4.3333333333rem;
+  height: 1rem;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 800;
+  background: url(../images/tab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page2 .top .tab .act {
+  background: url(../images/actTab.png) no-repeat;
+  background-size: 100% 100%;
+}
+.page2 .bottom {
+  width: 10rem;
+  height: 0.6666666667rem;
+  background: url(../images/bottomBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -0.2rem auto 0;
+}
+.page2 .content {
+  width: 10rem;
+  margin: 0 auto 0;
+  background: url(../images/rewardBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+.page2 .content .box {
+  width: 10rem;
+  height: 29.04rem;
+  margin: 0.2rem auto 0;
+  position: relative;
+}
+.page2 .content .box .bo {
+  position: absolute;
+  width: 0.6933333333rem;
+  height: 0.6933333333rem;
+  left: 1.88rem;
+}
+.page2 .content .box .bo1 {
+  top: 9.92rem;
+}
+.page2 .content .box .bo2 {
+  top: 23rem;
+}
+.page2 .content .box .bo3 {
+  top: 38.56rem;
+}
+
+.rules {
+  position: fixed;
+  z-index: 999;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: none;
+}
+.rules .rule_in {
+  width: 10rem;
+  height: 6.4266666667rem;
+  background: url(../images/giftBox.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.rules .rule_in .close {
+  position: absolute;
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  right: 0.2666666667rem;
+  top: -0.08rem;
+}
+.rules .rule_in .titles {
+  width: 7.5066666667rem;
+  height: 1.8533333333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.1066666667rem;
+  text-align: center;
+  color: #4D0D00;
+  font-size: 0.4533333333rem;
+  font-weight: 600;
+  line-height: 2.6133333333rem;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+.rules .rule_in .text {
+  width: 8.2266666667rem;
+  height: 6.2rem;
+  overflow-y: scroll;
+  color: #FFF783;
+  font-size: 0.3733333333rem;
+  font-weight: 400;
+  line-height: 0.56rem;
+  margin: 2.1333333333rem auto 0;
+}
+.rules .rule_in .text::-webkit-scrollbar {
+  display: none;
+}
+
+.bottomText {
+  width: 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.32rem;
+  font-weight: 400;
+  margin: 0.6666666667rem auto 2.4rem;
+}
+
+.video {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 99;
+  display: none;
+}
+.video video {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 65%;
+}
+.video .close {
+  width: 0.9066666667rem;
+  height: 0.9066666667rem;
+  position: absolute;
+  top: 10%;
+  right: 0.9333333333rem;
+  z-index: 9;
+}
+
+.arabic .header {
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+}
+.arabic .page1 .content ul li .score {
+  margin-right: auto;
+  margin-left: 0;
+}
+.arabic .page1 .my .score {
+  margin-right: auto;
+  margin-left: 0;
+}

view/molistar/activity/2025-YemenUnityDay/index.html

@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <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="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <div class="rule text3"></div>
+    </div>
+    <!-- 倒计时 -->
+    <div class="timeBox">
+        <div class="days">
+            <span>00</span>
+            <b class="text6"></b>
+        </div>
+        <div class="hours">
+            <span>00</span>
+            <b class="text7"></b>
+        </div>
+        <div class="mins">
+            <span>00</span>
+            <b class="text8"></b>
+        </div>
+        <div class="secs">
+            <span>00</span>
+            <b class="text9"></b>
+        </div>
+    </div>
+
+    <!-- 礼物盒子 -->
+    <div class="giftBox">
+        <div class="title text4"></div>
+        <div class="gift">
+            <div class="gift0">
+                <img src="./images/logo.png" alt="">
+                <span>Name</span>
+            </div>
+            <div class="gift1">
+                <img src="./images/logo.png" alt="">
+                <span>Name</span>
+            </div>
+            <div class="gift2">
+                <img src="./images/logo.png" alt="">
+                <span>Name</span>
+            </div>
+        </div>
+    </div>
+
+    <!-- page1 -->
+    <div class="page1">
+        <div class="top">
+            <!-- 切换 -->
+            <div class="tab">
+                <div class="act text10"></div>
+                <div class="text11"></div>
+            </div>
+            <!-- 前三 -->
+            <div class="top1">
+                <img src="./images/top1.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </div>
+                <div class="id">ID:0</div>
+                <div class="score">
+                    <img src="./images/box.png" alt="">
+                    <b>0K</b>
+                </div>
+            </div>
+            <div class="top2">
+                <img src="./images/top2.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </div>
+                <div class="id">ID:0</div>
+                <div class="score">
+                    <img src="./images/box.png" alt="">
+                    <b>0K</b>
+                </div>
+            </div>
+            <div class="top3">
+                <img src="./images/top3.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <div class="name">
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </div>
+                <div class="id">ID:0</div>
+                <div class="score">
+                    <img src="./images/box.png" alt="">
+                    <b>0K</b>
+                </div>
+            </div>
+        </div>
+        <div class="content">
+            <ul>
+                <!-- <li>
+                    <div class="num">04</div>
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="info">
+                        <p>
+                            <b>名字</b>
+                            <img src="" alt="" class="icon">
+                        </p>
+                        <span>ID:1234567</span>
+                    </div>
+                    <div class="score">
+                        <img src="./images/box.png" alt="">
+                        <b>0K</b>
+                    </div>
+                </li> -->
+            </ul>
+            <div class="more">More</div>
+        </div>
+        <div class="bottom"></div>
+        <div class="my">
+            <div class="num">04</div>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="info">
+                <p>
+                    <b>名字</b>
+                    <img src="" alt="" class="icon">
+                </p>
+                <span>ID:1234567</span>
+            </div>
+            <div class="score">
+                <img src="./images/box.png" alt="">
+                <b>0K</b>
+            </div>
+        </div>
+    </div>
+    <!-- page2 -->
+    <div class="page2">
+        <div class="top">
+            <!-- 切换 -->
+            <div class="tab">
+                <div class="text10">Ranking</div>
+                <div class="act text11">Rewards</div>
+            </div>
+        </div>
+        <div class="content">
+            <div class="box">
+                <!-- <img src="./images/bo.png" alt="" class="bo bo1">
+                <img src="./images/bo.png" alt="" class="bo bo2">
+                <img src="./images/bo.png" alt="" class="bo bo3"> -->
+            </div>
+        </div>
+        <!-- <div class="bottom"></div> -->
+    </div>
+    <div class="bottomText text12"></div>
+    <!-- 规则 -->
+    <div class="rules">
+        <div class="rule_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="titles text133"></div>
+            <div class="text text13">
+
+            </div>
+        </div>
+    </div>
+    <!-- MP4 -->
+    <div class="video video1">
+        <video id="zjVideo1" controls>
+            <source src="./mp4/1.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video2">
+        <video id="zjVideo2" controls>
+            <source src="./mp4/2.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video3">
+        <video id="zjVideo3" controls>
+            <source src="./mp4/3.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+</body>
+
+</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="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/activity/2025-YemenUnityDay/js/index.js

@@ -0,0 +1,276 @@
+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 loadedCount = 0; // 已加載的數據數量
+var pageSize = 7; // 每次加載的數據數量
+var notListTo3 = []; // 每次加載的數據數量
+// 初始化函數
+$(function () {
+    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)
+
+})
+// 处理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('ts10', './svga/100.svga');
+});
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').html(langReplace(localLang.demoModule.text1));
+    $('.text2').html(langReplace(localLang.demoModule.text2));
+    // $('.text22').html(langReplace(localLang.demoModule.text22));
+    $('.text3').html(langReplace(localLang.demoModule.text3));
+    $('.text4').html(langReplace(localLang.demoModule.text4));
+    $('.text5').html(langReplace(localLang.demoModule.text5));
+    $('.text6').html(langReplace(localLang.demoModule.text6));
+    $('.text7').html(langReplace(localLang.demoModule.text7));
+    $('.text8').html(langReplace(localLang.demoModule.text8));
+    $('.text9').html(langReplace(localLang.demoModule.text9));
+    $('.text10').html(langReplace(localLang.demoModule.text10));
+    $('.text11').html(langReplace(localLang.demoModule.text11));
+    $('.text12').html(langReplace(localLang.demoModule.text12));
+    $('.text13').html(langReplace(localLang.demoModule.text13));
+    $('.text133').html(langReplace(localLang.demoModule.text133));
+    $('.more').html(langReplace(localLang.demoModule.more));
+    if (browser.ios) {
+        $('.bottomText').text(langReplace(localLang.demoModule.text12))
+    } else {
+        $('.bottomText').text(langReplace(localLang.demoModule.text122))
+    }
+}
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/activity/h5/template/rank',
+        data: { actKey: "YemenUnityDay" },
+        success(res) {
+            if (res.code === 200) {
+                // 处理日期
+                // var startTime = dateFormat(new Date(res.data.startTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
+                // var endTime = dateFormat(new Date(res.data.endTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
+                // $('.header .date .text22').text(`${startTime} - ${endTime}`);
+                // 处理倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 处理限定礼物
+                res.data.gifts.forEach((res, i) => {
+                    $(`.giftBox .gift .gift${i} img`).attr("src", res.giftUrl);
+                    $(`.giftBox .gift .gift${i} span`).text(res.giftName);
+                })
+                // 处理榜单
+                var listTo3 = res.data.rankList.slice(0, 3);
+                notListTo3 = res.data.rankList.slice(3);
+                // 处理前三
+                if (listTo3.length < 3) {
+                    let arr = new Array(3 - listTo3.length).fill({
+                        avatar: './images/logo.png',
+                        name: langReplace(localLang.demoModule.waiting),
+                        erbanNo: null,
+                        totalNum: null
+                    })
+                    listTo3.push(...arr)
+                }
+                listTo3.forEach((res, i) => {
+                    $(`.page1 .top .top${i + 1} .tx`).attr('src', res.avatar);
+                    $(`.page1 .top .top${i + 1} .name b`).text(res.name);
+                    $(`.page1 .top .top${i + 1} .name img`).attr('src', res.userLevelVo ? res.userLevelVo.experUrl : './images/logo.png');
+                    $(`.page1 .top .top${i + 1} .id`).text('ID:' + res.erbanNo);
+                    $(`.page1 .top .top${i + 1} .score b`).text(unitProcessingAr(res.totalNum, 2));
+                    if (res.erbanNo == null) {
+                        $(`.page1 .top .top${i + 1} .name img`).hide();
+                        $(`.page1 .top .top${i + 1} .id`).hide();
+                        $(`.page1 .top .top${i + 1} .score`).hide();
+                    }
+                })
+                // 非前三
+                loadMore();
+                // 处理自己榜单数据
+                var my = res.data.myRank;
+                $('.page1 .my .tx').attr("src", my.avatar);
+                $('.page1 .my .num').text(my.rank == 0 ? '30+' : my.rank);
+                $('.page1 .my .info p b').text(my.name);
+                $('.page1 .my .info p img').attr('src', res.data.myRank.userLevelVo.experUrl);
+                $('.page1 .my .info span').text(`ID:${my.erbanNo}`);
+                $('.page1 .my .score b').text(unitProcessingAr(my.totalNum, 2));
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 加載數據函數
+function loadMore() {
+    // 計算加載範圍
+    pageSize = loadedCount == 0 ? 7 : 10;
+    const nextItems = notListTo3.slice(loadedCount, loadedCount + pageSize);
+    let str = '';
+
+    // 拼接 HTML
+    nextItems.forEach(res => {
+        str += `
+                <li>
+                    <div class="num">${res.rank}</div>
+                    <img src="${res.avatar}" alt="" class="tx">
+                    <div class="info">
+                        <p>
+                            <b>${res.name}</b>
+                            <img src="${res.userLevelVo.experUrl}" alt="" class="icon">
+                        </p>
+                        <span>ID:${res.erbanNo}</span>
+                    </div>
+                    <div class="score">
+                        <img src="./images/box.png" alt="">
+                        <b>${unitProcessingAr(res.totalNum, 2)}</b>
+                    </div>
+                </li>
+        `
+    })
+    // 將數據插入到列表中
+    $('.page1 .content ul').append(str);
+    // 更新已加載的數據數量
+    loadedCount += nextItems.length;
+    // 如果數據全部加載完成，隱藏按鈕
+    console.log(loadedCount >= notListTo3.length);
+    console.log(notListTo3.length);
+    if (loadedCount >= notListTo3.length) {
+        $('.page1 .content .more').hide();
+    }
+}
+
+// 綁定按鈕點擊事件
+$('.page1 .content .more').click(function () {
+    loadMore();
+})
+
+// 初次加載數據
+// tab切换
+$('.page1 .top .tab div,.page2 .top .tab div').click(function () {
+    var i = $(this).index() + 1;
+    $('.page1,.page2').hide();
+    $(`.page${i}`).show();
+    if (i == 1) {
+        $('.bottomText').css('margin', '0.66667rem auto 2.4rem');
+    } else {
+        $('.bottomText').css('margin', '0.66667rem auto 0.66667rem');
+    }
+})
+// 打开规则
+$('.rule').click(function () {
+    $('.rules').show();
+    bodyScroolFun(true);
+})
+// 关闭规则
+$('.rules .rule_in .close').click(function () {
+    $('.rules').hide();
+    bodyScroolFun(false);
+})
+
+// 倒計時
+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 .days span').text(d);
+        $('.timeBox .hours span').text(h);
+        $('.timeBox .mins span').text(m);
+        $('.timeBox .secs span').text(s);
+    } 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;
+}
+

view/molistar/activity/2025-YemenUnityDay/local/ar.js

@@ -0,0 +1,30 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جارٍ التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `عيد الوحدة اليمنية`,
+        text3: `القواعد`,
+        text4:'هدايا المناسبات',
+        text6: `أيام`,
+        text7: `ساعات`,
+        text8: `دقائق`,
+        text9: `ثواني`,
+        text10: `التصنيف`,
+        text11: `المكافآت`,
+        text12: `حدث لا علاقة له بشركة آبل`,
+        text122: `حدث غير مرتبط بجوجل`,
+        text133: `القواعد`,
+        text13: `<P>1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.</p>
+                 <P>2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.</p>
+                 <P>3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث</p>
+                 <P>4.لا علاقة للحدث بـ Google/Apple.</p>   `,
+        more: `المزيد`,
+        month: `شهر`,
+        day: `يوم`,
+        waiting: `في انتظار`,
+    }
+    
+}

view/molistar/activity/2025-YemenUnityDay/local/en.js

@@ -0,0 +1,27 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Yemen Unity Day`,
+        text3:`Rules`,
+        text4:`Event Gifts`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event not related to Apple.`,
+        text122: `Event not related to Google.`,
+        text133: `Rules`,
+        text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
+        <p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
+        <p>3.Rewards will be paid out the day after the event ends</p>
+        <p>4.Event has nothing to do with Google/Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+}

view/molistar/activity/2025-YemenUnityDay/local/tr.js

@@ -0,0 +1,29 @@
+langTr = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Yemen Unity Day`,
+        text3:`Rules`,
+        text4:`Event Gifts`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event not related to Apple.`,
+        text122: `Event not related to Google.`,
+        text133: `Rules`,
+        text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
+        <p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
+        <p>3.Rewards will be paid out the day after the event ends</p>
+        <p>4.Event has nothing to do with Google/Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+
+
+}

view/molistar/activity/2025-YemenUnityDay/local/zh.js

@@ -0,0 +1,30 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Yemen Unity Day`,
+        text3:`Rules`,
+        text4:`Event Gifts`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event not related to Apple.`,
+        text122: `Event not related to Google.`,
+        text133: `Rules`,
+        text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
+        <p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
+        <p>3.Rewards will be paid out the day after the event ends</p>
+        <p>4.Event has nothing to do with Google/Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+
+}

view/molistar/activity/act-guard-planet/index.html

@@ -258,6 +258,7 @@
     <script src="../../common/js/svga.min.js"></script>
     <script src="../../common/js/route-constant.js"></script>
     <script src="./local/ar.js"></script>
+    <script src="./local/tr.js"></script>
     <script src="./local/en.js"></script>
     <script src="./local/zh.js"></script>
     <script src="./js/index.js?v=2.7"></script> 

view/molistar/activity/act-guard-planet/local/tr.js

@@ -0,0 +1,5 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {}
+}

view/molistar/activity/act-kitchen/index.html

@@ -321,5 +321,6 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
 <script src="./js/index.js?v=1.3"></script>
 <script src="../../common/local/langHandler.js"></script>

view/molistar/activity/act-kitchen/local/tr.js

@@ -0,0 +1,61 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        img1: `background:url(./images/header-en.png) no-repeat;background-size:100% 100%`,
+        img6: `background:url(./images/resultText-en.png) no-repeat;background-size:100% 100%`,
+        img7: `background:url(./images/result_popup-en.png) no-repeat;background-size:100% 100%`,
+        img2: `./images/rule_icon-en.png`,
+        img3: `./images/record_icon-en.png`,
+        img4: `./images/rank_icon-en.png`,
+        img5: `./images/wljg-en.png`,
+        title: 'Crazy Zoo',
+        text1: `The final interpretation right of this event belongs to molistar<br>
+        <b>Event rewards are unrelated to Google Play/Apple Store</b>`,
+        text2: 'Results of this round <b></b>',
+        text3: `<div class="cyfs">
+                <p class="title">How to Participate</p>
+                Players can participate in the "Crazy Zoo" game with gold coins, requiring a minimum spend of 100 gold coins per play, with each round lasting 30 seconds.
+                <p class="jietu"><img src="./images/t1-en.png" alt=""></p>
+            </div>
+            <div class="lwff">
+                <p class="title">Gift Distribution</p>
+                Each participation in the game will result in one gift draw.;
+                <p class="jietu t2"><img src="./images/t2-en.png" alt=""></p>
+                Each time, one of 8 types of small animals is randomly selected as the winning ingredient. Winners receive a gold coin reward equal to (the gold coins spent on the winning item * the corresponding multiplier of the winning animal), which is directly deposited into the account.
+                <p class="jietu t3"><img src="./images/t3-en.png" alt=""></p>
+                For example, purchasing a 5x elephant for 100 gold coins will result in a win of 100*5 gold coins.
+            </div>
+            <div class="qtsm">
+                <p class="title">Other Information</p>
+                If the above information does not answer your questions, please contact customer service for specific answers to difficult questions.
+                <p>This event and the event rewards are unrelated to Google/Apple Inc</p>
+            </div>`,
+        text4: `Today's Reward List`,
+        text5: `Today's Luckiest Players`,
+        text6: `Insufficient Gold Coin Balance`,
+        text7: `Current Gold Coins Insufficient`,
+        text8: `Cancel`,
+        text9: `Get Gold Coins`,
+        text10: `Your device is detected to have permission issues and cannot play music, please turn on music in the top right corner`,
+        text11: `Today's Reward:`,
+        text12: `Gold Coin Balance:`,
+        text13: `Network Error, Please Exit and Re-enter`,
+        text14: `The server is currently under maintenance...`,
+        text15: `None`,
+        text16: `Please Select:`,
+        text17: `Drawing:`,
+        text18: `Next Round:`,
+        text19: `Not Listed`,
+        text20: ` `,//Guessed Correctly
+        text21: `times`,
+        text22: `Selected`,
+        text23: `No more available!`,
+        text24: `Wrong guess! o(╥﹏╥)o`,
+        text25: `You're correct ୧(๑•̀◡•́๑)૭`,
+        text26: `Round result`,
+        text27: `Rewards:`,
+        text28: `Bet placed:`,
+        titlesss: `Game Record`,
+    }
+}

view/molistar/activity/act-kitchen/record.html

@@ -143,6 +143,7 @@
     <script src="./local/en.js"></script>
     <script src="./local/zh.js"></script>
     <script src="./local/ar.js"></script>
+    <script src="./local/tr.js"></script>
     <script src="./js/record.js?v=1.0"></script>
     <script src="../../common/local/langHandler.js"></script>
 </body>

view/molistar/activity/act-nameplate/index.html

@@ -118,6 +118,7 @@
   <script src="./local/en.js?v=1.0"></script>
   <script src="./local/zh.js?v=1.0"></script>
   <script src="./local/ar.js?v=1.0"></script>
+  <script src="./local/tr.js"></script>
   <script src="./js/public.js?v=11"></script>
   <script src="../../common/local/langHandler.js"></script>
 </body>

view/molistar/activity/act-nameplate/local/tr.js

@@ -0,0 +1,40 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Operation completed`,
+        layerIndex3: `Network error`,
+        max: `background:url("./images/max-en.png?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-en.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg-en.png?v=1.0);`,
+        img5: `background: url('./images/apply-new-en.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-en.png?v=1.0`,
+        img3: `./images/apply-btn-basics-en.png?v=1.0`,
+        img6: `./images/record-en.png?v=1.0`,
+        img7: `./images/delay-btn-en.png?v=1.0`,
+        title_t: `Customized`,
+        text1: `Style: `,
+        text2: `Duration: `,
+        text3: `days`,
+        text4: `Text: `,
+        text5: `please enter...`,
+        text55: `13`,
+        text6: `Minimum 7 days required`,
+        text7: `Maximum duration reached`,
+        text8: `Select a style`,
+        text9: `Add text`,
+        text10: `Add 4 characters of text`,
+        text11: `No nameplates available`,
+        text12: `Successful`,
+        text13: 'Remaining',
+        text14: 'Application Records',
+        text15: 'No Application Records',
+        text16: 'Apply',
+        text17: 'Extend',
+        text18: 'In Progress',
+        text19: 'Rejected',
+        text20: 'Approved',
+    }
+
+}

view/molistar/activity/act-nameplate/record.html

@@ -33,6 +33,7 @@
   <script src="./local/en.js?v=1.0"></script>
   <script src="./local/zh.js?v=1.0"></script>
   <script src="./local/ar.js?v=1.0"></script>
+  <script src="./local/tr.js"></script>
   <script src="./js/record.js?v=1.0"></script>
   <script src="../../common/local/langHandler.js"></script>
 </body>

view/molistar/activity/act-nameplateNew/index.html

@@ -118,6 +118,7 @@
   <script src="./local/en.js?v=1.0"></script>
   <script src="./local/zh.js?v=1.0"></script>
   <script src="./local/ar.js?v=1.0"></script>
+  <script src="./local/tr.js"></script>
   <script src="./js/public.js?v=11"></script>
   <script src="../../common/local/langHandler.js"></script>
 </body>

view/molistar/activity/act-nameplateNew/local/tr.js

@@ -0,0 +1,40 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Operation completed`,
+        layerIndex3: `Network error`,
+        max: `background:url("./images/max-en.png?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-en.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg-en.png?v=1.0);`,
+        img5: `background: url('./images/apply-new-en.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-en.png?v=1.0`,
+        img3: `./images/apply-btn-basics-en.png?v=1.0`,
+        img6: `./images/record-en.png?v=1.0`,
+        img7: `./images/delay-btn-en.png?v=1.0`,
+        title_t: `Customized`,
+        text1: `Style: `,
+        text2: `Duration: `,
+        text3: `days`,
+        text4: `Text: `,
+        text5: `please enter...`,
+        text55: `13`,
+        text6: `Minimum 7 days required`,
+        text7: `Maximum duration reached`,
+        text8: `Select a style`,
+        text9: `Add text`,
+        text10: `Add 4 characters of text`,
+        text11: `No nameplates available`,
+        text12: `Successful`,
+        text13: 'Remaining',
+        text14: 'Application Records',
+        text15: 'No Application Records',
+        text16: 'Apply',
+        text17: 'Extend',
+        text18: 'In Progress',
+        text19: 'Rejected',
+        text20: 'Approved',
+    }
+
+}

view/molistar/activity/act-nameplateNew/record.html

@@ -33,6 +33,7 @@
   <script src="./local/en.js?v=1.0"></script>
   <script src="./local/zh.js?v=1.0"></script>
   <script src="./local/ar.js?v=1.0"></script>
+  <script src="./local/tr.js"></script>
   <script src="./js/record.js?v=1.0"></script>
   <script src="../../common/local/langHandler.js"></script>
 </body>

view/molistar/activity/customizedGift/index.html

@@ -253,5 +253,6 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
 <script src="./js/index.js?v=1.0"></script>
 <script src="../../common/local/langHandler.js"></script>

view/molistar/activity/customizedGift/local/tr.js

@@ -0,0 +1,79 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Custom Gift Competition`,
+        text2: `Activity introduction`,
+        text3: `<p>Have you ever thought about sending a custom gift that expresses your feelings?</p>
+        <p>Now, the opportunity has come! Our customized gift competition allows you to upload your own customized
+            gifts and gain recognition in the competition. Looking forward to your creativity and enthusiasm!</p>`,
+        text4: `Top 3 Gifts Last Week`,
+        text5: `Gift name:`,
+        text6: `Gifted time:`,
+        text7: `Popular Custom Gifts`,
+        text8: `Custom Gifts Supporter`,
+        text9: `Rule`,
+        text10: `Reward`,
+        text11: `Countdown`,
+        text12: `Day`,
+        text13: `Hours`,
+        text14: `Mins`,
+        text15: `Secs`,
+        text16: `Countdown`,
+        text17: `<p>1. Event time: the 1st of this month to the end of the second month(GMT+3)</p>
+        <p>2. Calculate the number of customized gifts sent during the event. The more gifts sent, the more you
+            will get.</p>
+        <p>3. This event has nothing to do with Google and Apple</p>`,
+        text18: `<p>1 Event start time: 00:00 every Monday - 23:59 every Sunday (GMT+3)</p>
+        <p>2. The Top3 popular customized gifts will get generous gifts.</p>
+        <p>3 This event has nothing to do with Google and Apple</p>`,
+        text19: `Reward 1: When the customized gift ranks first on this week’s gift list, the gift will
+        be customized
+        as a start page and banner.`,
+        text20: `Reward 2: When the customized gifts are among the top three of the week, they will be
+        updated to the
+        gift panel as an exclusive customized lucky gift.`,
+        text21: `Reward 3: When the customized gifts are among the top
+        three of the
+        week, there will be a specific area on the event page to display the corresponding gifts.`,
+        text22: `Reward 4: When the customized gifts are the top three of the week, these three gifts
+        will have a
+        special presence on the customized gift panel.`,
+        text23: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 7000, you can get the following rewards!`,
+        texts6: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 7000, you can get the following rewards!`,
+        texts5: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 5600, you can get the following rewards!`,
+        texts4: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 4900, you can get the following rewards!`,
+        texts3: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 3500, you can get the following rewards!`,
+        texts2: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 2100, you can get the following rewards!`,
+        texts1: `During the event, if the number of customized gifts sent
+        in the gift
+        times reaches 700, you can get the following rewards!`,
+        text24: `Please contact our customer service, upload a 5-second car video, and
+        customize your own
+        car.`,
+        text244: `Please contact our customer service, upload a 8-second car video, and
+        customize your own
+        car.`,
+        text2444: `Please contact our customer service, upload a 10-second car video, and
+        customize your own
+        car.`,
+        text25: `Coins of Gifted:`,
+        img1: `./images/reward1.png`,
+        img2: `./images/1.png`,
+        img3: `./images/2.png`,
+        img4: `./images/3.png`,
+    }
+}

view/molistar/activity/exp/index.html

@@ -330,5 +330,6 @@
 <script src="./local/en.js"></script>
 <script src="./local/zh.js"></script>
 <script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
 <script src="./js/index.js?v=1.1"></script>
 <script src="../../common/local/langHandler.js"></script>

view/molistar/activity/exp/local/tr.js

@@ -0,0 +1,84 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        img1: `background: url(./images/header_en.png) no-repeat;background-size: 100% 100%;`,
+        img2: `background: url(./images/giftBg_en.png) no-repeat;background-size: 100% 100%;`,
+        img5: `background: url(./images/topReward_en.png) no-repeat;background-size: 100% 100%;`,
+        img3: `./images/rule1_en.png`,
+        img4: `./images/rule2_en.png`,
+        newIMg1:`./images/giftList1_en.png`,
+        newIMg2:`./images/giftList2_en.png`,
+        newIMg3:`./images/giftList3_en.png`,
+        newIMg4:`./images/giftList4_en.png`,
+        text1: `level event`,
+        text2: `rule`,
+        text3: `the time of event :2024.08.13-2024.08.22`,
+        text4: `Send following gifts to get EXP`,
+        text5: ` VIP5-9 can get additional EXP, UP TO`,
+        text6: `1001000EXP!`,
+        text7: `Moon ring`,
+        text8: `Crystal Moon`,
+        text9: `Interstellar`,
+        text10: `Interstellar Overlord`,
+        text11: `level`,
+        text12: `reward`,
+        text13: `Level`,
+        text14: `AvatarFr`,
+        text15: `Chat bubble`,
+        text16: `Mount`,
+        text17: `Medal`,
+        text18: `Chat bubble`,
+        text19: `Level's rewards`,
+        text20: `Ranking`,
+        text21: `(When u reach these levels ,u can get these gifts)`,
+        text22: `days`,
+        // text23: `u still need ....exp to reach the next level`,
+        text23: ` `,
+        text24: `Current:LV.`,
+        text25: `more detalis`,
+        text26: `Ranked according to the EXP increased by sending event gifts. the higher the EXP, the higher the rank`,
+        text27: `(The top 50 will receive more rewards)`,
+        text28: `EXP Points`,
+        text29: `(Send following gifts to get EXP ,and get rewards)`,
+        text30: `The all expx points`,
+        text31: `The event rules`,
+        text32: `Leaderboard rewards`,
+        text33: `End of event`,
+        text34: `get it`,
+        text35: `Received`,
+        text36: ` `,
+        text37: `EXP value`,
+        text38: `u still need points to surpass the next user:`,
+        text39: `u still need points to surpass the next user:`,
+        text40: `u are Ahead of second place by points `,
+        text41: `u still need points to be in the ranking list:`,
+        text42: `not ranked`,
+        text43: `You've successfully claimed your reward!`,
+        text44: `1333`,
+        text45: `5000`,
+        text46: `12000`,
+        text47: `27500`,
+        text48: `13330 EXP`,
+        text49: `75000 EXP`,
+        text50: `264000 EXP`,
+        text51: `770000 EXP`,
+        newtext1:`7`,
+        newtexts1:`7`,
+        newtext2:`7`,
+        newtext3:`14`,
+        newtext4:`14`,
+        newtext5:`30`,
+        newtext6:`30`,
+        newtext7:`30`,
+        newtext8:`30`,
+        newText11:`*50`,
+        newText22:`*100`,
+        newText33:`*300`,
+        newText44:`*500`,
+        newText55:`*1000`,
+        newText66:`*1500`,
+        newText77:`*2000`,
+    }
+}

view/molistar/activity/gameChallenge/css/countNumber.css

@@ -0,0 +1,42 @@
+.dataNums {
+    width: 8rem;
+    height: 0.74rem;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.dataNums .dataOne {
+    width: 0.45rem;
+    height: 100%;
+    text-align: center;
+}
+
+.dataNums .dataBoc {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.dataNums .dataBoc .tt {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.dataNums .tt span {
+    width: 100%;
+    height: 100%;
+    font-weight: 600;
+    font-size: 0.7466666667rem;
+    color: #fff783;
+    background: linear-gradient(0deg, #ffed26 0%, #ffffff 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    line-height: 0.74rem;
+    float: left;
+}

view/molistar/activity/gameChallenge/css/index.css

@@ -0,0 +1,881 @@
+html,
+body {
+  width: 100%;
+  background: #3c0101; }
+
+.back {
+  width: 100%;
+  height: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  position: fixed;
+  left: 0;
+  top: 0.8666666667rem;
+  text-align: center;
+  color: #ffffff;
+  font-size: 0.5066666667rem;
+  font-weight: bold;
+  z-index: 10; }
+  .back img {
+    width: 0.5866666667rem;
+    height: 0.5866666667rem;
+    position: absolute;
+    left: 0.24rem;
+    top: 0rem; }
+
+.header {
+  width: 10rem;
+  height: 13.3066666667rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative; }
+  .header .rule {
+    width: 1.7866666667rem;
+    height: 0.8rem;
+    line-height: 0.8rem;
+    text-indent: 0.2rem;
+    text-align: center;
+    color: #fff783;
+    font-size: 0.3733333333rem;
+    font-weight: 500;
+    background: url(../images/rule_icon.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    right: 0;
+    top: 5.5466666667rem; }
+  .header .coin_bg {
+    width: 2.9866666667rem;
+    height: 3.3333333333rem;
+    position: absolute;
+    bottom: 1.1733333333rem;
+    right: 0;
+    display: none; }
+  .header .receive {
+    width: 2.5333333333rem;
+    height: 0.8rem;
+    background: url(../images/receive.png) no-repeat center/100% 100%;
+    font-weight: 500;
+    font-size: 0.3466666667rem;
+    color: #000000;
+    line-height: 0.8rem;
+    text-align: center;
+    position: absolute;
+    bottom: 0.96rem;
+    right: 0.2rem;
+    display: none; }
+  .header .done {
+    background: url(../images/done.png) no-repeat center/100% 100%; }
+
+.descBox {
+  position: relative;
+  width: 10rem;
+  height: 5.7066666667rem;
+  background: url(../images/desc.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -0.8rem auto 0.4266666667rem;
+  overflow: hidden; }
+  .descBox .content {
+    width: 8.2666666667rem;
+    color: #fff783;
+    font-size: 0.3466666667rem;
+    font-weight: 400;
+    line-height: 0.56rem;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+
+.poolBox {
+  position: relative;
+  width: 10rem;
+  height: 7.76rem;
+  background: url(../images/pool.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0.5333333333rem auto 0.4266666667rem;
+  overflow: hidden; }
+  .poolBox .title {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top: 0;
+    text-align: center;
+    width: 5.5733333333rem;
+    height: 1.5733333333rem;
+    line-height: 1.3rem;
+    color: #fff783;
+    font-size: 0.4266666667rem;
+    font-weight: 600;
+    background: url(../images/pool_tit.png) no-repeat;
+    background-size: 100% 100%; }
+  .poolBox p {
+    color: #fff783;
+    font-size: 0.3466666667rem;
+    font-weight: 400;
+    line-height: 0.56rem;
+    padding: 0 1.6rem;
+    text-align: center; }
+  .poolBox .update {
+    padding-top: 1.4rem; }
+  .poolBox .coins_pool {
+    width: 80%;
+    margin: 2.4666666667rem auto 0.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center; }
+    .poolBox .coins_pool #dataNums {
+      width: 8rem;
+      height: 0.74rem; }
+    .poolBox .coins_pool img {
+      width: 0.6933333333rem;
+      height: 0.6933333333rem;
+      margin: 0 0.0666666667rem; }
+
+.tab {
+  width: 9.5333333333rem;
+  height: 1.7866666667rem;
+  line-height: 1.7866666667rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.7333333333rem auto 0.32rem; }
+  .tab div {
+    width: 4.72rem;
+    height: 1.7866666667rem;
+    color: #d3c611;
+    font-size: 0.4533333333rem;
+    font-weight: 600;
+    background: url(../images/tab.png) no-repeat;
+    background-size: 100% 100%; }
+  .tab .act {
+    background: url(../images/tabAct.png) no-repeat;
+    background-size: 100% 100%;
+    color: #000000; }
+
+.timeBox {
+  width: 6.9333333333rem;
+  height: 1.3866666667rem;
+  margin: 0 auto 0.6rem;
+  box-sizing: border-box;
+  padding: 0 0rem;
+  display: flex;
+  justify-content: space-between; }
+  .timeBox div {
+    width: 1.3333333333rem;
+    height: 1.3333333333rem;
+    box-sizing: border-box;
+    text-align: center;
+    background: url(../images/time_bg.png) no-repeat;
+    background-size: 100% 100%; }
+    .timeBox div span {
+      display: block;
+      color: #fff783;
+      font-size: 0.4533333333rem;
+      font-weight: 500;
+      margin: 0.4rem auto 0.5066666667rem; }
+    .timeBox div b {
+      display: block;
+      color: #fff783;
+      font-size: 0.32rem;
+      font-weight: 400; }
+
+.page1 {
+  margin: -0.2rem auto 0; }
+  .page1 .top {
+    width: 10rem;
+    height: 20.2666666667rem;
+    position: relative;
+    background: url(../images/topBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto 0;
+    overflow: hidden; }
+    .page1 .top .gift {
+      width: 8.6666666667rem;
+      display: block;
+      margin: 1.9733333333rem auto 0; }
+    .page1 .top .rewards {
+      font-weight: 500;
+      font-size: 0.3733333333rem;
+      color: #fff783;
+      line-height: 0.4266666667rem;
+      text-decoration-line: underline;
+      width: 100%;
+      text-align: center;
+      padding: 0.4rem 0; }
+    .page1 .top .top1 {
+      width: 8.2666666667rem;
+      height: 4.9333333333rem;
+      position: relative;
+      margin: 0 auto; }
+      .page1 .top .top1 .ts {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1; }
+      .page1 .top .top1 .tx {
+        width: 2.2rem;
+        height: 2.2rem;
+        border-radius: 50%;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 1.8rem; }
+      .page1 .top .top1 .icon {
+        width: 1.7733333333rem;
+        height: 0.8533333333rem;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 3.75rem;
+        z-index: 2; }
+      .page1 .top .top1 .name {
+        position: absolute;
+        top: 4.75rem;
+        left: 50%;
+        transform: translateX(-50%);
+        max-width: 2.6rem;
+        text-align: right;
+        color: #fff783;
+        font-size: 0.4rem;
+        font-weight: 500;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis; }
+      .page1 .top .top1 .id {
+        width: 100%;
+        position: absolute;
+        top: 5.25rem;
+        text-align: center;
+        left: 0;
+        z-index: 3;
+        color: #fff783;
+        font-size: 0.3733333333rem;
+        font-weight: 400; }
+    .page1 .top .top2,
+    .page1 .top .top3 {
+      width: 4.2666666667rem;
+      height: 3.8666666667rem;
+      position: absolute;
+      left: 0.5333333333rem;
+      top: 14.7rem;
+      margin: 0 auto 0; }
+      .page1 .top .top2 .ts,
+      .page1 .top .top3 .ts {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1; }
+      .page1 .top .top2 .tx,
+      .page1 .top .top3 .tx {
+        width: 1.7333333333rem;
+        height: 1.7333333333rem;
+        border-radius: 50%;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 1.3rem; }
+      .page1 .top .top2 .icon,
+      .page1 .top .top3 .icon {
+        width: 1.7733333333rem;
+        height: 0.8533333333rem;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: 2.75rem;
+        z-index: 2; }
+      .page1 .top .top2 .name,
+      .page1 .top .top3 .name {
+        position: absolute;
+        top: 3.7rem;
+        left: 50%;
+        transform: translateX(-50%);
+        max-width: 2.6rem;
+        text-align: right;
+        color: #fff783;
+        font-size: 0.4rem;
+        font-weight: 500;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis; }
+      .page1 .top .top2 .id,
+      .page1 .top .top3 .id {
+        width: 100%;
+        position: absolute;
+        top: 4.2rem;
+        text-align: center;
+        left: 0;
+        z-index: 3;
+        color: #fff783;
+        font-size: 0.3733333333rem;
+        font-weight: 400; }
+      .page1 .top .top2 .score,
+      .page1 .top .top3 .score {
+        padding: 0.0666666667rem 0.1333333333rem;
+        background: rgba(0, 0, 0, 0.5);
+        border-radius: 0.3333333333rem;
+        position: absolute;
+        top: 4.75rem;
+        left: 50%;
+        transform: translateX(-50%);
+        display: flex;
+        justify-content: center;
+        align-items: center; }
+        .page1 .top .top2 .score b,
+        .page1 .top .top3 .score b {
+          color: #fff783;
+          font-size: 0.3733333333rem;
+          font-weight: 400;
+          white-space: nowrap; }
+        .page1 .top .top2 .score img,
+        .page1 .top .top3 .score img {
+          width: 0.5333333333rem;
+          height: 0.5333333333rem;
+          margin-left: 0.0666666667rem; }
+    .page1 .top .top3 {
+      width: 4.2666666667rem;
+      height: 3.8666666667rem;
+      position: absolute;
+      right: 0.5333333333rem;
+      top: 14.7rem;
+      left: unset; }
+  .page1 .bottom {
+    width: 10rem;
+    height: 0.6666666667rem;
+    background: url(../images/bottomBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: -0.2rem auto 0;
+    position: relative;
+    z-index: 2; }
+  .page1 .content {
+    width: 10rem;
+    height: auto;
+    margin: 0 auto 0;
+    background: url(../images/centerBg.png) no-repeat;
+    background-size: 100% 100%;
+    overflow: hidden; }
+    .page1 .content ul {
+      width: 8.6666666667rem;
+      margin: 0.3733333333rem auto 0rem; }
+      .page1 .content ul li {
+        width: 100%;
+        height: 1.9733333333rem;
+        background: url(../images/lis.png) no-repeat center/100% 100%;
+        margin-bottom: 0.24rem;
+        overflow: hidden;
+        box-sizing: border-box;
+        position: relative; }
+        .page1 .content ul li .num {
+          float: left;
+          width: 0.5333333333rem;
+          height: 100%;
+          line-height: 1.9733333333rem;
+          color: #fff783;
+          font-size: 0.4266666667rem;
+          font-weight: 600;
+          margin: 0 0.2666666667rem 0 0.4rem;
+          text-align: center; }
+        .page1 .content ul li .tx {
+          float: left;
+          width: 1.1066666667rem;
+          height: 1.1066666667rem;
+          border-radius: 50%;
+          border: 0.0266666667rem solid #fff783;
+          display: block;
+          margin-top: 0.4rem;
+          margin-right: 0.2rem; }
+        .page1 .content ul li .icon {
+          width: 0.9066666667rem;
+          height: 0.44rem;
+          position: absolute;
+          bottom: 0.3466666667rem;
+          left: 1.3066666667rem; }
+        .page1 .content ul li .info {
+          float: left;
+          margin-top: 0.5333333333rem; }
+          .page1 .content ul li .info p {
+            max-width: 2rem;
+            height: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            color: #fff783;
+            font-size: 0.4rem;
+            font-weight: 500;
+            line-height: 0.6rem; }
+          .page1 .content ul li .info span {
+            color: #fff783;
+            font-size: 0.3733333333rem;
+            font-weight: 400;
+            display: block; }
+        .page1 .content ul li .score {
+          padding: 0.0666666667rem 0.1333333333rem;
+          background: rgba(0, 0, 0, 0.5);
+          border-radius: 0.3333333333rem;
+          float: right;
+          margin: 0.64rem 0.4666666667rem 0 0;
+          display: flex;
+          justify-content: center;
+          align-items: center; }
+          .page1 .content ul li .score b {
+            color: #fff783;
+            font-size: 0.3733333333rem;
+            font-weight: 400;
+            white-space: nowrap; }
+          .page1 .content ul li .score img {
+            width: 0.5333333333rem;
+            height: 0.5333333333rem;
+            margin-left: 0.0666666667rem; }
+    .page1 .content .more {
+      width: 1.6533333333rem;
+      height: 0.5866666667rem;
+      line-height: 0.5866666667rem;
+      text-align: center;
+      padding: 0 0.4533333333rem;
+      margin: 0 auto 0.3rem;
+      color: #fff783;
+      border: 0.0266666667rem solid #fff783;
+      border-radius: 0.5866666667rem;
+      box-sizing: border-box;
+      font-size: 0.32rem;
+      font-weight: 500; }
+  .page1 .my {
+    position: fixed;
+    z-index: 9;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 10rem;
+    height: 2.2133333333rem;
+    background: url(../images/lis.png) no-repeat center/100% 100%; }
+    .page1 .my .num {
+      float: left;
+      width: 0.8rem;
+      height: 100%;
+      line-height: 1.9733333333rem;
+      color: #fff783;
+      font-size: 0.4266666667rem;
+      font-weight: 600;
+      margin: 0 0.4rem;
+      text-align: center; }
+    .page1 .my .tx {
+      float: left;
+      width: 1.1066666667rem;
+      height: 1.1066666667rem;
+      border-radius: 50%;
+      border: 0.0266666667rem solid #fff783;
+      display: block;
+      margin-top: 0.4rem;
+      margin-right: 0.2rem; }
+    .page1 .my .icon {
+      width: 0.9066666667rem;
+      height: 0.44rem;
+      position: absolute;
+      bottom: 0.4666666667rem;
+      left: 1.6666666667rem; }
+    .page1 .my .info {
+      float: left;
+      margin-top: 0.5333333333rem; }
+      .page1 .my .info p {
+        max-width: 2rem;
+        height: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color: #fff783;
+        font-size: 0.4rem;
+        font-weight: 500;
+        line-height: 0.6rem; }
+      .page1 .my .info span {
+        color: #fff783;
+        font-size: 0.3733333333rem;
+        font-weight: 400;
+        display: block; }
+    .page1 .my .score {
+      padding: 0.0666666667rem 0.1333333333rem;
+      background: rgba(0, 0, 0, 0.5);
+      border-radius: 0.3333333333rem;
+      float: right;
+      margin: 0.7333333333rem 0.4666666667rem 0 0;
+      display: flex;
+      justify-content: center;
+      align-items: center; }
+      .page1 .my .score b {
+        color: #fff783;
+        font-size: 0.3733333333rem;
+        font-weight: 400;
+        white-space: nowrap; }
+      .page1 .my .score img {
+        width: 0.5333333333rem;
+        height: 0.5333333333rem;
+        margin-left: 0.0666666667rem; }
+
+.page2 {
+  display: none;
+  margin: -0.5rem auto 0; }
+  .page2 .top {
+    width: 10rem;
+    height: 2.4rem;
+    position: relative;
+    background: url(../images/topBg2.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0.7333333333rem auto -0.2rem;
+    overflow: hidden; }
+  .page2 .bottom {
+    width: 10rem;
+    height: 0.6666666667rem;
+    background: url(../images/bottomBg.png) no-repeat;
+    background-size: 100% 100%;
+    margin: -0.4rem auto 0; }
+  .page2 .content {
+    width: 10rem;
+    margin: 0 auto 0;
+    background: url(../images/centerBg.png) no-repeat;
+    background-size: 100% 100%; }
+    .page2 .content .box {
+      width: 8.8rem;
+      margin: 0.2rem auto 0;
+      position: relative; }
+      .page2 .content .box h1 {
+        font-weight: 400;
+        font-size: 0.3466666667rem;
+        color: #fff783;
+        line-height: 0.4533333333rem;
+        text-align: center;
+        margin-top: -0.7rem; }
+      .page2 .content .box .none {
+        width: 3.2666666667rem;
+        display: block;
+        margin: 0.3333333333rem auto; }
+      .page2 .content .box .history_week {
+        width: 100%;
+        padding-bottom: 0.2rem; }
+        .page2 .content .box .history_week .title {
+          padding: 0.4rem 0;
+          display: flex;
+          align-items: center;
+          justify-content: center; }
+          .page2 .content .box .history_week .title img {
+            width: 1.2rem; }
+          .page2 .content .box .history_week .title b {
+            font-weight: 600;
+            font-size: 0.4rem;
+            color: #fff783;
+            padding: 0 0.2rem; }
+        .page2 .content .box .history_week ul {
+          width: 8.8rem;
+          margin: 0 auto;
+          overflow-x: auto;
+          display: flex;
+          align-items: center;
+          flex-wrap: nowrap; }
+          .page2 .content .box .history_week ul li {
+            width: 3.0666666667rem;
+            height: 4.8rem;
+            margin-right: 0.1333333333rem;
+            position: relative; }
+            .page2 .content .box .history_week ul li .avatar {
+              width: 2rem;
+              height: 2rem;
+              border-radius: 50%;
+              margin: 0.5333333333rem; }
+            .page2 .content .box .history_week ul li .tx {
+              width: 3.0666666667rem;
+              height: 3.0666666667rem;
+              position: absolute;
+              top: 0;
+              left: 0; }
+            .page2 .content .box .history_week ul li .icon {
+              width: 1.5333333333rem;
+              height: 0.7333333333rem;
+              position: absolute;
+              top: 2.16rem;
+              left: 0.76rem; }
+            .page2 .content .box .history_week ul li .name {
+              font-weight: 500;
+              font-size: 0.4rem;
+              color: #fff783;
+              line-height: 0.5333333333rem;
+              width: 100%;
+              text-align: center;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis; }
+            .page2 .content .box .history_week ul li .id {
+              font-weight: 400;
+              font-size: 0.3733333333rem;
+              color: #fff783;
+              line-height: 0.5066666667rem;
+              width: 100%;
+              text-align: center; }
+            .page2 .content .box .history_week ul li .score {
+              padding: 0.0666666667rem 0.1333333333rem;
+              background: rgba(0, 0, 0, 0.5);
+              border-radius: 0.3333333333rem;
+              position: absolute;
+              bottom: 0;
+              left: 50%;
+              transform: translateX(-50%);
+              display: flex;
+              justify-content: center;
+              align-items: center; }
+              .page2 .content .box .history_week ul li .score b {
+                color: #fff783;
+                font-size: 0.3733333333rem;
+                font-weight: 400;
+                white-space: nowrap; }
+              .page2 .content .box .history_week ul li .score img {
+                width: 0.5333333333rem;
+                height: 0.5333333333rem;
+                margin-left: 0.0666666667rem; }
+
+.rules {
+  position: fixed;
+  z-index: 999;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: none; }
+  .rules .rule_in {
+    width: 10rem;
+    height: 12.16rem;
+    background: url(../images/rule_pop.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+    .rules .rule_in .close {
+      position: absolute;
+      width: 0.9066666667rem;
+      height: 0.9066666667rem;
+      right: 0.35rem;
+      top: -0.55rem; }
+    .rules .rule_in .titles {
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      top: 0;
+      text-align: center;
+      width: 5.5733333333rem;
+      height: 1.5733333333rem;
+      line-height: 1.3rem;
+      color: #fff783;
+      font-size: 0.4266666667rem;
+      font-weight: 600;
+      background: url(../images/pool_tit.png) no-repeat;
+      background-size: 100% 100%; }
+    .rules .rule_in .text {
+      width: 8.2666666667rem;
+      height: 9.6rem;
+      overflow-y: scroll;
+      color: #fff783;
+      font-size: 0.3733333333rem;
+      font-weight: 400;
+      line-height: 0.56rem;
+      margin: 2.2rem auto 0; }
+      .rules .rule_in .text::-webkit-scrollbar {
+        display: none; }
+      .rules .rule_in .text strong {
+        font-weight: 600;
+        font-size: 0.3733333333rem;
+        color: #ffffff;
+        line-height: 0.56rem; }
+      .rules .rule_in .text p {
+        font-weight: 400;
+        font-size: 0.3733333333rem;
+        color: #fff783;
+        line-height: 0.56rem; }
+        .rules .rule_in .text p b {
+          font-weight: 600; }
+
+.coins_pop {
+  position: fixed;
+  z-index: 999;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: none; }
+  .coins_pop .coins_pop_in {
+    width: 10rem;
+    height: 11.84rem;
+    background: url(../images/coin_pop.png) no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+    .coins_pop .coins_pop_in .fadein {
+      width: 7.3333333333rem;
+      padding: 0.1333333333rem 0.2666666667rem;
+      background: #ffd21d;
+      border-radius: 0.36rem;
+      margin: -0.65rem auto 0;
+      display: none;
+      font-weight: 500;
+      font-size: 0.3733333333rem;
+      color: #000000;
+      text-align: center; }
+    .coins_pop .coins_pop_in .svga {
+      width: 10rem;
+      height: 9.3333333333rem;
+      position: absolute;
+      top: -0.6rem;
+      left: 0;
+      z-index: 9; }
+      .coins_pop .coins_pop_in .svga .svga_in {
+        width: 100%;
+        height: 100%; }
+    .coins_pop .coins_pop_in .close {
+      position: absolute;
+      width: 0.9066666667rem;
+      height: 0.9066666667rem;
+      right: 0.1rem;
+      top: 1.6rem;
+      z-index: 10; }
+    .coins_pop .coins_pop_in .titles {
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      top: 2.4rem;
+      text-align: center;
+      width: 5.5733333333rem;
+      height: 1.5733333333rem;
+      line-height: 1.3rem;
+      color: #fff783;
+      font-size: 0.4266666667rem;
+      font-weight: 600;
+      background: url(../images/pool_tit.png) no-repeat;
+      background-size: 100% 100%; }
+    .coins_pop .coins_pop_in h1 {
+      font-weight: 500;
+      font-size: 0.3733333333rem;
+      color: #fff783;
+      line-height: 0.4rem;
+      width: 100%;
+      text-align: center;
+      padding-top: 4rem; }
+    .coins_pop .coins_pop_in .coins {
+      width: 3.7333333333rem;
+      display: block;
+      margin: 0 auto; }
+    .coins_pop .coins_pop_in .text {
+      width: 80%;
+      margin: -0.4rem auto 0.2666666667rem;
+      display: flex;
+      align-items: center;
+      justify-content: center; }
+      .coins_pop .coins_pop_in .text b {
+        font-weight: 600;
+        font-size: 0.7466666667rem;
+        color: #fff783;
+        background: linear-gradient(0deg, #ffed26 0%, #ffffff 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent; }
+      .coins_pop .coins_pop_in .text img {
+        width: 0.6933333333rem;
+        margin: 0 0.0666666667rem; }
+    .coins_pop .coins_pop_in .btn {
+      width: 3.3866666667rem;
+      height: 1.2rem;
+      background: url(../images/receive.png) no-repeat center/100% 100%;
+      margin: 0 auto;
+      font-weight: 500;
+      font-size: 0.3466666667rem;
+      color: #000000;
+      line-height: 1.2rem;
+      text-align: center; }
+    .coins_pop .coins_pop_in .done {
+      background: url(../images/done.png) no-repeat center/100% 100%; }
+    .coins_pop .coins_pop_in h2 {
+      font-weight: 400;
+      font-size: 0.32rem;
+      color: rgba(255, 247, 131, 0.8);
+      line-height: 0.4rem;
+      padding: 0.3333333333rem 0.8rem;
+      text-align: center; }
+
+.bottomText {
+  width: 100%;
+  text-align: center;
+  color: #fff783;
+  font-size: 0.32rem;
+  font-weight: 400;
+  margin: 0.6666666667rem auto 2.4rem; }
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%; }
+.arabic .coins_pop,
+.arabic .header,
+.arabic #dataNums {
+  direction: ltr; }
+.arabic .page1 .top .score img {
+  margin-right: 0.0666666667rem;
+  margin-left: unset; }
+.arabic .page1 .my .score img {
+  margin-right: 0.0666666667rem;
+  margin-left: unset; }
+.arabic .page1 .content ul li .num {
+  float: right;
+  margin: 0 0.4rem 0 0.2666666667rem; }
+.arabic .page1 .content ul li .tx {
+  float: right;
+  margin-top: 0.4rem;
+  margin-left: 0.2rem;
+  margin-right: unset; }
+.arabic .page1 .content ul li .info {
+  float: right;
+  margin-top: 0.5333333333rem; }
+.arabic .page1 .content ul li .icon {
+  position: absolute;
+  bottom: 0.3466666667rem;
+  right: 1.3066666667rem;
+  left: unset; }
+.arabic .page1 .content ul li .score {
+  float: left;
+  margin: 0.64rem 0 0 0.4666666667rem; }
+  .arabic .page1 .content ul li .score img {
+    margin-right: 0.0666666667rem;
+    margin-left: unset; }
+.arabic .page1 .my .num {
+  float: right;
+  margin: 0 0.4rem; }
+.arabic .page1 .my .tx {
+  float: right;
+  margin-left: 0.2rem;
+  margin-right: unset; }
+.arabic .page1 .my .icon {
+  position: absolute;
+  bottom: 0.4666666667rem;
+  right: 1.7333333333rem;
+  left: unset; }
+.arabic .page1 .my .info {
+  float: right;
+  margin-top: 0.5333333333rem; }
+.arabic .page1 .my .score {
+  float: left;
+  margin: 0.64rem 0 0 0.4666666667rem; }
+.arabic .page2 .content .box .history_week ul li .score img {
+  margin-right: 0.0666666667rem;
+  margin-left: unset; }
+
+.china .header {
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%; }
+
+.Turkiye .header {
+  background: url(../images/header-tr.png) no-repeat;
+  background-size: 100% 100%; }
+
+::-webkit-scrollbar {
+  display: none;
+  width: 0; }
+
+/*# sourceMappingURL=index.css.map */