完成vip页面逻辑和展示，还差多语言

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-valentineDay/css/index.css

@@ -0,0 +1,952 @@
+html,
+body {
+  width: 100%;
+  background: #37013C;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.86667rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 16.8rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+
+.header .date {
+  width: 8.93333rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  background: url(../images/time_bg.png) no-repeat;
+  background-size: 100% 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.34667rem;
+  font-weight: 500;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.78667rem;
+}
+
+.header .rule {
+  width: 1.46667rem;
+  height: 0.72rem;
+  line-height: 0.72rem;
+  text-indent: 0.1rem;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  background: url(../images/rule_icon.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  right: 0;
+  top: 5.54667rem;
+}
+
+.giftBox {
+  position: relative;
+  width: 10rem;
+  height: 9.49333rem;
+  background: url(../images/giftBox.png) no-repeat;
+  background-size: 100% 100%;
+  margin: -1.33333rem auto 0.42667rem;
+  overflow: hidden;
+}
+
+.giftBox .title {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.66667rem;
+  text-align: center;
+  width: 7.50667rem;
+  height: 1.85333rem;
+  line-height: 1.66667rem;
+  color: #FFF783;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  background: url(../images/title.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.giftBox .content {
+  width: 8.13333rem;
+  color: #FFF783;
+  font-size: 0.34667rem;
+  font-weight: 400;
+  line-height: 0.56rem;
+  margin: 2.6rem auto 0.2rem;
+}
+
+.giftBox .gift {
+  width: 8.13333rem;
+  height: 2.66667rem;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 auto 0;
+}
+
+.giftBox .gift div {
+  width: 2.66667rem;
+  height: 2.66667rem;
+  position: relative;
+  background: url(../images/sGiftBox.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.giftBox .gift div img {
+  width: 1.90667rem;
+  height: 1.90667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.64rem;
+}
+
+.giftBox .gift div span {
+  width: 100%;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 600;
+  position: absolute;
+  left: 0;
+  bottom: -0.5rem;
+}
+
+.timeBox {
+  width: 6.93333rem;
+  height: 1.38667rem;
+  margin: 0 auto 0.42667rem;
+  box-sizing: border-box;
+  padding: 0 0rem;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+}
+
+.timeBox div {
+  width: 1.6rem;
+  height: 1.38667rem;
+  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.45333rem;
+  font-weight: 500;
+  margin: 0.22667rem auto 0.02667rem;
+}
+
+.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: 12.4rem;
+  position: relative;
+  background: url(../images/topBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  overflow: hidden;
+}
+
+.page1 .top .tab {
+  width: 8.64rem;
+  height: 1.17333rem;
+  line-height: 1.17333rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.73333rem auto 0.32rem;
+}
+
+.page1 .top .tab div {
+  width: 4.10667rem;
+  height: 1.17333rem;
+  color: #FFF783;
+  font-size: 0.45333rem;
+  font-weight: 600;
+  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: 10rem;
+  height: 5.78667rem;
+  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.05333rem;
+  height: 2.05333rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.97333rem;
+}
+
+.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: 3.4rem;
+  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.02667rem;
+  height: 0.48rem;
+}
+
+.page1 .top .top1 .id {
+  width: 100%;
+  position: absolute;
+  top: 4rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.page1 .top .top1 .score {
+  width: 100%;
+  height: 0.37333rem;
+  line-height: 0.37333rem;
+  position: absolute;
+  top: 4.42667rem;
+  left: 0;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+
+.page1 .top .top1 .score b {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.page1 .top .top1 .score img {
+  display: inline-block;
+  width: 0.37333rem;
+  height: 0.37333rem;
+  margin-right: 0.1rem;
+}
+
+.page1 .top .top2 {
+  width: 4.29333rem;
+  height: 4.32rem;
+  position: absolute;
+  left: 0.53333rem;
+  top: 8rem;
+  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: 1.6rem;
+  height: 1.6rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.48rem;
+}
+
+.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: 2.52rem;
+  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.02667rem;
+  height: 0.48rem;
+}
+
+.page1 .top .top2 .id {
+  width: 100%;
+  position: absolute;
+  top: 3.04rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.page1 .top .top2 .score {
+  width: 100%;
+  height: 0.37333rem;
+  line-height: 0.37333rem;
+  position: absolute;
+  top: 3.46667rem;
+  left: 0;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+
+.page1 .top .top2 .score b {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.page1 .top .top2 .score img {
+  display: inline-block;
+  width: 0.37333rem;
+  height: 0.37333rem;
+  margin-right: 0.1rem;
+}
+
+.page1 .top .top3 {
+  width: 4.29333rem;
+  height: 4.32rem;
+  position: absolute;
+  right: 0.53333rem;
+  top: 8rem;
+  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: 1.6rem;
+  height: 1.6rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.48rem;
+}
+
+.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: 2.52rem;
+  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.02667rem;
+  height: 0.48rem;
+}
+
+.page1 .top .top3 .id {
+  width: 100%;
+  position: absolute;
+  top: 3.04rem;
+  text-align: center;
+  left: 0;
+  z-index: 3;
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.page1 .top .top3 .score {
+  width: 100%;
+  height: 0.37333rem;
+  line-height: 0.37333rem;
+  position: absolute;
+  top: 3.46667rem;
+  left: 0;
+  display: flex;
+  z-index: 3;
+  flex-wrap: nowrap;
+  justify-content: center;
+}
+
+.page1 .top .top3 .score b {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+}
+
+.page1 .top .top3 .score img {
+  display: inline-block;
+  width: 0.37333rem;
+  height: 0.37333rem;
+  margin-right: 0.1rem;
+}
+
+.page1 .bottom {
+  width: 10rem;
+  height: 0.66667rem;
+  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.37333rem auto 0rem;
+}
+
+.page1 .content ul li {
+  width: 100%;
+  height: 1.54667rem;
+  background: linear-gradient(0deg, #9F0141, #760231);
+  border-radius: 0.24rem;
+  border: 0.04rem solid #FFF783;
+  margin-bottom: 0.32rem;
+  overflow: hidden;
+  padding: 0 0.32rem 0 0.2rem;
+  box-sizing: border-box;
+}
+
+.page1 .content ul li .num {
+  float: left;
+  width: 0.53333rem;
+  height: 100%;
+  line-height: 1.54667rem;
+  color: #FFF783;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  margin-right: 0.36rem;
+  text-align: center;
+}
+
+.page1 .content ul li .tx {
+  float: left;
+  width: 1.10667rem;
+  height: 1.10667rem;
+  border-radius: 50%;
+  border: 0.02667rem solid #FFF783;
+  display: block;
+  margin-top: 0.21333rem;
+  margin-right: 0.18667rem;
+}
+
+.page1 .content ul li .info {
+  float: left;
+  margin-top: 0.33333rem;
+}
+
+.page1 .content ul li .info p {
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.13333rem;
+}
+
+.page1 .content ul li .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 .content ul li .info p img {
+  display: inline-block;
+  width: 1.02667rem;
+  height: 0.48rem;
+}
+
+.page1 .content ul li .info span {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  display: block;
+}
+
+.page1 .content ul li .score {
+  display: flex;
+  float: right;
+  height: 1.54667rem;
+  line-height: 1.54667rem;
+}
+
+.page1 .content ul li .score img {
+  display: inline-block;
+  width: 0.34667rem;
+  height: 0.36rem;
+  margin: 0.6rem 0.06667rem 0 0.06667rem;
+  vertical-align: middle;
+}
+
+.page1 .content ul li .score b {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  vertical-align: middle;
+}
+
+.page1 .content .more {
+  width: 1.65333rem;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  text-align: center;
+  padding: 0 0.45333rem;
+  margin: 0 auto 0.3rem;
+  color: #FFF783;
+  border: 0.02667rem solid #FFF783;
+  border-radius: 0.58667rem;
+  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: 1.73333rem;
+  background: linear-gradient(0deg, #9F0141, #760231);
+  border-radius: 0.24rem 0.24rem 0px 0px;
+  border: 0.04rem solid #FFF783;
+  box-sizing: border-box;
+  padding: 0 0.52rem 0 0.2rem;
+}
+
+.page1 .my .num {
+  float: left;
+  width: 0.53333rem;
+  height: 100%;
+  line-height: 1.73333rem;
+  color: #FFF783;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  margin-right: 0.36rem;
+  text-align: center;
+}
+
+.page1 .my .tx {
+  float: left;
+  width: 1.10667rem;
+  height: 1.10667rem;
+  border-radius: 50%;
+  border: 0.02667rem solid #FFF783;
+  display: block;
+  margin-top: 0.21333rem;
+  margin-right: 0.18667rem;
+}
+
+.page1 .my .info {
+  float: left;
+  margin-top: 0.33333rem;
+}
+
+.page1 .my .info p {
+  height: 0.48rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.13333rem;
+}
+
+.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.02667rem;
+  height: 0.48rem;
+}
+
+.page1 .my .info span {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  display: block;
+}
+
+.page1 .my .score {
+  display: flex;
+  float: right;
+  height: 1.73333rem;
+  line-height: 1.73333rem;
+}
+
+.page1 .my .score img {
+  display: inline-block;
+  width: 0.34667rem;
+  height: 0.36rem;
+  margin: 0.69333rem 0.06667rem 0 0.06667rem;
+  vertical-align: middle;
+}
+
+.page1 .my .score b {
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  vertical-align: middle;
+}
+
+.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.73333rem auto -0.2rem;
+  overflow: hidden;
+}
+
+.page2 .top .tab {
+  width: 8.64rem;
+  height: 1.17333rem;
+  line-height: 1.17333rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0.73333rem auto 0.32rem;
+}
+
+.page2 .top .tab div {
+  width: 4.10667rem;
+  height: 1.17333rem;
+  color: #FFF783;
+  font-size: 0.45333rem;
+  font-weight: 600;
+  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.66667rem;
+  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/contentBg.png) no-repeat;
+  background-size: 100% 100%;
+  overflow: hidden;
+}
+
+.page2 .content .box {
+  width: 9.06667rem;
+  height: 38.96rem;
+  background: url(../images/rewardBg.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0.2rem auto 0;
+  position: relative;
+}
+
+.page2 .content .box .bo {
+  position: absolute;
+  width: 0.69333rem;
+  height: 0.69333rem;
+  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: 9.49333rem;
+  background: url(../images/ruleBg.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  overflow: hidden;
+}
+
+.rules .rule_in .close {
+  position: absolute;
+  width: 0.90667rem;
+  height: 0.90667rem;
+  right: 0.1rem;
+  top: 0.09333rem;
+}
+
+.rules .rule_in .titles {
+  width: 8.93333rem;
+  height: 1.85333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0.66667rem;
+  text-align: center;
+  color: #FFF783;
+  font-size: 0.42667rem;
+  font-weight: 600;
+  line-height: 1.85333rem;
+  background: url(../images/ruleTitle.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.rules .rule_in .text {
+  width: 8.22667rem;
+  height: 6.2rem;
+  overflow-y: scroll;
+  color: #FFF783;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  line-height: 0.56rem;
+  margin: 2.85333rem 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.66667rem 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.90667rem;
+  height: 0.90667rem;
+  position: absolute;
+  top: 10%;
+  right: 0.93333rem;
+  z-index: 9;
+}
+
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .page2 .content .box {
+  background: url(../images/rewardBg-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .header {
+  background: url(../images/header-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .page2 .content .box {
+  background: url(../images/rewardBg-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.Turkiye .header {
+  background: url(../images/header-tr.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.Turkiye .page2 .content .box {
+  background: url(../images/rewardBg-tr.png) no-repeat;
+  background-size: 100% 100%;
+}

view/molistar/activity/2025-valentineDay/css/index.scss

@@ -0,0 +1,972 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #37013C;
+}
+
+
+.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(1260);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto 0;
+    position: relative;
+
+    .date {
+        width: px2rem(670);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        background: url(../images/time_bg.png) no-repeat;
+        background-size: 100% 100%;
+        text-align: center;
+        color: #FFF783;
+        font-size: px2rem(26);
+        font-weight: 500;
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(284);
+    }
+
+    .rule {
+        width: px2rem(110);
+        height: px2rem(54);
+        line-height: px2rem(54);
+        text-indent: 0.1rem;
+        text-align: center;
+        color: #FFF783;
+        font-size: px2rem(28);
+        font-weight: 500;
+        background: url(../images/rule_icon.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        right: 0;
+        top: px2rem(416);
+    }
+}
+
+.giftBox {
+    position: relative;
+    width: px2rem(750);
+    height: px2rem(712);
+    background: url(../images/giftBox.png) no-repeat;
+    background-size: 100% 100%;
+    margin: px2rem(-100) auto px2rem(32);
+    overflow: hidden;
+
+    .title {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(50);
+        text-align: center;
+        width: px2rem(563);
+        height: px2rem(139);
+        line-height: 1.66667rem;
+        ;
+        color: #FFF783;
+        font-size: px2rem(32);
+        font-weight: 600;
+        background: url(../images/title.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .content {
+        width: px2rem(610);
+        color: #FFF783;
+        font-size: px2rem(26);
+        font-weight: 400;
+        line-height: px2rem(42);
+        margin: px2rem(195) auto px2rem(15);
+    }
+
+    .gift {
+        width: px2rem(610);
+        height: px2rem(200);
+        display: flex;
+        justify-content: space-between;
+        margin: 0 auto 0;
+
+        div {
+            width: px2rem(200);
+            height: px2rem(200);
+            position: relative;
+            background: url(../images/sGiftBox.png) no-repeat;
+            background-size: 100% 100%;
+
+            img {
+                width: px2rem(143);
+                height: px2rem(143);
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(48);
+            }
+
+            span {
+                width: 100%;
+                text-align: center;
+                color: #FFF783;
+                font-size: px2rem(28);
+                font-weight: 600;
+                position: absolute;
+                left: 0;
+                bottom: -0.5rem;
+            }
+        }
+    }
+}
+
+.timeBox {
+    width: px2rem(520);
+    height: px2rem(104);
+    // background: url(../images/timeBox.png) no-repeat;
+    // background-size: 100% 100%;
+    margin: 0 auto px2rem(32);
+    box-sizing: border-box;
+    padding: 0 px2rem(0);
+    display: flex;
+    justify-content: space-between;
+    overflow: hidden;
+
+    div {
+        width: px2rem(120);
+        height: px2rem(104);
+        // margin-top: px2rem(11);
+        box-sizing: border-box;
+        text-align: center;
+        background: url(../images/timeBox_in.png) no-repeat;
+        background-size: 100% 100%;
+
+        // border: px2rem(2) solid #FFF1B2;
+        // background: #700034;
+        // border-radius: px2rem(14);
+
+        span {
+            display: block;
+            color: #FFF783;
+            font-size: px2rem(34);
+            font-weight: 500;
+            margin: px2rem(17) auto px2rem(2);
+        }
+
+        b {
+            display: block;
+            color: #FFF783;
+            font-size: px2rem(24);
+            font-weight: 400;
+        }
+    }
+}
+
+.page1 {
+    // display: none;
+    margin: -0.2rem auto 0;
+    .top {
+        width: px2rem(750);
+        height: px2rem(930);
+        position: relative;
+        background: url(../images/topBg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        overflow: hidden;
+
+        .tab {
+            width: px2rem(648);
+            height: px2rem(88);
+            line-height: px2rem(88);
+            text-align: center;
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(55) auto px2rem(24);
+
+            div {
+                width: px2rem(308);
+                height: px2rem(88);
+                color: #FFF783;
+                font-size: px2rem(34);
+                font-weight: 600;
+                background: url(../images/tab.png) no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .act {
+                background: url(../images/actTab.png) no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+
+        .top1 {
+            width: px2rem(750);
+            height: px2rem(434);
+            position: relative;
+            margin: 1rem auto 0;
+
+            .ts {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0;
+                left: 0;
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(154);
+                height: px2rem(154);
+                border-radius: 50%;
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(73);
+            }
+
+            .name {
+                width: 35%;
+                left: 50%;
+                transform: translateX(-50%);
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(36);
+                line-height: px2rem(36);
+                position: absolute;
+                top: px2rem(255);
+                display: flex;
+                z-index: 3;
+                flex-wrap: nowrap;
+                justify-content: center;
+
+                b {
+                    max-width: 2.6rem;
+                    text-align: right;
+                    color: #FFF783;
+                    font-size: px2rem(30);
+                    font-weight: 500;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(77);
+                    height: px2rem(36);
+                }
+            }
+
+            .id {
+                width: 100%;
+                position: absolute;
+                top: px2rem(300);
+                text-align: center;
+                left: 0;
+                z-index: 3;
+                color: #FFF783;
+                font-size: px2rem(28);
+                font-weight: 400;
+            }
+
+            .score {
+                width: 100%;
+                height: px2rem(28);
+                line-height: px2rem(28);
+                position: absolute;
+                top: px2rem(332);
+                left: 0;
+                display: flex;
+                z-index: 3;
+                flex-wrap: nowrap;
+                justify-content: center;
+
+                b {
+                    color: #FFF783;
+                    font-size: px2rem(28);
+                    font-weight: 400;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(28);
+                    height: px2rem(28);
+                    margin-right: 0.1rem;
+                }
+            }
+        }
+
+        .top2 {
+            width: px2rem(322);
+            height: px2rem(324);
+            position: absolute;
+            left: px2rem(40);
+            top: px2rem(600);
+            margin: 0 auto 0;
+
+            .ts {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0;
+                left: 0;
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(120);
+                height: px2rem(120);
+                border-radius: 50%;
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(36);
+            }
+
+            .name {
+                width: 83%;
+                left: 50%;
+                transform: translateX(-50%);
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(36);
+                line-height: px2rem(36);
+                position: absolute;
+                top: px2rem(189);
+                display: flex;
+                z-index: 3;
+                flex-wrap: nowrap;
+                justify-content: center;
+
+                b {
+                    max-width: 2.6rem;
+                    text-align: right;
+                    color: #FFF783;
+                    font-size: px2rem(30);
+                    font-weight: 500;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(77);
+                    height: px2rem(36);
+                }
+            }
+
+            .id {
+                width: 100%;
+                position: absolute;
+                top: px2rem(228);
+                text-align: center;
+                left: 0;
+                z-index: 3;
+                color: #FFF783;
+                font-size: px2rem(28);
+                font-weight: 400;
+            }
+
+            .score {
+                width: 100%;
+                height: px2rem(28);
+                line-height: px2rem(28);
+                position: absolute;
+                top: px2rem(260);
+                left: 0;
+                display: flex;
+                z-index: 3;
+                flex-wrap: nowrap;
+                justify-content: center;
+
+                b {
+                    color: #FFF783;
+                    font-size: px2rem(28);
+                    font-weight: 400;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(28);
+                    height: px2rem(28);
+                    margin-right: 0.1rem;
+                }
+            }
+        }
+
+        .top3 {
+            width: px2rem(322);
+            height: px2rem(324);
+            position: absolute;
+            right: px2rem(40);
+            top: px2rem(600);
+            margin: 0 auto 0;
+
+            .ts {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0;
+                left: 0;
+                z-index: 2;
+            }
+
+            .tx {
+                width: px2rem(120);
+                height: px2rem(120);
+                border-radius: 50%;
+                position: absolute;
+                left: 50%;
+                transform: translateX(-50%);
+                top: px2rem(36);
+            }
+
+            .name {
+                width: 83%;
+                left: 50%;
+                transform: translateX(-50%);
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                height: px2rem(36);
+                line-height: px2rem(36);
+                position: absolute;
+                top: px2rem(189);
+                display: flex;
+                z-index: 3;
+                flex-wrap: nowrap;
+                justify-content: center;
+
+                b {
+                    max-width: 2.6rem;
+                    text-align: right;
+                    color: #FFF783;
+                    font-size: px2rem(30);
+                    font-weight: 500;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(77);
+                    height: px2rem(36);
+                }
+            }
+
+            .id {
+                width: 100%;
+                position: absolute;
+                top: px2rem(228);
+                text-align: center;
+                left: 0;
+                z-index: 3;
+                color: #FFF783;
+                font-size: px2rem(28);
+                font-weight: 400;
+            }
+
+            .score {
+                width: 100%;
+                height: px2rem(28);
+                line-height: px2rem(28);
+                position: absolute;
+                top: px2rem(260);
+                left: 0;
+                display: flex;
+                z-index: 3;
+                flex-wrap: nowrap;
+                justify-content: center;
+
+                b {
+                    color: #FFF783;
+                    font-size: px2rem(28);
+                    font-weight: 400;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(28);
+                    height: px2rem(28);
+                    margin-right: 0.1rem;
+                }
+            }
+        }
+    }
+
+    .bottom {
+        width: px2rem(750);
+        height: px2rem(50);
+        background: url(../images/bottomBg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: -0.2rem auto 0;
+        position: relative;
+        z-index: 2;
+    }
+
+    .content {
+        width: px2rem(750);
+        height: auto;
+        margin: 0 auto 0;
+        background: url(../images/contentBg.png) no-repeat;
+        background-size: 100% 100%;
+        overflow: hidden;
+
+        ul {
+            width: px2rem(660);
+            margin: px2rem(28) auto px2rem(0);
+
+            li {
+                width: 100%;
+                height: px2rem(116);
+                background: linear-gradient(0deg, #9F0141, #760231);
+                border-radius: px2rem(18);
+                border: px2rem(3) solid #FFF783;
+                margin-bottom: px2rem(24);
+                overflow: hidden;
+                padding: 0 px2rem(24) 0 px2rem(15);
+                box-sizing: border-box;
+
+                .num {
+                    float: left;
+                    width: px2rem(40);
+                    height: 100%;
+                    line-height: px2rem(116);
+                    color: #FFF783;
+                    font-size: px2rem(32);
+                    font-weight: 600;
+                    margin-right: px2rem(27);
+                    text-align: center;
+                }
+
+                .tx {
+                    float: left;
+                    width: px2rem(83);
+                    height: px2rem(83);
+                    border-radius: 50%;
+                    border: px2rem(2) solid #FFF783;
+                    display: block;
+                    margin-top: px2rem(16);
+                    margin-right: px2rem(14);
+                }
+
+                .info {
+                    float: left;
+                    margin-top: px2rem(25);
+
+                    p {
+                        height: px2rem(36);
+                        line-height: px2rem(36);
+                        margin-bottom: px2rem(10);
+
+                        b {
+                            max-width: 2rem;
+                            display: inline-block;
+                            height: 100%;
+                            overflow: hidden;
+                            white-space: nowrap;
+                            text-overflow: ellipsis;
+                            color: #FFF783;
+                            font-size: px2rem(30);
+                            font-weight: 500;
+                        }
+
+                        img {
+                            display: inline-block;
+                            width: px2rem(77);
+                            height: px2rem(36);
+                        }
+                    }
+
+                    span {
+                        color: #FFF783;
+                        font-size: px2rem(28);
+                        font-weight: 400;
+                        display: block;
+                    }
+                }
+
+                .score {
+                    display: flex;
+                    float: right;
+                    height: px2rem(116);
+                    line-height: px2rem(116);
+
+                    img {
+                        display: inline-block;
+                        width: px2rem(26);
+                        height: px2rem(27);
+                        margin: px2rem(45) px2rem(5) 0 px2rem(5);
+                        vertical-align: middle;
+                    }
+
+                    b {
+                        color: #FFF783;
+                        font-size: px2rem(28);
+                        font-weight: 400;
+                        vertical-align: middle;
+                    }
+                }
+            }
+        }
+
+        .more {
+            width: px2rem(124);
+            height: px2rem(44);
+            line-height: px2rem(44);
+            text-align: center;
+            padding: 0 px2rem(34);
+            margin: 0 auto 0.3rem;
+            color: #FFF783;
+            border: px2rem(2) solid #FFF783;
+            border-radius: px2rem(44);
+            box-sizing: border-box;
+            font-size: px2rem(24);
+            font-weight: 500;
+        }
+    }
+
+    .my {
+        position: fixed;
+        z-index: 9;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: px2rem(750);
+        height: px2rem(130);
+        background: linear-gradient(0deg, #9F0141, #760231);
+        border-radius: px2rem(18) px2rem(18) 0px 0px;
+        border: px2rem(3) solid #FFF783;
+        box-sizing: border-box;
+        padding: 0 px2rem(39) 0 px2rem(15);
+
+        .num {
+            float: left;
+            width: px2rem(40);
+            height: 100%;
+            line-height: px2rem(130);
+            color: #FFF783;
+            font-size: px2rem(32);
+            font-weight: 600;
+            margin-right: px2rem(27);
+            text-align: center;
+        }
+
+        .tx {
+            float: left;
+            width: px2rem(83);
+            height: px2rem(83);
+            border-radius: 50%;
+            border: px2rem(2) solid #FFF783;
+            display: block;
+            margin-top: px2rem(16);
+            margin-right: px2rem(14);
+        }
+
+        .info {
+            float: left;
+            margin-top: px2rem(25);
+
+            p {
+                height: px2rem(36);
+                line-height: px2rem(36);
+                margin-bottom: px2rem(10);
+
+                b {
+                    max-width: 2rem;
+                    display: inline-block;
+                    height: 100%;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    color: #FFF783;
+                    font-size: px2rem(30);
+                    font-weight: 500;
+                }
+
+                img {
+                    display: inline-block;
+                    width: px2rem(77);
+                    height: px2rem(36);
+                }
+            }
+
+            span {
+                color: #FFF783;
+                font-size: px2rem(28);
+                font-weight: 400;
+                display: block;
+            }
+        }
+
+        .score {
+            display: flex;
+            float: right;
+            height: px2rem(130);
+            line-height: px2rem(130);
+
+            img {
+                display: inline-block;
+                width: px2rem(26);
+                height: px2rem(27);
+                margin: px2rem(52) px2rem(5) 0 px2rem(5);
+                vertical-align: middle;
+            }
+
+            b {
+                color: #FFF783;
+                font-size: px2rem(28);
+                font-weight: 400;
+                vertical-align: middle;
+            }
+        }
+    }
+}
+
+.page2 {
+    display: none;
+    margin: -0.5rem auto 0;
+
+    .top {
+        width: px2rem(750);
+        height: px2rem(180);
+        position: relative;
+        background: url(../images/topBg2.png) no-repeat;
+        background-size: 100% 100%;
+        margin: px2rem(55) auto -0.2rem;
+        overflow: hidden;
+
+        .tab {
+            width: px2rem(648);
+            height: px2rem(88);
+            line-height: px2rem(88);
+            text-align: center;
+            display: flex;
+            justify-content: space-between;
+            margin: px2rem(55) auto px2rem(24);
+
+            div {
+                width: px2rem(308);
+                height: px2rem(88);
+                color: #FFF783;
+                font-size: px2rem(34);
+                font-weight: 600;
+                background: url(../images/tab.png) no-repeat;
+                background-size: 100% 100%;
+            }
+
+            .act {
+                background: url(../images/actTab.png) no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+    }
+
+    .bottom {
+        width: px2rem(750);
+        height: px2rem(50);
+        background: url(../images/bottomBg.png) no-repeat;
+        background-size: 100% 100%;
+        margin: -0.2rem auto 0;
+    }
+
+    .content {
+        width: px2rem(750);
+        margin: 0 auto 0;
+        background: url(../images/contentBg.png) no-repeat;
+        background-size: 100% 100%;
+        overflow: hidden;
+
+        .box {
+            width: px2rem(680);
+            height: px2rem(2922);
+            background: url(../images/rewardBg.png) no-repeat;
+            background-size: 100% 100%;
+            margin: 0.2rem auto 0;
+            position: relative;
+
+            .bo {
+                position: absolute;
+                width: px2rem(52);
+                height: px2rem(52);
+                left: px2rem(141);
+            }
+
+            .bo1 {
+                top: px2rem(744);
+            }
+
+            .bo2 {
+                top: px2rem(1725);
+            }
+
+            .bo3 {
+                top: px2rem(2892);
+            }
+        }
+    }
+}
+
+.rules {
+    position: fixed;
+    z-index: 999;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    top: 0;
+    background: rgba(0, 0, 0, .5);
+    display: none;
+
+    .rule_in {
+        width: px2rem(750);
+        height: px2rem(712);
+        background: url(../images/ruleBg.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        overflow: hidden;
+
+        .close {
+            position: absolute;
+            width: px2rem(68);
+            height: px2rem(68);
+            right: 0.1rem;
+            top: px2rem(7);
+        }
+
+        .titles {
+            width: px2rem(670);
+            height: px2rem(139);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(50);
+            text-align: center;
+            color: #FFF783;
+            font-size: px2rem(32);
+            font-weight: 600;
+            line-height: px2rem(139);
+            background: url(../images/ruleTitle.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .text {
+            width: px2rem(617);
+            height: 6.2rem;
+            overflow-y: scroll;
+            color: #FFF783;
+            font-size: px2rem(28);
+            font-weight: 400;
+            line-height: px2rem(42);
+            margin: px2rem(214) auto 0;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+        }
+    }
+}
+
+.bottomText {
+    width: 100%;
+    text-align: center;
+    color: #FFF783;
+    font-size: px2rem(24);
+    font-weight: 400;
+    margin: px2rem(50) auto px2rem(180);
+}
+
+.video {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+
+    video {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 65%;
+    }
+
+    .close {
+        width: px2rem(68);
+        height: px2rem(68);
+        position: absolute;
+        top: 10%;
+        right: px2rem(70);
+        z-index: 9;
+    }
+}
+
+.arabic {
+    .header {
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .page2 .content .box {
+        background: url(../images/rewardBg-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.china {
+    .header {
+        background: url(../images/header-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .page2 .content .box {
+        background: url(../images/rewardBg-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.Turkiye {
+    .header {
+        background: url(../images/header-tr.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .page2 .content .box {
+        background: url(../images/rewardBg-tr.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+}

view/molistar/activity/2025-valentineDay/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="text2 date"></div>
+        <div class="rule text3"></div>
+    </div>
+    <!-- 礼物盒子 -->
+    <div class="giftBox">
+        <div class="title text4"></div>
+        <div class="content text5"></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>
+    <!-- 倒计时 -->
+    <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>
+    <!-- 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-valentineDay/js/index.js

@@ -0,0 +1,306 @@
+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: "valentinesDay" },
+        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;
+}
+
+// 打开mp4弹窗
+$('.page2 .content .box .bo1').click(function () {
+    var video = document.getElementById('zjVideo1');
+    video.play();
+    bodyScroolFun(true);
+    $('.video1').show();
+})
+$('.page2 .content .box .bo2').click(function () {
+    var video = document.getElementById('zjVideo2');
+    video.play();
+    bodyScroolFun(true);
+    $('.video2').show();
+})
+$('.page2 .content .box .bo3').click(function () {
+    var video = document.getElementById('zjVideo3');
+    video.play();
+    bodyScroolFun(true);
+    $('.video3').show();
+})
+// 关闭mp4弹窗
+$('.video .close').click(function () {
+    var video1 = document.getElementById('zjVideo1');
+    var video2 = document.getElementById('zjVideo2');
+    var video3 = document.getElementById('zjVideo3');
+    video1.pause();
+    video2.pause();
+    video3.pause();;
+    bodyScroolFun(false);
+    $('.video').hide();
+})

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

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

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

@@ -0,0 +1,29 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1:`Sweet Time`,
+        text2:`Event time: February 11-February 17`,
+        text3:`Rule`,
+        text4:`Valentine's Day Gifts`,
+        text5:`Wishing everyone all the best on this holiday of love!We have created limited edition Valentine's Day Gifts to make your Valentine's Day even better. Send a Valentine's Day Gift and spend some quality time with your loved ones!`,
+        text6: `Days`,
+        text7: `Hours`,
+        text8: `Mins`,
+        text9: `Secs`,
+        text10: `Ranking`,
+        text11: `Rewards`,
+        text12: `Event has nothing to do with Apple.`,
+        text122: `Event has nothing to do with Google.`,
+        text133: `Rules`,
+        text13: `<p>1. Send the designated Valentine's Day Gifts during the event period to participate in the ranking.</p>
+        <p>2. After the event, the Top3 users on the ranking will be counted.</p>
+        <p>3. The Top3 users will receive rewards, and the rewards will be issued on the second day after the event.</p>
+        <p>4. All interpretation rights of this event belong to the platform and have nothing to do with Google and Apple.</p>`,
+        more: 'More',
+        month: 'Month',
+        day: 'Day',
+        waiting: 'Waiting',
+    },
+}

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

@@ -0,0 +1,31 @@
+langTr = {
+    demoModule: {
+        layerIndex1: `Yükleniyor...`,
+        layerIndex2: `Başarılı`,
+        layerIndex3: `Ağ hatası`,
+        text1: `Tatlı Zaman`,
+        text2: `Etkinlik süresi: 11 Şubat - 17 Şubat`,
+        text3: `Kurallar`,
+        text4: `Sevgililer Günü Hediyeleri`,
+        text5: `Bu aşk dolu tatilde herkese en iyisini diliyoruz! Sevgililer Günü’nüzü daha da güzelleştirmek için sınırlı sayıda Sevgililer Günü Hediyeleri oluşturduk. Bir Sevgililer Günü Hediyesi gönderin ve sevdiklerinizle güzel zaman geçirin!`,
+        text6: `Gün`,
+        text7: `Saat`,
+        text8: `Dakika`,
+        text9: `Saniye`,
+        text10: `Sıralama`,
+        text11: `Ödüller`,
+        text12: `Bu etkinliğin Apple ile hiçbir bağlantısı yoktur.`,
+        text122: `Bu etkinliğin Google ile hiçbir bağlantısı yoktur.`,
+        text133: `Kurallar`,
+        text13: `<p>1. Etkinlik süresi boyunca belirlenen Sevgililer Günü Hediyelerini göndererek sıralamaya katılabilirsiniz.</p>
+            <p>2. Etkinlik sonunda en iyi 3 kullanıcı sıralamada belirlenecektir.</p>
+            <p>3. İlk 3 kullanıcı ödüller kazanacaktır ve ödüller etkinlikten sonraki gün dağıtılacaktır.</p>
+            <p>4. Bu etkinliğin tüm yorumlama hakları platforma aittir ve Google veya Apple ile hiçbir ilgisi yoktur.</p>`,
+        more: `Daha fazla`,
+        month: `Ay`,
+        day: `Gün`,
+        waiting: `Bekleniyor`,
+    }
+
+
+}

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

@@ -0,0 +1,32 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加載中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `網絡錯誤`,
+        text1: `甜蜜時光`,
+        text2: `活動時間：2月11日-2月17日`,
+        text3: `規則`,
+        text4: `情人節禮物`,
+        text5: `祝大家在這個充滿愛的節日裡一切順利！我們特別推出限量版情人節禮物，讓您的情人節更加美好。送出情人節禮物，與摯愛共度美好時光！`,
+        text6: `天`,
+        text7: `小時`,
+        text8: `分鐘`,
+        text9: `秒`,
+        text10: `排行榜`,
+        text11: `獎勵`,
+        text12: `此活動與Apple無關。`,
+        text122: `此活動與Google無關。`,
+        text133: `規則`,
+        text13: `<p>1. 在活動期間送出指定的情人節禮物，即可參與排行榜。</p>
+            <p>2. 活動結束後，統計排行榜前3名的用戶。</p>
+            <p>3. 前3名的用戶將獲得獎勵，獎勵將於活動結束後的第二天發放。</p>
+            <p>4. 本活動的最終解釋權歸平台所有，與Google和Apple無關。</p>`,
+        more: `更多`,
+        month: `月`,
+        day: `日`,
+        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 */