diff --git a/view/molistar/activity/2025-YemenUnityDay/css/index.css b/view/molistar/activity/2025-YemenUnityDay/css/index.css
index 1ac03413..d42a40b2 100644
--- a/view/molistar/activity/2025-YemenUnityDay/css/index.css
+++ b/view/molistar/activity/2025-YemenUnityDay/css/index.css
@@ -131,7 +131,7 @@ body {
.timeBox {
height: 1.3866666667rem;
- margin: 0.2rem auto 0.4266666667rem;
+ margin: 0.2rem auto 0.2933333333rem;
box-sizing: border-box;
padding: 0 1.0666666667rem;
display: flex;
@@ -167,11 +167,12 @@ body {
}
.page1 .top {
width: 10rem;
- height: 12.4rem;
+ height: 13.3333333333rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
+ padding: 0.1066666667rem 0 0;
}
.page1 .top .tab {
width: 100%;
@@ -215,13 +216,13 @@ body {
z-index: 2;
}
.page1 .top .top1 .tx {
- width: 2.0533333333rem;
- height: 2.0533333333rem;
+ width: 2.3733333333rem;
+ height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 0.9733333333rem;
+ top: 1.3333333333rem;
}
.page1 .top .top1 .name {
width: 35%;
@@ -233,7 +234,7 @@ body {
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
- top: 3.4rem;
+ top: 4.2666666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -253,11 +254,12 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
+ margin: 0 0.08rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
- top: 4rem;
+ top: 4.88rem;
text-align: center;
left: 0;
z-index: 3;
@@ -266,34 +268,38 @@ body {
font-weight: 400;
}
.page1 .top .top1 .score {
- width: 100%;
- height: 0.3733333333rem;
- line-height: 0.3733333333rem;
+ height: 0.88rem;
+ line-height: 0.88rem;
position: absolute;
- top: 4.4266666667rem;
- left: 0;
+ top: 5.3333333333rem;
+ left: 50%;
+ transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 0.6133333333rem;
}
.page1 .top .top1 .score b {
- color: #FFF783;
+ color: #2D2A00;
font-size: 0.3733333333rem;
- font-weight: 400;
+ font-weight: 500;
}
.page1 .top .top1 .score img {
display: inline-block;
- width: 0.3733333333rem;
- height: 0.3733333333rem;
+ width: 0.4266666667rem;
+ height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
- width: 4.2933333333rem;
- height: 4.32rem;
+ width: 4rem;
+ height: 4rem;
position: absolute;
- left: 0.5333333333rem;
- top: 8rem;
+ left: 0.6666666667rem;
+ top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
@@ -305,13 +311,13 @@ body {
z-index: 2;
}
.page1 .top .top2 .tx {
- width: 1.6rem;
- height: 1.6rem;
+ width: 2.3733333333rem;
+ height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 0.48rem;
+ top: 0.8266666667rem;
}
.page1 .top .top2 .name {
width: 83%;
@@ -323,7 +329,7 @@ body {
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
- top: 2.52rem;
+ top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -343,11 +349,12 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
+ margin: 0 0.08rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
- top: 3.04rem;
+ top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
@@ -356,34 +363,38 @@ body {
font-weight: 400;
}
.page1 .top .top2 .score {
- width: 100%;
- height: 0.3733333333rem;
- line-height: 0.3733333333rem;
+ height: 0.88rem;
+ line-height: 0.88rem;
position: absolute;
- top: 3.4666666667rem;
- left: 0;
+ top: 4.9333333333rem;
+ left: 50%;
+ transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 0.6133333333rem;
}
.page1 .top .top2 .score b {
- color: #FFF783;
+ color: #2D2A00;
font-size: 0.3733333333rem;
- font-weight: 400;
+ font-weight: 500;
}
.page1 .top .top2 .score img {
display: inline-block;
- width: 0.3733333333rem;
- height: 0.3733333333rem;
+ width: 0.4266666667rem;
+ height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
- width: 4.2933333333rem;
- height: 4.32rem;
+ width: 4rem;
+ height: 4rem;
position: absolute;
- right: 0.5333333333rem;
- top: 8rem;
+ right: 0.6666666667rem;
+ top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
@@ -395,13 +406,13 @@ body {
z-index: 2;
}
.page1 .top .top3 .tx {
- width: 1.6rem;
- height: 1.6rem;
+ width: 2.3733333333rem;
+ height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 0.48rem;
+ top: 0.8266666667rem;
}
.page1 .top .top3 .name {
width: 83%;
@@ -413,7 +424,7 @@ body {
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
- top: 2.52rem;
+ top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -433,11 +444,12 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
+ margin: 0 0.08rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
- top: 3.04rem;
+ top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
@@ -446,26 +458,30 @@ body {
font-weight: 400;
}
.page1 .top .top3 .score {
- width: 100%;
- height: 0.3733333333rem;
- line-height: 0.3733333333rem;
+ height: 0.88rem;
+ line-height: 0.88rem;
position: absolute;
- top: 3.4666666667rem;
- left: 0;
+ top: 4.9333333333rem;
+ left: 50%;
+ transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 0.6133333333rem;
}
.page1 .top .top3 .score b {
- color: #FFF783;
+ color: #2D2A00;
font-size: 0.3733333333rem;
- font-weight: 400;
+ font-weight: 500;
}
.page1 .top .top3 .score img {
display: inline-block;
- width: 0.3733333333rem;
- height: 0.3733333333rem;
+ width: 0.4266666667rem;
+ height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .bottom {
@@ -491,19 +507,19 @@ body {
}
.page1 .content ul li {
width: 100%;
- height: 1.5466666667rem;
background: linear-gradient(0deg, #9F0141, #760231);
- border-radius: 0.24rem;
- border: 0.04rem solid #FFF783;
- margin-bottom: 0.32rem;
+ margin-bottom: 0.3466666667rem;
overflow: hidden;
- padding: 0 0.32rem 0 0.2rem;
+ padding: 0 0.32rem 0.2533333333rem 0.2rem;
box-sizing: border-box;
+ background: url(../images/li_bg.png) no-repeat;
+ background-size: 100% 100%;
+ display: flex;
+ align-items: center;
}
.page1 .content ul li .num {
float: left;
width: 0.5333333333rem;
- height: 100%;
line-height: 1.5466666667rem;
color: #FFF783;
font-size: 0.4266666667rem;
@@ -518,8 +534,9 @@ body {
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
- margin-top: 0.2133333333rem;
+ margin-top: 0.2533333333rem;
margin-right: 0.1866666667rem;
+ margin-left: 0.1866666667rem;
}
.page1 .content ul li .info {
float: left;
@@ -545,6 +562,7 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
+ margin: 0 0.08rem;
}
.page1 .content ul li .info span {
color: #FFF783;
@@ -554,21 +572,25 @@ body {
}
.page1 .content ul li .score {
display: flex;
- float: right;
- height: 1.5466666667rem;
- line-height: 1.5466666667rem;
+ height: 0.88rem;
+ line-height: 0.88rem;
+ margin-left: auto;
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 0.6133333333rem;
}
.page1 .content ul li .score img {
display: inline-block;
- width: 0.3466666667rem;
- height: 0.36rem;
- margin: 0.6rem 0.0666666667rem 0 0.0666666667rem;
+ width: 0.4266666667rem;
+ height: 0.4266666667rem;
+ margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
- color: #FFF783;
+ font-weight: 500;
font-size: 0.3733333333rem;
- font-weight: 400;
+ color: #2D2A00;
vertical-align: middle;
}
.page1 .content .more {
@@ -592,12 +614,13 @@ body {
left: 50%;
transform: translateX(-50%);
width: 10rem;
- height: 1.7333333333rem;
- background: linear-gradient(0deg, #9F0141, #760231);
+ background: #500000;
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
- padding: 0 0.52rem 0 0.2rem;
+ padding: 0 0.52rem 0.2rem 0.2rem;
+ display: flex;
+ align-items: center;
}
.page1 .my .num {
float: left;
@@ -619,6 +642,7 @@ body {
display: block;
margin-top: 0.2133333333rem;
margin-right: 0.1866666667rem;
+ margin-left: 0.1866666667rem;
}
.page1 .my .info {
float: left;
@@ -644,6 +668,7 @@ body {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
+ margin: 0 0.08rem;
}
.page1 .my .info span {
color: #FFF783;
@@ -653,21 +678,26 @@ body {
}
.page1 .my .score {
display: flex;
- float: right;
- height: 1.7333333333rem;
- line-height: 1.7333333333rem;
+ height: 0.88rem;
+ line-height: 0.88rem;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 0.6133333333rem;
+ align-items: center;
+ justify-content: center;
+ margin-left: auto;
}
.page1 .my .score img {
display: inline-block;
- width: 0.3466666667rem;
- height: 0.36rem;
- margin: 0.6933333333rem 0.0666666667rem 0 0.0666666667rem;
+ width: 0.4266666667rem;
+ height: 0.4266666667rem;
+ margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .my .score b {
- color: #FFF783;
+ font-weight: 500;
font-size: 0.3733333333rem;
- font-weight: 400;
+ color: #2D2A00;
vertical-align: middle;
}
@@ -677,28 +707,31 @@ body {
}
.page2 .top {
width: 10rem;
- height: 2.4rem;
+ height: 2.1333333333rem;
position: relative;
- background: url(../images/topBg2.png) no-repeat;
- background-size: 100% 100%;
- margin: 0.7333333333rem auto -0.2rem;
+ margin: 0 auto -0.2rem;
overflow: hidden;
}
.page2 .top .tab {
- width: 8.64rem;
- height: 1.1733333333rem;
- line-height: 1.1733333333rem;
+ width: 100%;
+ height: 1rem;
+ box-sizing: border-box;
+ line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
- margin: 0.7333333333rem auto 0.32rem;
+ margin: 0rem auto 0;
+ position: absolute;
+ top: 40%;
+ gap: 0.2666666667rem;
+ padding: 0 0.5333333333rem;
}
.page2 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
- color: #FFF783;
+ color: #4D0D00;
font-size: 0.4533333333rem;
- font-weight: 600;
+ font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
@@ -716,15 +749,13 @@ body {
.page2 .content {
width: 10rem;
margin: 0 auto 0;
- background: url(../images/contentBg.png) no-repeat;
+ background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page2 .content .box {
- width: 9.0666666667rem;
- height: 38.96rem;
- background: url(../images/rewardBg.png) no-repeat;
- background-size: 100% 100%;
+ width: 10rem;
+ height: 29.04rem;
margin: 0.2rem auto 0;
position: relative;
}
@@ -756,35 +787,34 @@ body {
}
.rules .rule_in {
width: 10rem;
- height: 9.4933333333rem;
- background: url(../images/ruleBg.png) no-repeat;
+ height: 6.4266666667rem;
+ background: url(../images/giftBox.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.9066666667rem;
height: 0.9066666667rem;
- right: 0.1rem;
- top: 0.0933333333rem;
+ right: 0.2666666667rem;
+ top: -0.08rem;
}
.rules .rule_in .titles {
- width: 8.9333333333rem;
+ width: 7.5066666667rem;
height: 1.8533333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 0.6666666667rem;
+ top: 0.1066666667rem;
text-align: center;
- color: #FFF783;
- font-size: 0.4266666667rem;
+ color: #4D0D00;
+ font-size: 0.4533333333rem;
font-weight: 600;
- line-height: 1.8533333333rem;
- background: url(../images/ruleTitle.png) no-repeat;
+ line-height: 2.6133333333rem;
+ background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.rules .rule_in .text {
@@ -795,7 +825,7 @@ body {
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.56rem;
- margin: 2.8533333333rem auto 0;
+ margin: 2.1333333333rem auto 0;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
@@ -837,28 +867,18 @@ body {
}
.arabic .header {
- background: url(../images/header-ar.png) no-repeat;
+ background: url(../images/header.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%;
+.arabic .page1 .content ul li .score {
+ margin-right: auto;
+ margin-left: 0;
}
-.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%;
+.arabic .page1 .my .score {
+ margin-right: auto;
+ margin-left: 0;
}
\ No newline at end of file
diff --git a/view/molistar/activity/2025-YemenUnityDay/css/index.scss b/view/molistar/activity/2025-YemenUnityDay/css/index.scss
index 77f14dc2..49986a7e 100644
--- a/view/molistar/activity/2025-YemenUnityDay/css/index.scss
+++ b/view/molistar/activity/2025-YemenUnityDay/css/index.scss
@@ -148,7 +148,7 @@ body {
height: px2rem(104);
// background: url(../images/timeBox.png) no-repeat;
// background-size: 100% 100%;
- margin: px2rem(15) auto px2rem(32);
+ margin: px2rem(15) auto px2rem(22);
box-sizing: border-box;
padding: 0 px2rem(80);
display: flex;
@@ -192,13 +192,13 @@ body {
margin: px2rem(140) auto 0;
.top {
width: px2rem(750);
- height: px2rem(930);
+ height: px2rem(1000);
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
// overflow: hidden;
-
+ padding: px2rem(8) 0 0;
.tab {
width:100%;
height: px2rem(75);
@@ -244,13 +244,13 @@ body {
}
.tx {
- width: px2rem(154);
- height: px2rem(154);
+ width: px2rem(178);
+ height: px2rem(178);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(73);
+ top: px2rem(100);
}
.name {
@@ -263,7 +263,7 @@ body {
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
- top: px2rem(255);
+ top: px2rem(320);
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -284,13 +284,14 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
+ margin: 0 px2rem(6);
}
}
.id {
width: 100%;
position: absolute;
- top: px2rem(300);
+ top: px2rem(366);
text-align: center;
left: 0;
z-index: 3;
@@ -300,38 +301,42 @@ body {
}
.score {
- width: 100%;
- height: px2rem(28);
- line-height: px2rem(28);
+ // min-width: px2rem(201);
+ height: px2rem(66);
+ line-height: px2rem(66);
position: absolute;
- top: px2rem(332);
- left: 0;
+ top: px2rem(400);
+ left: 50%;
+ transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
-
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 px2rem(46);
b {
- color: #FFF783;
+ color: #2D2A00;
font-size: px2rem(28);
- font-weight: 400;
+ font-weight: 500;
}
img {
display: inline-block;
- width: px2rem(28);
- height: px2rem(28);
+ width: px2rem(32);
+ height: px2rem(32);
margin-right: 0.1rem;
}
}
}
.top2 {
- width: px2rem(322);
- height: px2rem(324);
+ width: px2rem(300);
+ height: px2rem(300);
position: absolute;
- left: px2rem(40);
- top: px2rem(600);
+ left: px2rem(50);
+ top: px2rem(550);
margin: 0 auto 0;
.ts {
@@ -344,13 +349,13 @@ body {
}
.tx {
- width: px2rem(120);
- height: px2rem(120);
+ width: px2rem(178);
+ height: px2rem(178);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(36);
+ top: px2rem(62);
}
.name {
@@ -363,7 +368,7 @@ body {
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
- top: px2rem(189);
+ top: px2rem(284);
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -384,13 +389,14 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
+ margin: 0 px2rem(6);
}
}
.id {
width: 100%;
position: absolute;
- top: px2rem(228);
+ top: px2rem(328);
text-align: center;
left: 0;
z-index: 3;
@@ -400,38 +406,42 @@ body {
}
.score {
- width: 100%;
- height: px2rem(28);
- line-height: px2rem(28);
+ // width: 100%;
+ height: px2rem(66);
+ line-height: px2rem(66);
position: absolute;
- top: px2rem(260);
- left: 0;
+ top: px2rem(370);
+ left: 50%;
+ transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
-
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 px2rem(46);
b {
- color: #FFF783;
+ color: #2D2A00;
font-size: px2rem(28);
- font-weight: 400;
+ font-weight: 500;
}
img {
display: inline-block;
- width: px2rem(28);
- height: px2rem(28);
+ width: px2rem(32);
+ height: px2rem(32);
margin-right: 0.1rem;
}
}
}
.top3 {
- width: px2rem(322);
- height: px2rem(324);
+ width: px2rem(300);
+ height: px2rem(300);
position: absolute;
- right: px2rem(40);
- top: px2rem(600);
+ right: px2rem(50);
+ top: px2rem(550);
margin: 0 auto 0;
.ts {
@@ -444,13 +454,13 @@ body {
}
.tx {
- width: px2rem(120);
- height: px2rem(120);
+ width: px2rem(178);
+ height: px2rem(178);
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(36);
+ top: px2rem(62);
}
.name {
@@ -463,7 +473,7 @@ body {
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
- top: px2rem(189);
+ top: px2rem(284);
display: flex;
z-index: 3;
flex-wrap: nowrap;
@@ -484,13 +494,14 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
+ margin: 0 px2rem(6);
}
}
.id {
width: 100%;
position: absolute;
- top: px2rem(228);
+ top: px2rem(328);
text-align: center;
left: 0;
z-index: 3;
@@ -500,27 +511,31 @@ body {
}
.score {
- width: 100%;
- height: px2rem(28);
- line-height: px2rem(28);
+ // width: 100%;
+ height: px2rem(66);
+ line-height: px2rem(66);
position: absolute;
- top: px2rem(260);
- left: 0;
+ top: px2rem(370);
+ left: 50%;
+ transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
-
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 px2rem(46);
b {
- color: #FFF783;
+ color: #2D2A00;
font-size: px2rem(28);
- font-weight: 400;
+ font-weight: 500;
}
img {
display: inline-block;
- width: px2rem(28);
- height: px2rem(28);
+ width: px2rem(32);
+ height: px2rem(32);
margin-right: 0.1rem;
}
}
@@ -551,25 +566,28 @@ body {
li {
width: 100%;
- height: px2rem(116);
+ // height: px2rem(116);
background: linear-gradient(0deg, #9F0141, #760231);
- border-radius: px2rem(18);
- border: px2rem(3) solid #FFF783;
- margin-bottom: px2rem(24);
+ // border: px2rem(3) solid #FFF783;
+ margin-bottom: px2rem(26);
overflow: hidden;
- padding: 0 px2rem(24) 0 px2rem(15);
+ padding: 0 px2rem(24) px2rem(19) px2rem(15);
box-sizing: border-box;
-
+ background: url(../images/li_bg.png) no-repeat;
+ background-size: 100% 100%;
+ display: flex;
+ align-items: center;
.num {
float: left;
width: px2rem(40);
- height: 100%;
+ // height: 100%;
line-height: px2rem(116);
color: #FFF783;
font-size: px2rem(32);
font-weight: 600;
margin-right: px2rem(27);
text-align: center;
+
}
.tx {
@@ -579,8 +597,9 @@ body {
border-radius: 50%;
border: px2rem(2) solid #FFF783;
display: block;
- margin-top: px2rem(16);
+ margin-top: px2rem(19);
margin-right: px2rem(14);
+ margin-left: px2rem(14);
}
.info {
@@ -608,6 +627,7 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
+ margin: 0 px2rem(6);
}
}
@@ -621,22 +641,26 @@ body {
.score {
display: flex;
- float: right;
- height: px2rem(116);
- line-height: px2rem(116);
-
+ // float: right;
+ height: px2rem(66);
+ line-height: px2rem(66);
+ margin-left: auto;
+ align-items: center;
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 px2rem(46);
img {
display: inline-block;
- width: px2rem(26);
- height: px2rem(27);
- margin: px2rem(45) px2rem(5) 0 px2rem(5);
+ width: px2rem(32);
+ height: px2rem(32);
+ margin: 0 px2rem(5) 0 px2rem(5);
vertical-align: middle;
}
b {
- color: #FFF783;
+ font-weight: 500;
font-size: px2rem(28);
- font-weight: 400;
+ color: #2D2A00;
vertical-align: middle;
}
}
@@ -666,13 +690,14 @@ body {
left: 50%;
transform: translateX(-50%);
width: px2rem(750);
- height: px2rem(130);
- background: linear-gradient(0deg, #9F0141, #760231);
+ // height: px2rem(130);
+ background: #500000;
border-radius: px2rem(18) px2rem(18) 0px 0px;
border: px2rem(3) solid #FFF783;
box-sizing: border-box;
- padding: 0 px2rem(39) 0 px2rem(15);
-
+ padding: 0 px2rem(39) px2rem(15) px2rem(15);
+ display: flex;
+ align-items: center;
.num {
float: left;
width: px2rem(40);
@@ -694,6 +719,7 @@ body {
display: block;
margin-top: px2rem(16);
margin-right: px2rem(14);
+ margin-left: px2rem(14);
}
.info {
@@ -721,6 +747,7 @@ body {
display: inline-block;
width: px2rem(77);
height: px2rem(36);
+ margin: 0 px2rem(6);
}
}
@@ -734,22 +761,27 @@ body {
.score {
display: flex;
- float: right;
- height: px2rem(130);
- line-height: px2rem(130);
-
+ // float: right;
+ height: px2rem(66);
+ line-height: px2rem(66);
+ background: url(../images/score_bg.png) no-repeat;
+ background-size: 100% 100%;
+ padding: 0 px2rem(46);
+ align-items: center;
+ justify-content: center;
+ margin-left: auto;
img {
display: inline-block;
- width: px2rem(26);
- height: px2rem(27);
- margin: px2rem(52) px2rem(5) 0 px2rem(5);
+ width: px2rem(32);
+ height: px2rem(32);
+ margin: 0 px2rem(5) 0 px2rem(5);
vertical-align: middle;
}
b {
- color: #FFF783;
+ font-weight: 500;
font-size: px2rem(28);
- font-weight: 400;
+ color: #2D2A00;
vertical-align: middle;
}
}
@@ -762,28 +794,32 @@ body {
.top {
width: px2rem(750);
- height: px2rem(180);
+ height: px2rem(160);
position: relative;
- background: url(../images/topBg2.png) no-repeat;
- background-size: 100% 100%;
- margin: px2rem(55) auto -0.2rem;
+ // background: url(../images/topBg.png) no-repeat;
+ // background-size: 100% 100%;
+ margin: 0 auto -0.2rem;
overflow: hidden;
.tab {
- width: px2rem(648);
- height: px2rem(88);
- line-height: px2rem(88);
+ width:100%;
+ height: px2rem(75);
+ box-sizing: border-box;
+ line-height: px2rem(75);
text-align: center;
display: flex;
justify-content: space-between;
- margin: px2rem(55) auto px2rem(24);
-
+ margin: px2rem(0) auto 0;
+ position: absolute;
+ top: 40%;
+ gap: px2rem(20);
+ padding: 0 px2rem(40);
div {
width: px2rem(325);
height: px2rem(75);
- color: #FFF783;
+ color: #4D0D00;
font-size: px2rem(34);
- font-weight: 600;
+ font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
@@ -806,15 +842,15 @@ body {
.content {
width: px2rem(750);
margin: 0 auto 0;
- background: url(../images/contentBg.png) no-repeat;
+ background: url(../images/rewardBg.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%;
+ width: px2rem(750);
+ height: px2rem(2178);
+ // background: url(../images/rewardBg.png) no-repeat;
+ // background-size: 100% 100%;
margin: 0.2rem auto 0;
position: relative;
@@ -852,36 +888,36 @@ body {
.rule_in {
width: px2rem(750);
- height: px2rem(712);
- background: url(../images/ruleBg.png) no-repeat;
+ height: px2rem(482);
+ background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- overflow: hidden;
+ // overflow: hidden;
.close {
position: absolute;
width: px2rem(68);
height: px2rem(68);
- right: 0.1rem;
- top: px2rem(7);
+ right: px2rem(20);
+ top: px2rem(-6);
}
.titles {
- width: px2rem(670);
+ width: px2rem(563);
height: px2rem(139);
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(50);
+ top: px2rem(8);
text-align: center;
- color: #FFF783;
- font-size: px2rem(32);
+ color: #4D0D00;
+ font-size: px2rem(34);
font-weight: 600;
- line-height: px2rem(139);
- background: url(../images/ruleTitle.png) no-repeat;
+ line-height: px2rem(196);
+ background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
@@ -893,7 +929,7 @@ body {
font-size: px2rem(28);
font-weight: 400;
line-height: px2rem(42);
- margin: px2rem(214) auto 0;
+ margin: px2rem(160) auto 0;
&::-webkit-scrollbar {
display: none;
@@ -941,7 +977,7 @@ body {
.arabic {
.header {
- background: url(../images/header-ar.png) no-repeat;
+ background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
}
@@ -949,29 +985,37 @@ body {
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%;
+ .page1 .content ul li .score {
+ margin-right: auto;
+ margin-left: 0;
}
-
- .page2 .content .box {
- background: url(../images/rewardBg-zh.png) no-repeat;
- background-size: 100% 100%;
+ .page1 .my .score{
+ margin-right: auto;
+ margin-left: 0;
}
}
-.Turkiye {
- .header {
- background: url(../images/header-tr.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-tr.png) no-repeat;
- background-size: 100% 100%;
- }
+// .page2 .content .box {
+// background: url(../images/rewardBg-zh.png) no-repeat;
+// background-size: 100% 100%;
+// }
+// }
-}
\ No newline at end of file
+// .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%;
+// }
+
+// }
\ No newline at end of file
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png b/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png
index 98ebffd7..343fc5b8 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png and b/view/molistar/activity/2025-YemenUnityDay/images/bottomBg.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/box.png b/view/molistar/activity/2025-YemenUnityDay/images/box.png
index 03a42172..e0f0b100 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/box.png and b/view/molistar/activity/2025-YemenUnityDay/images/box.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/close.png b/view/molistar/activity/2025-YemenUnityDay/images/close.png
index 3c7e8d45..8110bdde 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/close.png and b/view/molistar/activity/2025-YemenUnityDay/images/close.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png b/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png
index eb72b870..216e4a1c 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png and b/view/molistar/activity/2025-YemenUnityDay/images/contentBg.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/li_bg.png b/view/molistar/activity/2025-YemenUnityDay/images/li_bg.png
new file mode 100644
index 00000000..b6619585
Binary files /dev/null and b/view/molistar/activity/2025-YemenUnityDay/images/li_bg.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/logo.png b/view/molistar/activity/2025-YemenUnityDay/images/logo.png
index e122ccc7..ae87e7d9 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/logo.png and b/view/molistar/activity/2025-YemenUnityDay/images/logo.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png b/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png
index 8dd892d1..1d722268 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png and b/view/molistar/activity/2025-YemenUnityDay/images/rewardBg.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/score_bg.png b/view/molistar/activity/2025-YemenUnityDay/images/score_bg.png
new file mode 100644
index 00000000..cbd88e43
Binary files /dev/null and b/view/molistar/activity/2025-YemenUnityDay/images/score_bg.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/top2.png b/view/molistar/activity/2025-YemenUnityDay/images/top2.png
index 60730a32..81eeeffc 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/top2.png and b/view/molistar/activity/2025-YemenUnityDay/images/top2.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/images/top3.png b/view/molistar/activity/2025-YemenUnityDay/images/top3.png
index 660f63b7..edab93a8 100644
Binary files a/view/molistar/activity/2025-YemenUnityDay/images/top3.png and b/view/molistar/activity/2025-YemenUnityDay/images/top3.png differ
diff --git a/view/molistar/activity/2025-YemenUnityDay/index.html b/view/molistar/activity/2025-YemenUnityDay/index.html
index 2161c570..bfba3602 100644
--- a/view/molistar/activity/2025-YemenUnityDay/index.html
+++ b/view/molistar/activity/2025-YemenUnityDay/index.html
@@ -159,7 +159,7 @@
-->
-
1. أرسل هدايا عيد الحب المحددة خلال فترة الفعالية للمشاركة في التصنيف.
-2. بعد انتهاء الفعالية، سيتم احتساب أفضل 3 مستخدمين في التصنيف.
-3. سيحصل أفضل 3 مستخدمين على المكافآت، وسيتم إصدار المكافآت في اليوم التالي لانتهاء الفعالية.
-4. جميع حقوق تفسير هذه الفعالية تعود إلى المنصة وليس لها أي علاقة بـ Google وApple.
`, + text13: `1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.
+2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.
+3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث
+4.لا علاقة للحدث بـ Google/Apple.
`, more: `المزيد`, month: `شهر`, day: `يوم`, diff --git a/view/molistar/activity/2025-YemenUnityDay/local/en.js b/view/molistar/activity/2025-YemenUnityDay/local/en.js index 10ab66b1..d403e3f1 100644 --- a/view/molistar/activity/2025-YemenUnityDay/local/en.js +++ b/view/molistar/activity/2025-YemenUnityDay/local/en.js @@ -6,20 +6,19 @@ langEn = { text1:`Yemen Unity Day`, text3:`Rules`, text4:`Event 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.`, + text12: `Event not related to Apple.`, + text122: `Event not related to Google.`, text133: `Rules`, - text13: `1. Send the designated Valentine's Day Gifts during the event period to participate in the ranking.
-2. After the event, the Top3 users on the ranking will be counted.
-3. The Top3 users will receive rewards, and the rewards will be issued on the second day after the event.
-4. All interpretation rights of this event belong to the platform and have nothing to do with Google and Apple.
`, + text13: `1.During the event period, you can join the ranking by sending the designated countries.
+2.At the end of the event, the Top3 users will receive a generous reward.
+3.Rewards will be paid out the day after the event ends
+4.Event has nothing to do with Google/Apple.
`, more: 'More', month: 'Month', day: 'Day',