diff --git a/view/molistar/activity/2024-cpActive/css/index.css b/view/molistar/activity/2024-cpActive/css/index.css index 3524b588..1743534a 100644 --- a/view/molistar/activity/2024-cpActive/css/index.css +++ b/view/molistar/activity/2024-cpActive/css/index.css @@ -12,22 +12,21 @@ body { } .back { - width: 0.58667rem; - height: 0.58667rem; - line-height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; position: fixed; left: 0; - top: 0.86667rem; + top: 0.8666666667rem; text-align: center; color: #FFFFFF; - font-size: 0.50667rem; + font-size: 0.5066666667rem; font-weight: bold; z-index: 10; } - .back img { - width: 0.58667rem; - height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; position: absolute; left: 0.24rem; top: 0rem; @@ -45,7 +44,6 @@ body { /* 动画 */ /* 动画 */ } - .header .music { position: absolute; top: 1.6rem; @@ -56,7 +54,6 @@ body { background-size: 100% 100%; display: none; } - .header .notOpen { position: absolute; top: 1.6rem; @@ -66,9 +63,8 @@ body { z-index: 2; display: none; } - .header .rule_icon { - width: 1.62667rem; + width: 1.6266666667rem; height: 0.72rem; line-height: 0.64rem; background: url(../images/rule_icon.png) no-repeat; @@ -78,11 +74,10 @@ body { right: 0; text-align: center; color: #fff; - font-size: 0.34667rem; + font-size: 0.3466666667rem; font-weight: 600; text-indent: 0.3rem; } - .header .carousel { width: 8.8rem; height: 8.8rem; @@ -91,12 +86,11 @@ body { position: absolute; left: 50%; transform: translateX(-50%); - top: 4.30667rem; + top: 4.3066666667rem; /* 无限旋转 */ animation: rotateWheel 20s linear infinite; z-index: 2; } - .header .carousel .carouselTitle { width: 3.84rem; height: 3.84rem; @@ -107,7 +101,6 @@ body { /* 无限旋转 */ animation: rotateWheel_Title 20s linear infinite; } - .header .carousel .waiting { width: 3.84rem; height: 3.84rem; @@ -118,9 +111,8 @@ body { /* 无限旋转 */ animation: rotateWheel_Title 20s linear infinite; } - .header .carousel div { - width: 2.66667rem; + width: 2.6666666667rem; height: 2.4rem; position: absolute; background: url(../images/carousel_in.png) no-repeat; @@ -128,64 +120,53 @@ body { /* 无限旋转 */ animation: rotateWheel_in 20s linear infinite; } - .header .carousel div img { position: absolute; width: 1.16rem; height: 1.16rem; border-radius: 50%; - top: 0.77333rem; + top: 0.7733333333rem; border: 0.04rem solid #FFFAC5; box-sizing: border-box; } - .header .carousel div .tx1 { left: 0; } - .header .carousel div .tx2 { right: 0; } - .header .carousel .carousel_in1 { - left: 3.06667rem; - top: -0.42667rem; + left: 3.0666666667rem; + top: -0.4266666667rem; } - .header .carousel .carousel_in2 { - left: 6.14667rem; + left: 6.1466666667rem; top: 1.52rem; } - .header .carousel .carousel_in3 { - left: 6.14667rem; - top: 4.98667rem; + left: 6.1466666667rem; + top: 4.9866666667rem; } - .header .carousel .carousel_in4 { - left: 3.06667rem; - top: 6.62667rem; + left: 3.0666666667rem; + top: 6.6266666667rem; } - .header .carousel .carousel_in5 { - left: -0.09333rem; - top: 4.98667rem; + left: -0.0933333333rem; + top: 4.9866666667rem; } - .header .carousel .carousel_in6 { - left: -0.09333rem; + left: -0.0933333333rem; top: 1.52rem; } - .header .carouselBoom { width: 8.64rem; height: 5.44rem; position: absolute; left: 50%; transform: translateX(-50%); - top: 9.46667rem; + top: 9.4666666667rem; } - @keyframes rotateWheel { from { transform: translateX(-50%) rotate(0deg); @@ -194,7 +175,6 @@ body { transform: translateX(-50%) rotate(360deg); } } - @keyframes rotateWheel_Title { from { transform: translate(-50%, -50%) rotate(0deg); @@ -203,7 +183,6 @@ body { transform: translate(-50%, -50%) rotate(-360deg); } } - @keyframes rotateWheel_in { from { transform: rotate(0deg); @@ -212,12 +191,11 @@ body { transform: rotate(-360deg); } } - .header .timeBox { width: 8rem; - height: 1.62667rem; + height: 1.6266666667rem; box-sizing: border-box; - padding: 0 0.66667rem; + padding: 0 0.6666666667rem; position: absolute; top: 13.96rem; left: 50%; @@ -225,24 +203,21 @@ body { display: flex; justify-content: space-between; } - .header .timeBox div { width: 1.2rem; - height: 1.06667rem; + height: 1.0666666667rem; background: url(../images/timeIcon.png) no-repeat; background-size: 100% 100%; position: relative; text-align: center; - line-height: 1.06667rem; + line-height: 1.0666666667rem; } - .header .timeBox div b { color: #fff; - font-size: 0.58667rem; + font-size: 0.5866666667rem; font-weight: 600; font-family: PingFang SC; } - .header .timeBox div span { width: 2.4rem; height: 0.48rem; @@ -250,43 +225,40 @@ body { position: absolute; left: 50%; transform: translateX(-50%); - bottom: -0.54667rem; + bottom: -0.5466666667rem; text-align: center; color: #fff; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 400; font-family: PingFang SC; } - .header .timeBox .colon { - width: 0.21333rem; - height: 0.53333rem; + width: 0.2133333333rem; + height: 0.5333333333rem; background: url(../images/colon.png) no-repeat; background-size: 100% 100%; - margin: 0 0.22667rem; - margin-top: 0.54667rem; + margin: 0 0.2266666667rem; + margin-top: 0.5466666667rem; } .tabBox { width: 10rem; - height: 0.93333rem; - line-height: 0.86667rem; + height: 0.9333333333rem; + line-height: 0.8666666667rem; text-align: center; display: flex; justify-content: space-between; - margin: 0 auto 0.18667rem; + margin: 0 auto 0.1866666667rem; } - .tabBox div { - width: 3.25333rem; + width: 3.2533333333rem; height: 100%; background: url(../images/tab.png) no-repeat; background-size: 100% 100%; color: #FFE3E9; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; } - .tabBox .act { background: url(../images/act.png) no-repeat; background-size: 100% 100%; @@ -297,65 +269,58 @@ body { display: none; margin-bottom: 0.4rem; } - .page1 .top { - width: 9.86667rem; + width: 9.8666666667rem; height: 4rem; background: url(../images/top.png) no-repeat; background-size: 100% 100%; overflow: hidden; margin-bottom: 0; position: relative; - margin: 0 auto -0.26667rem; + margin: 0 auto -0.2666666667rem; } - .page1 .top p { - width: 8.10667rem; - line-height: 0.53333rem; + width: 8.1066666667rem; + line-height: 0.5333333333rem; color: #FFFFFF; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; margin: 0 auto; text-align: center; margin-top: 2rem; } - .page1 .content { - width: 9.86667rem; + width: 9.8666666667rem; height: auto; background: url(../images/content.png) no-repeat; background-size: 100% 100%; - margin: -0.53333rem auto 0rem; + margin: -0.5333333333rem auto 0rem; box-sizing: border-box; overflow: hidden; position: relative; } - .page1 .content .timeTitle { - width: 6.93333rem; - height: 0.34667rem; + width: 6.9333333333rem; + height: 0.3466666667rem; display: block; - margin: 0 auto 0.29333rem; + margin: 0 auto 0.2933333333rem; } - .page1 .content .times { width: 100%; text-align: center; color: #FFFFFF; font-weight: 400; - font-size: 0.42667rem; - margin-bottom: 0.37333rem; + font-size: 0.4266666667rem; + margin-bottom: 0.3733333333rem; } - .page1 .content .topBox { - width: 8.74667rem; - height: 10.21333rem; - margin: 0 auto 0.49333rem; + width: 8.7466666667rem; + height: 10.2133333333rem; + margin: 0 auto 0.4933333333rem; position: relative; } - .page1 .content .topBox .top1 { - width: 8.74667rem; + width: 8.7466666667rem; height: 5.6rem; position: absolute; left: 0; @@ -363,363 +328,330 @@ body { background: url(../images/top1.png) no-repeat; background-size: 100% 100%; } - .page1 .content .topBox .top1 .tsL { - width: 2.34667rem; - height: 2.34667rem; + width: 2.3466666667rem; + height: 2.3466666667rem; z-index: 2; position: absolute; top: 0.8rem; left: 2rem; } - .page1 .content .topBox .top1 .tsR { - width: 2.34667rem; - height: 2.34667rem; + width: 2.3466666667rem; + height: 2.3466666667rem; z-index: 2; position: absolute; top: 0.8rem; right: 2rem; } - .page1 .content .topBox .top1 .txL { width: 1.6rem; height: 1.6rem; position: absolute; - top: 1.17333rem; - left: 2.37333rem; + top: 1.1733333333rem; + left: 2.3733333333rem; border-radius: 50%; } - .page1 .content .topBox .top1 .txR { width: 1.6rem; height: 1.6rem; position: absolute; - top: 1.17333rem; - right: 2.37333rem; + top: 1.1733333333rem; + right: 2.3733333333rem; border-radius: 50%; } - .page1 .content .topBox .top1 .nameL { - width: 2.25333rem; + width: 2.2533333333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 3.04rem; left: 2.04rem; text-align: center; } - .page1 .content .topBox .top1 .nameR { - width: 2.25333rem; + width: 2.2533333333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 3.04rem; right: 2.04rem; text-align: center; } - .page1 .content .topBox .top1 .idL { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.42667rem; + top: 3.4266666667rem; left: 2.04rem; text-align: center; } - .page1 .content .topBox .top1 .idR { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.42667rem; + top: 3.4266666667rem; right: 2.04rem; text-align: center; } - .page1 .content .topBox .top1 .sclore { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; text-align: center; color: #FFEA00; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; position: absolute; - top: 3.86667rem; + top: 3.8666666667rem; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.3); - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; white-space: nowrap; } - .page1 .content .topBox .top1 .sclore img { display: inline-block; width: 0.4rem; height: 0.4rem; - margin: 0.04rem 0.09333rem; + margin: 0.04rem 0.0933333333rem; } - .page1 .content .topBox .top2 { - width: 4.37333rem; - height: 4.61333rem; + width: 4.3733333333rem; + height: 4.6133333333rem; position: absolute; left: 0; top: 5.6rem; background: url(../images/top2.png) no-repeat; background-size: 100% 100%; } - .page1 .content .topBox .top2 .tsL { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - left: 0.10667rem; + top: 0.7066666667rem; + left: 0.1066666667rem; } - .page1 .content .topBox .top2 .tsR { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - right: 0.10667rem; + top: 0.7066666667rem; + right: 0.1066666667rem; } - .page1 .content .topBox .top2 .txL { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; left: 0.44rem; border-radius: 50%; } - .page1 .content .topBox .top2 .txR { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; right: 0.44rem; border-radius: 50%; } - .page1 .content .topBox .top2 .nameL { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; left: 0.08rem; text-align: center; } - .page1 .content .topBox .top2 .nameR { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; right: 0.08rem; text-align: center; } - .page1 .content .topBox .top2 .idL { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; left: 0rem; text-align: center; } - .page1 .content .topBox .top2 .idR { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; right: 0rem; text-align: center; } - .page1 .content .topBox .top2 .sclore { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; text-align: center; color: #FFEA00; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; position: absolute; - top: 3.50667rem; + top: 3.5066666667rem; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.3); - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; white-space: nowrap; } - .page1 .content .topBox .top2 .sclore img { display: inline-block; width: 0.4rem; height: 0.4rem; - margin: 0.04rem 0.09333rem; + margin: 0.04rem 0.0933333333rem; } - .page1 .content .topBox .top3 { - width: 4.37333rem; - height: 4.61333rem; + width: 4.3733333333rem; + height: 4.6133333333rem; position: absolute; right: 0; top: 5.6rem; background: url(../images/top3.png) no-repeat; background-size: 100% 100%; } - .page1 .content .topBox .top3 .tsL { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - left: 0.10667rem; + top: 0.7066666667rem; + left: 0.1066666667rem; } - .page1 .content .topBox .top3 .tsR { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - right: 0.10667rem; + top: 0.7066666667rem; + right: 0.1066666667rem; } - .page1 .content .topBox .top3 .txL { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; left: 0.44rem; border-radius: 50%; } - .page1 .content .topBox .top3 .txR { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; right: 0.44rem; border-radius: 50%; } - .page1 .content .topBox .top3 .nameL { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; left: 0.08rem; text-align: center; } - .page1 .content .topBox .top3 .nameR { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; right: 0.08rem; text-align: center; } - .page1 .content .topBox .top3 .idL { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; left: 0rem; text-align: center; } - .page1 .content .topBox .top3 .idR { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; right: 0rem; text-align: center; } - .page1 .content .topBox .top3 .sclore { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; text-align: center; color: #FFEA00; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; position: absolute; - top: 3.50667rem; + top: 3.5066666667rem; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.3); - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; white-space: nowrap; } - .page1 .content .topBox .top3 .sclore img { display: inline-block; width: 0.4rem; height: 0.4rem; - margin: 0.04rem 0.09333rem; + margin: 0.04rem 0.0933333333rem; } - .page1 .bottom { - width: 9.86667rem; - height: 2.17333rem; + width: 9.8666666667rem; + height: 2.1733333333rem; background: url(../images/bottom.png) no-repeat; background-size: 100% 100%; margin: -1rem auto 0; @@ -728,9 +660,8 @@ body { .page2 { margin-bottom: 2.4rem; } - .page2 .top { - width: 9.86667rem; + width: 9.8666666667rem; height: 4rem; background: url(../images/top.png) no-repeat; background-size: 100% 100%; @@ -739,20 +670,18 @@ body { position: relative; margin: 0 auto 0; } - .page2 .top p { - width: 8.10667rem; - line-height: 0.53333rem; + width: 8.1066666667rem; + line-height: 0.5333333333rem; color: #FFFFFF; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; margin: 0 auto; text-align: center; margin-top: 2rem; } - .page2 .content { - width: 9.86667rem; + width: 9.8666666667rem; height: auto; background: url(../images/content.png) no-repeat; background-size: 100% 100%; @@ -761,16 +690,14 @@ body { overflow: hidden; position: relative; } - .page2 .content .topBox { - width: 8.74667rem; - height: 10.21333rem; - margin: 0 auto 0.49333rem; + width: 8.7466666667rem; + height: 10.2133333333rem; + margin: 0 auto 0.4933333333rem; position: relative; } - .page2 .content .topBox .top1 { - width: 8.74667rem; + width: 8.7466666667rem; height: 5.6rem; position: absolute; left: 0; @@ -778,378 +705,343 @@ body { background: url(../images/top1.png) no-repeat; background-size: 100% 100%; } - .page2 .content .topBox .top1 .tsL { - width: 2.34667rem; - height: 2.34667rem; + width: 2.3466666667rem; + height: 2.3466666667rem; z-index: 2; position: absolute; top: 0.8rem; left: 2rem; } - .page2 .content .topBox .top1 .tsR { - width: 2.34667rem; - height: 2.34667rem; + width: 2.3466666667rem; + height: 2.3466666667rem; z-index: 2; position: absolute; top: 0.8rem; right: 2rem; } - .page2 .content .topBox .top1 .txL { width: 1.6rem; height: 1.6rem; position: absolute; - top: 1.17333rem; - left: 2.37333rem; + top: 1.1733333333rem; + left: 2.3733333333rem; border-radius: 50%; } - .page2 .content .topBox .top1 .txR { width: 1.6rem; height: 1.6rem; position: absolute; - top: 1.17333rem; - right: 2.37333rem; + top: 1.1733333333rem; + right: 2.3733333333rem; border-radius: 50%; } - .page2 .content .topBox .top1 .nameL { - width: 2.25333rem; + width: 2.2533333333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 3.04rem; left: 2.04rem; text-align: center; } - .page2 .content .topBox .top1 .nameR { - width: 2.25333rem; + width: 2.2533333333rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 3.04rem; right: 2.04rem; text-align: center; } - .page2 .content .topBox .top1 .idL { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.42667rem; + top: 3.4266666667rem; left: 2.04rem; text-align: center; } - .page2 .content .topBox .top1 .idR { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.42667rem; + top: 3.4266666667rem; right: 2.04rem; text-align: center; } - .page2 .content .topBox .top1 .sclore { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; text-align: center; color: #FFEA00; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; position: absolute; - top: 3.86667rem; + top: 3.8666666667rem; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.3); - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; white-space: nowrap; } - .page2 .content .topBox .top1 .sclore img { display: inline-block; width: 0.4rem; height: 0.4rem; - margin: 0.04rem 0.09333rem; + margin: 0.04rem 0.0933333333rem; } - .page2 .content .topBox .top2 { - width: 4.37333rem; - height: 4.61333rem; + width: 4.3733333333rem; + height: 4.6133333333rem; position: absolute; left: 0; top: 5.6rem; background: url(../images/top2.png) no-repeat; background-size: 100% 100%; } - .page2 .content .topBox .top2 .tsL { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - left: 0.10667rem; + top: 0.7066666667rem; + left: 0.1066666667rem; } - .page2 .content .topBox .top2 .tsR { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - right: 0.10667rem; + top: 0.7066666667rem; + right: 0.1066666667rem; } - .page2 .content .topBox .top2 .txL { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; left: 0.44rem; border-radius: 50%; } - .page2 .content .topBox .top2 .txR { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; right: 0.44rem; border-radius: 50%; } - .page2 .content .topBox .top2 .nameL { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; left: 0.08rem; text-align: center; } - .page2 .content .topBox .top2 .nameR { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; right: 0.08rem; text-align: center; } - .page2 .content .topBox .top2 .idL { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; left: 0rem; text-align: center; } - .page2 .content .topBox .top2 .idR { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; right: 0rem; text-align: center; } - .page2 .content .topBox .top2 .sclore { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; text-align: center; color: #FFEA00; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; position: absolute; - top: 3.50667rem; + top: 3.5066666667rem; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.3); - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; white-space: nowrap; } - .page2 .content .topBox .top2 .sclore img { display: inline-block; width: 0.4rem; height: 0.4rem; - margin: 0.04rem 0.09333rem; + margin: 0.04rem 0.0933333333rem; } - .page2 .content .topBox .top3 { - width: 4.37333rem; - height: 4.61333rem; + width: 4.3733333333rem; + height: 4.6133333333rem; position: absolute; right: 0; top: 5.6rem; background: url(../images/top3.png) no-repeat; background-size: 100% 100%; } - .page2 .content .topBox .top3 .tsL { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - left: 0.10667rem; + top: 0.7066666667rem; + left: 0.1066666667rem; } - .page2 .content .topBox .top3 .tsR { width: 2rem; height: 2rem; z-index: 2; position: absolute; - top: 0.70667rem; - right: 0.10667rem; + top: 0.7066666667rem; + right: 0.1066666667rem; } - .page2 .content .topBox .top3 .txL { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; left: 0.44rem; border-radius: 50%; } - .page2 .content .topBox .top3 .txR { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; position: absolute; top: 1.04rem; right: 0.44rem; border-radius: 50%; } - .page2 .content .topBox .top3 .nameL { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; left: 0.08rem; text-align: center; } - .page2 .content .topBox .top3 .nameR { width: 2.04rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; top: 2.68rem; right: 0.08rem; text-align: center; } - .page2 .content .topBox .top3 .idL { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; left: 0rem; text-align: center; } - .page2 .content .topBox .top3 .idR { - width: 2.25333rem; + width: 2.2533333333rem; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.06667rem; + top: 3.0666666667rem; right: 0rem; text-align: center; } - .page2 .content .topBox .top3 .sclore { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; text-align: center; color: #FFEA00; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; position: absolute; - top: 3.50667rem; + top: 3.5066666667rem; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.3); - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; white-space: nowrap; } - .page2 .content .topBox .top3 .sclore img { display: inline-block; width: 0.4rem; height: 0.4rem; - margin: 0.04rem 0.09333rem; + margin: 0.04rem 0.0933333333rem; } - .page2 .content ul { - width: 8.66667rem; - margin: 0 auto 0.37333rem; + width: 8.6666666667rem; + margin: 0 auto 0.3733333333rem; } - .page2 .content ul li { - width: 8.66667rem; + width: 8.6666666667rem; height: 2.08rem; background: url(../images/liBg.png) no-repeat; background-size: 100% 100%; padding: 0 0.4rem; box-sizing: border-box; overflow: hidden; - margin-bottom: 0.22667rem; + margin-bottom: 0.2266666667rem; } - .page2 .content ul li .num { - width: 0.53333rem; + width: 0.5333333333rem; height: 100%; line-height: 2.08rem; color: #FFFFFF; @@ -1157,69 +1049,61 @@ body { font-weight: 500; float: left; } - .page2 .content ul li .txL { width: 2.04rem; margin-top: 0.2rem; float: left; } - .page2 .content ul li .txL img { display: block; - width: 1.17333rem; - height: 1.17333rem; + width: 1.1733333333rem; + height: 1.1733333333rem; border-radius: 50%; border: 0.04rem solid #FFFAC5; margin: 0 auto 0.12rem; } - .page2 .content ul li .txL p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; text-align: center; } - .page2 .content ul li .loves { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; display: block; float: left; - margin: 0.13333rem -0.4rem 0; + margin: 0.1333333333rem -0.4rem 0; } - .page2 .content ul li .txR { width: 2.04rem; margin-top: 0.2rem; float: left; } - .page2 .content ul li .txR img { display: block; - width: 1.17333rem; - height: 1.17333rem; + width: 1.1733333333rem; + height: 1.1733333333rem; border-radius: 50%; border: 0.04rem solid #FFFAC5; margin: 0 auto 0.12rem; } - .page2 .content ul li .txR p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; text-align: center; } - .page2 .content ul li .scores { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; @@ -1228,17 +1112,15 @@ body { background: rgba(0, 0, 0, 0.3); text-align: center; color: #FFEA00; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; } - .page2 .content ul li .scores img { display: inline-block; width: 0.4rem; height: 0.4rem; margin-top: 0.04rem; } - .page2 .content .more { width: 1.84rem; box-sizing: border-box; @@ -1246,26 +1128,24 @@ body { line-height: 0.56rem; text-align: center; color: #671D00; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; margin: 0 auto 0rem; background: #FFC761; border-radius: 0.56rem; - border: 0.02667rem solid #fff; + border: 0.0266666667rem solid #fff; } - .page2 .bottom { - width: 9.86667rem; - height: 2.17333rem; + width: 9.8666666667rem; + height: 2.1733333333rem; background: url(../images/bottom.png) no-repeat; background-size: 100% 100%; margin: -1rem auto 0; } - .page2 .my { position: fixed; width: 10rem; - height: 2.21333rem; + height: 2.2133333333rem; background: url(../images/my.png) no-repeat; background-size: 100% 100%; left: 50%; @@ -1273,11 +1153,10 @@ body { bottom: 0; z-index: 3; box-sizing: border-box; - padding: 0 0.53333rem; + padding: 0 0.5333333333rem; } - .page2 .my .num { - width: 0.53333rem; + width: 0.5333333333rem; height: 100%; line-height: 2.08rem; color: #FFFFFF; @@ -1285,69 +1164,61 @@ body { font-weight: 500; float: left; } - .page2 .my .txL { width: 2.04rem; margin-top: 0.2rem; float: left; } - .page2 .my .txL img { display: block; - width: 1.17333rem; - height: 1.17333rem; + width: 1.1733333333rem; + height: 1.1733333333rem; border-radius: 50%; border: 0.04rem solid #FFFAC5; margin: 0 auto 0.12rem; } - .page2 .my .txL p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; text-align: center; } - .page2 .my .loves { - width: 1.33333rem; - height: 1.33333rem; + width: 1.3333333333rem; + height: 1.3333333333rem; display: block; float: left; - margin: 0.13333rem -0.4rem 0; + margin: 0.1333333333rem -0.4rem 0; } - .page2 .my .txR { width: 2.04rem; margin-top: 0.2rem; float: left; } - .page2 .my .txR img { display: block; - width: 1.17333rem; - height: 1.17333rem; + width: 1.1733333333rem; + height: 1.1733333333rem; border-radius: 50%; border: 0.04rem solid #FFFAC5; margin: 0 auto 0.12rem; } - .page2 .my .txR p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFFFFF; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; text-align: center; } - .page2 .my .scores { - padding: 0 0.26667rem; + padding: 0 0.2666666667rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; @@ -1356,10 +1227,9 @@ body { background: rgba(0, 0, 0, 0.3); text-align: center; color: #FFEA00; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; } - .page2 .my .scores img { display: inline-block; width: 0.4rem; @@ -1371,9 +1241,8 @@ body { display: none; margin-bottom: 0.4rem; } - .page3 .top { - width: 9.86667rem; + width: 9.8666666667rem; height: 4rem; background: url(../images/top.png) no-repeat; background-size: 100% 100%; @@ -1382,188 +1251,166 @@ body { position: relative; margin: 0 auto 0; } - .page3 .top .timeTitle { - width: 6.93333rem; - height: 0.34667rem; + width: 6.9333333333rem; + height: 0.3466666667rem; display: block; - margin: 1.7rem auto 0.29333rem; + margin: 1.7rem auto 0.2933333333rem; } - .page3 .top .title { width: 100%; text-align: center; color: #FFFFFE; font-weight: 600; - font-size: 0.53333rem; + font-size: 0.5333333333rem; } - .page3 .content { - width: 9.86667rem; + width: 9.8666666667rem; height: auto; background: url(../images/content.png) no-repeat; background-size: 100% 100%; - margin: -1rem auto -1.33333rem; + margin: -1rem auto -1.3333333333rem; box-sizing: border-box; overflow: hidden; position: relative; box-sizing: border-box; - padding-top: 0.13333rem; + padding-top: 0.1333333333rem; } - .page3 .content .timeTitle { - width: 6.93333rem; - height: 0.34667rem; + width: 6.9333333333rem; + height: 0.3466666667rem; display: block; - margin: 0 auto 0.25333rem; + margin: 0 auto 0.2533333333rem; } - .page3 .content .title { width: 100%; text-align: center; color: #FFFFFE; font-weight: 600; - font-size: 0.53333rem; + font-size: 0.5333333333rem; margin-bottom: 0.32rem; } - .page3 .content .times { - width: 8.10667rem; + width: 8.1066666667rem; text-align: center; color: #FFFFFF; font-weight: 400; - font-size: 0.34667rem; - margin: -0.13333rem auto 0.37333rem; - line-height: 0.53333rem; + font-size: 0.3466666667rem; + margin: -0.1333333333rem auto 0.3733333333rem; + line-height: 0.5333333333rem; opacity: 0.8; } - .page3 .content .topBox1 { - width: 9.06667rem; - height: 13.41333rem; + width: 9.0666666667rem; + height: 13.4133333333rem; background: url(../images/topBox1.png) no-repeat; background-size: 100% 100%; position: relative; - margin: 0 auto 0.73333rem; + margin: 0 auto 0.7333333333rem; } - .page3 .content .topBox1 .bo { - width: 0.69333rem; - height: 0.69333rem; + width: 0.6933333333rem; + height: 0.6933333333rem; position: absolute; - left: 1.93333rem; - top: 8.05333rem; + left: 1.9333333333rem; + top: 8.0533333333rem; z-index: 2; } - .page3 .content .topBox1 .bo2 { - width: 0.69333rem; - height: 0.69333rem; + width: 0.6933333333rem; + height: 0.6933333333rem; position: absolute; right: 1.16rem; - top: 11.94667rem; + top: 11.9466666667rem; z-index: 2; } - .page3 .content .topBox1 .ts1 { width: 2.4rem; height: 2.4rem; position: absolute; - left: 0.33333rem; + left: 0.3333333333rem; top: 10.2rem; } - .page3 .content .topBox1 .ts1 canvas { position: absolute; left: 0; top: 0; } - .page3 .content .topBox2 { - width: 9.06667rem; - height: 10.22667rem; + width: 9.0666666667rem; + height: 10.2266666667rem; background: url(../images/topBox2.png) no-repeat; background-size: 100% 100%; position: relative; - margin: 0 auto 0.73333rem; + margin: 0 auto 0.7333333333rem; } - .page3 .content .topBox2 .bo { - width: 0.69333rem; - height: 0.69333rem; + width: 0.6933333333rem; + height: 0.6933333333rem; position: absolute; left: 2.16rem; - top: 7.73333rem; + top: 7.7333333333rem; z-index: 2; } - .page3 .content .topBox2 .bo2 { - width: 0.69333rem; - height: 0.69333rem; + width: 0.6933333333rem; + height: 0.6933333333rem; position: absolute; right: 1.72rem; - top: 8.73333rem; + top: 8.7333333333rem; z-index: 2; } - .page3 .content .topBox2 .ts2 { - width: 2.33333rem; - height: 2.33333rem; + width: 2.3333333333rem; + height: 2.3333333333rem; position: absolute; - right: 0.93333rem; - top: 0.17333rem; + right: 0.9333333333rem; + top: 0.1733333333rem; } - .page3 .content .topBox2 .ts2 canvas { position: absolute; left: 0; top: 0; } - .page3 .content .topBox3 { - width: 9.06667rem; - height: 10.22667rem; + width: 9.0666666667rem; + height: 10.2266666667rem; background: url(../images/topBox3.png) no-repeat; background-size: 100% 100%; position: relative; - margin: 0 auto 0.73333rem; + margin: 0 auto 0.7333333333rem; } - .page3 .content .topBox3 .bo { - width: 0.69333rem; - height: 0.69333rem; + width: 0.6933333333rem; + height: 0.6933333333rem; position: absolute; left: 2.16rem; - top: 7.73333rem; + top: 7.7333333333rem; z-index: 2; } - .page3 .content .topBox3 .bo2 { - width: 0.69333rem; - height: 0.69333rem; + width: 0.6933333333rem; + height: 0.6933333333rem; position: absolute; right: 1.72rem; - top: 8.73333rem; + top: 8.7333333333rem; z-index: 2; } - .page3 .content .topBox3 .ts3 { - width: 2.33333rem; - height: 2.33333rem; + width: 2.3333333333rem; + height: 2.3333333333rem; position: absolute; - right: 0.93333rem; - top: 0.17333rem; + right: 0.9333333333rem; + top: 0.1733333333rem; } - .page3 .content .topBox3 .ts3 canvas { position: absolute; left: 0; top: 0; } - .page3 .bottom { - width: 9.86667rem; - height: 2.17333rem; + width: 9.8666666667rem; + height: 2.1733333333rem; background: url(../images/bottom.png) no-repeat; background-size: 100% 100%; margin: -1rem auto 0; @@ -1579,10 +1426,9 @@ body { z-index: 999; display: none; } - .rule .ruleIn { - width: 9.65333rem; - height: 8.69333rem; + width: 9.6533333333rem; + height: 8.6933333333rem; background: url(../images/ruleBg.png) no-repeat; background-size: 100% 100%; position: absolute; @@ -1590,19 +1436,17 @@ body { top: 50%; transform: translate(-50%, -50%); } - .rule .ruleIn .close { - width: 0.90667rem; - height: 0.90667rem; + width: 0.9066666667rem; + height: 0.9066666667rem; position: absolute; - right: 0.34667rem; - top: -0.26667rem; + right: 0.3466666667rem; + top: -0.2666666667rem; } - .rule .ruleIn .title { - width: 4.05333rem; - height: 1.33333rem; - line-height: 1.33333rem; + width: 4.0533333333rem; + height: 1.3333333333rem; + line-height: 1.3333333333rem; text-align: center; color: #671D00; font-size: 0.48rem; @@ -1614,28 +1458,24 @@ body { transform: translateX(-50%); top: 0.24rem; } - .rule .ruleIn .texts { - width: 7.86667rem; + width: 7.8666666667rem; height: 5.8rem; overflow-y: scroll; - margin: 2.05333rem auto 0; + margin: 2.0533333333rem auto 0; } - .rule .ruleIn .texts::-webkit-scrollbar { display: none; } - .rule .ruleIn .texts p { color: #fff; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; margin-bottom: 0.1rem; line-height: 0.5rem; } - .rule .ruleIn .texts img { - width: 7.86667rem; + width: 7.8666666667rem; display: block; margin: 0.12rem auto 0.12rem; } @@ -1655,7 +1495,6 @@ body { z-index: 99; display: none; } - .zjvideo1 video, .xzvideo1 video, .zjvideo2 video, @@ -1668,18 +1507,17 @@ body { transform: translate(-50%, -50%); width: 65%; } - .zjvideo1 .close, .xzvideo1 .close, .zjvideo2 .close, .xzvideo2 .close, .zjvideo3 .close, .xzvideo3 .close { - width: 0.90667rem; - height: 0.90667rem; + width: 0.9066666667rem; + height: 0.9066666667rem; position: absolute; top: 8%; - right: 0.93333rem; + right: 0.9333333333rem; z-index: 9; } @@ -1693,26 +1531,21 @@ body { background: url(../images/header-ar.png) no-repeat; background-size: 100% 100%; } - .arabic .header .rule_icon { text-indent: -0.25rem; } - .arabic .page3 .content .topBox1 { background: url(../images/topBox1-ar.png) no-repeat; background-size: 100% 100%; } - .arabic .page3 .content .topBox2 { background: url(../images/topBox2-ar.png) no-repeat; background-size: 100% 100%; } - .arabic .page3 .content .topBox3 { background: url(../images/topBox3-ar.png) no-repeat; background-size: 100% 100%; } - .arabic .txR, .arabic .txL, .arabic .nameL, @@ -1724,17 +1557,14 @@ body { background: url(../images/header-tr.png) no-repeat; background-size: 100% 100%; } - .Turkiye .page3 .content .topBox1 { background: url(../images/topBox1-tr.png) no-repeat; background-size: 100% 100%; } - .Turkiye .page3 .content .topBox2 { background: url(../images/topBox2-tr.png) no-repeat; background-size: 100% 100%; } - .Turkiye .page3 .content .topBox3 { background: url(../images/topBox3-tr.png) no-repeat; background-size: 100% 100%; @@ -1744,18 +1574,55 @@ body { background: url(../images/header-zh.png) no-repeat; background-size: 100% 100%; } - .china .page3 .content .topBox1 { background: url(../images/topBox1-zh.png) no-repeat; background-size: 100% 100%; } - .china .page3 .content .topBox2 { background: url(../images/topBox2-zh.png) no-repeat; background-size: 100% 100%; } - .china .page3 .content .topBox3 { background: url(../images/topBox3-zh.png) no-repeat; background-size: 100% 100%; } + +.Russian .header { + background: url(../images/header-ru.png) no-repeat; + background-size: 100% 100%; +} +.Russian .page3 .content .topBox1 { + background: url(../images/topBox1-ru.png) no-repeat; + background-size: 100% 100%; +} +.Russian .page3 .content .topBox2 { + background: url(../images/topBox2-ru.png) no-repeat; + background-size: 100% 100%; +} +.Russian .page3 .content .topBox3 { + background: url(../images/topBox3-ru.png) no-repeat; + background-size: 100% 100%; +} +.Russian .page2 .top, .Russian .page1 .top { + height: 4.4rem; +} + +.Uzbek .header { + background: url(../images/header-uz.png) no-repeat; + background-size: 100% 100%; +} +.Uzbek .page3 .content .topBox1 { + background: url(../images/topBox1-uz.png) no-repeat; + background-size: 100% 100%; +} +.Uzbek .page3 .content .topBox2 { + background: url(../images/topBox2-uz.png) no-repeat; + background-size: 100% 100%; +} +.Uzbek .page3 .content .topBox3 { + background: url(../images/topBox3-uz.png) no-repeat; + background-size: 100% 100%; +} +.Uzbek .page2 .top { + height: 4.4rem; +} \ No newline at end of file diff --git a/view/molistar/activity/2024-cpActive/css/index.scss b/view/molistar/activity/2024-cpActive/css/index.scss index 3de3e1fc..d77c32cf 100644 --- a/view/molistar/activity/2024-cpActive/css/index.scss +++ b/view/molistar/activity/2024-cpActive/css/index.scss @@ -1778,4 +1778,52 @@ body { background: url(../images/topBox3-zh.png) no-repeat; background-size: 100% 100%; } +} +.Russian { + .header { + background: url(../images/header-ru.png) no-repeat; + background-size: 100% 100%; + } + + .page3 .content .topBox1 { + background: url(../images/topBox1-ru.png) no-repeat; + background-size: 100% 100%; + } + + .page3 .content .topBox2 { + background: url(../images/topBox2-ru.png) no-repeat; + background-size: 100% 100%; + } + + .page3 .content .topBox3 { + background: url(../images/topBox3-ru.png) no-repeat; + background-size: 100% 100%; + } + .page2 .top,.page1 .top{ + height: px2rem(330); + } +} +.Uzbek { + .header { + background: url(../images/header-uz.png) no-repeat; + background-size: 100% 100%; + } + + .page3 .content .topBox1 { + background: url(../images/topBox1-uz.png) no-repeat; + background-size: 100% 100%; + } + + .page3 .content .topBox2 { + background: url(../images/topBox2-uz.png) no-repeat; + background-size: 100% 100%; + } + + .page3 .content .topBox3 { + background: url(../images/topBox3-uz.png) no-repeat; + background-size: 100% 100%; + } + .page2 .top{ + height: px2rem(330); + } } \ No newline at end of file diff --git a/view/molistar/activity/2024-cpActive/images/carouselTitle-ru.png b/view/molistar/activity/2024-cpActive/images/carouselTitle-ru.png new file mode 100644 index 00000000..9492de77 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/carouselTitle-ru.png differ diff --git a/view/molistar/activity/2024-cpActive/images/carouselTitle-uz.png b/view/molistar/activity/2024-cpActive/images/carouselTitle-uz.png new file mode 100644 index 00000000..91698623 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/carouselTitle-uz.png differ diff --git a/view/molistar/activity/2024-cpActive/images/header-ru.png b/view/molistar/activity/2024-cpActive/images/header-ru.png new file mode 100644 index 00000000..d413a013 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/header-ru.png differ diff --git a/view/molistar/activity/2024-cpActive/images/header-uz.png b/view/molistar/activity/2024-cpActive/images/header-uz.png new file mode 100644 index 00000000..b608f98f Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/header-uz.png differ diff --git a/view/molistar/activity/2024-cpActive/images/topBox1-ru.png b/view/molistar/activity/2024-cpActive/images/topBox1-ru.png new file mode 100644 index 00000000..a0a3bc35 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/topBox1-ru.png differ diff --git a/view/molistar/activity/2024-cpActive/images/topBox1-uz.png b/view/molistar/activity/2024-cpActive/images/topBox1-uz.png new file mode 100644 index 00000000..93bb09d3 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/topBox1-uz.png differ diff --git a/view/molistar/activity/2024-cpActive/images/topBox2-ru.png b/view/molistar/activity/2024-cpActive/images/topBox2-ru.png new file mode 100644 index 00000000..1e1837aa Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/topBox2-ru.png differ diff --git a/view/molistar/activity/2024-cpActive/images/topBox2-uz.png b/view/molistar/activity/2024-cpActive/images/topBox2-uz.png new file mode 100644 index 00000000..2aaef3cb Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/topBox2-uz.png differ diff --git a/view/molistar/activity/2024-cpActive/images/topBox3-ru.png b/view/molistar/activity/2024-cpActive/images/topBox3-ru.png new file mode 100644 index 00000000..e49c9ed4 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/topBox3-ru.png differ diff --git a/view/molistar/activity/2024-cpActive/images/topBox3-uz.png b/view/molistar/activity/2024-cpActive/images/topBox3-uz.png new file mode 100644 index 00000000..44a112be Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/topBox3-uz.png differ diff --git a/view/molistar/activity/2024-cpActive/images/waiting-ru.png b/view/molistar/activity/2024-cpActive/images/waiting-ru.png new file mode 100644 index 00000000..9d3c088c Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/waiting-ru.png differ diff --git a/view/molistar/activity/2024-cpActive/images/waiting-uz.png b/view/molistar/activity/2024-cpActive/images/waiting-uz.png new file mode 100644 index 00000000..8d55f919 Binary files /dev/null and b/view/molistar/activity/2024-cpActive/images/waiting-uz.png differ diff --git a/view/molistar/activity/2024-cpActive/index.html b/view/molistar/activity/2024-cpActive/index.html index 857b59cc..7a9a5465 100644 --- a/view/molistar/activity/2024-cpActive/index.html +++ b/view/molistar/activity/2024-cpActive/index.html @@ -303,6 +303,8 @@ + + diff --git a/view/molistar/activity/2024-cpActive/local/ru.js b/view/molistar/activity/2024-cpActive/local/ru.js new file mode 100644 index 00000000..c5a700e2 --- /dev/null +++ b/view/molistar/activity/2024-cpActive/local/ru.js @@ -0,0 +1,42 @@ +langRu = { + demoModule: { + layerIndex1: `Загрузка...`, + layerIndex2: `Успешно`, + layerIndex3: `Ошибка сети`, + text1: `Колесо обозрения Любви`, + text2: `Правила`, + text3: `День`, + text4: `Час`, + text5: `Мин`, + text6: `Сек`, + text7: `Площадь CP`, + text8: `Список CP`, + text9: `Награды CP`, + text10: `Трое лучших пользователей из исторического списка будут отображены здесь`, + text11: `Дарите CP-подарки, и вы и ваша половинка можете попасть в список!`, + text12: `ТОП-1`, + text13: `Пользователь, занявший 1 место в еженедельном списке, получит следующие награды`, + text14: `ТОП-2`, + text15: `Пользователь, занявший 2 место в еженедельном списке, получит следующие награды`, + text16: `ТОП-3`, + text17: `Пользователь, занявший 3 место в еженедельном списке, получит следующие награды`, + text18: `Правила`, + text19: `

1. Время мероприятия: понедельник 00:00 - воскресенье 23:59 (GMT+8)

+

2. Отправьте designated CP-подарок, чтобы стать CP.

+ +

3. За отправку CP-подарка на 1 коин вы получаете 1 очко любви. Чем больше подарков вы отправляете, тем больше очков любви получаете.

+

4. Трое лучших пользователей в еженедельном списке получат щедрые подарки.

+

5. При разрыве CP-отношений вы больше не будете появляться в CP-списке.

+

6. Пользователи, являющиеся агентами по пополнению счета, в данном мероприятии не участвуют.

`, + text199: `

1. Время мероприятия: понедельник 00:00 - воскресенье 23:59 (GMT+3)

+

2. Отправьте designated CP-подарок, чтобы стать CP.

+ +

3. За отправку CP-подарка на 1 коин вы получаете 1 очко любви. Чем больше подарков вы отправляете, тем больше очков любви получаете.

+

4. Трое лучших пользователей в еженедельном списке получат щедрые подарки.

+

5. При разрыве CP-отношений вы больше не будете появляться в CP-списке.

+

6. Пользователи, являющиеся агентами по пополнению счета, в данном мероприятии не участвуют.

`, + img1: `./images/carouselTitle-ru.png`, + img2: `./images/waiting-ru.png`, + text20: `Свободно`, + }, +} \ No newline at end of file diff --git a/view/molistar/activity/2024-cpActive/local/uz.js b/view/molistar/activity/2024-cpActive/local/uz.js new file mode 100644 index 00000000..f8aaaa3d --- /dev/null +++ b/view/molistar/activity/2024-cpActive/local/uz.js @@ -0,0 +1,42 @@ +langUz = { + demoModule: { + layerIndex1: `Yuklanmoqda...`, + layerIndex2: `Muvaffaqiyatli`, + layerIndex3: `Tarmoq xatosi`, + text1: `Sevgi aylana chakana`, + text2: `Qoidalar`, + text3: `Kun`, + text4: `Soat`, + text5: `Daq`, + text6: `Sek`, + text7: `CP maydoni`, + text8: `CP ro'yxati`, + text9: `CP mukofotlari`, + text10: `Tarixiy ro'yxatdagi eng yaxshi uch foydalanuvchi bu yerda ko'rsatiladi`, + text11: `CP sovg'alarini yuboring va siz ham, sizning sevgilingiz ham ro'yxatda paydo bo'lishingiz mumkin!`, + text12: `TOP1`, + text13: `Haftalik ro'yxatda 1-o'rinni egallagan foydalanuvchi quyidagi mukofotlarni olishi mumkin`, + text14: `TOP2`, + text15: `Haftalik ro'yxatda 2-o'rinni egallagan foydalanuvchi quyidagi mukofotlarni olishi mumkin`, + text16: `TOP3`, + text17: `Haftalik ro'yxatda 3-o'rinni egallagan foydalanuvchi quyidagi mukofotlarni olishi mumkin`, + text18: `Qoidalar`, + text19: `

1. Tadbir vaqti: Dushanba 00:00 - Yakshanba 23:59 (GMT+8)

+

2. CP bo'lish uchun belgilangan CP sovg'asini yuboring

+ +

3. 1 tanga lik CP sovg'asini yuborish 1 sevgi balli beradi. Qancha ko'p sovg'a yuborsangiz, shuncha ko'p sevgi balli olasiz.

+

4. Haftalik statistik ro'yxatdagi eng yaxshi uch foydalanuvchi boy mukofotlarga ega bo'ladi.

+

5. CP munosabatingizni olib tashlasangiz, CP ro'yxatida boshqa ko'rinmaysiz.

+

6. Hisobni to'ldirish agentlari foydalanuvchilari ushbu tadbirda ishtirok etmaydi.

`, + text199: `

1. Tadbir vaqti: Dushanba 00:00 - Yakshanba 23:59 (GMT+3)

+

2. CP bo'lish uchun belgilangan CP sovg'asini yuboring

+ +

3. 1 tanga lik CP sovg'asini yuborish 1 sevgi balli beradi. Qancha ko'p sovg'a yuborsangiz, shuncha ko'p sevgi balli olasiz.

+

4. Haftalik statistik ro'yxatdagi eng yaxshi uch foydalanuvchi boy mukofotlarga ega bo'ladi.

+

5. CP munosabatingizni olib tashlasangiz, CP ro'yxatida boshqa ko'rinmaysiz.

+

6. Hisobni to'ldirish agentlari foydalanuvchilari ushbu tadbirda ishtirok etmaydi.

`, + img1: `./images/carouselTitle-uz.png`, + img2: `./images/waiting-uz.png`, + text20: `Bo'sh`, + }, +} \ No newline at end of file