From 00e22fd87b907427255ec3dfe00efe6b4c99ca37 Mon Sep 17 00:00:00 2001
From: dragon <3013557874@qq.com>
Date: Fri, 21 Feb 2025 11:43:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=9A=E8=AF=AD=E8=A8=80=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
view/molistar/activity/ramadan/css/index.css | 316 +++++++++---------
view/molistar/activity/ramadan/css/index.scss | 6 +-
view/molistar/activity/ramadan/index.html | 16 +-
view/molistar/activity/ramadan/js/index.js | 13 +-
4 files changed, 180 insertions(+), 171 deletions(-)
diff --git a/view/molistar/activity/ramadan/css/index.css b/view/molistar/activity/ramadan/css/index.css
index 66b0a1c8..65b96882 100644
--- a/view/molistar/activity/ramadan/css/index.css
+++ b/view/molistar/activity/ramadan/css/index.css
@@ -114,7 +114,7 @@ body {
text-align: center;
margin: 0 auto 0;
display: flex;
- justify-content: space-between;
+ justify-content: space-around;
}
.header .tab div {
@@ -780,11 +780,11 @@ body {
background-size: 100% 100%;
}
-.page2 {
+.page22 {
display: none;
}
-.page2 .ramadanBlessings {
+.page22 .ramadanBlessings {
width: 10rem;
height: 3.73333rem;
background: url(../images/page2_dmBg.png) no-repeat;
@@ -793,7 +793,7 @@ body {
margin: -2.8rem auto 0;
}
-.page2 .ramadanBlessings .title {
+.page22 .ramadanBlessings .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -809,7 +809,7 @@ body {
background-size: 100% 100%;
}
-.page2 .ramadanBlessings input {
+.page22 .ramadanBlessings input {
width: 6.48rem;
height: 0.82667rem;
line-height: 0.82667rem;
@@ -827,13 +827,13 @@ body {
top: 1.2rem;
}
-.page2 .ramadanBlessings input::placeholder {
+.page22 .ramadanBlessings input::placeholder {
color: #FFED26;
font-size: 0.37333rem;
font-weight: 400;
}
-.page2 .ramadanBlessings .send {
+.page22 .ramadanBlessings .send {
width: 1.6rem;
height: 0.8rem;
background: url(../images/send.png) no-repeat;
@@ -848,7 +848,7 @@ body {
right: 0.8rem;
}
-.page2 .ramadanBlessings p {
+.page22 .ramadanBlessings p {
width: 7.37333rem;
height: 0.69333rem;
line-height: 0.45333rem;
@@ -862,7 +862,7 @@ body {
text-align: center;
}
-.page2 .task .t {
+.page22 .task .t {
width: 10rem;
height: 3.52rem;
background: url(../images/page1T.png) no-repeat;
@@ -872,7 +872,7 @@ body {
position: relative;
}
-.page2 .task .t .title {
+.page22 .task .t .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -888,7 +888,7 @@ body {
background-size: 100% 100%;
}
-.page2 .task .t .resets {
+.page22 .task .t .resets {
width: 100%;
text-align: center;
font-size: 0.37333rem;
@@ -898,14 +898,14 @@ body {
margin: 2.66667rem auto 0;
}
-.page2 .task .c {
+.page22 .task .c {
width: 10rem;
background: url(../images/page1C.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -0.13333rem;
}
-.page2 .task .c .myStar {
+.page22 .task .c .myStar {
width: 3.62667rem;
height: 0.8rem;
line-height: 0.8rem;
@@ -919,7 +919,7 @@ body {
color: #FFFFFF;
}
-.page2 .task .c .myStar img {
+.page22 .task .c .myStar img {
width: 1.12rem;
height: 1.24rem;
position: absolute;
@@ -927,7 +927,7 @@ body {
bottom: -0.06667rem;
}
-.page2 .task .c .taskList {
+.page22 .task .c .taskList {
width: 8.26667rem;
height: 1.48rem;
margin: 0 auto 0.33333rem;
@@ -936,7 +936,7 @@ body {
position: relative;
}
-.page2 .task .c .taskList .star {
+.page22 .task .c .taskList .star {
width: 1.12rem;
height: 1.24rem;
position: absolute;
@@ -944,7 +944,7 @@ body {
top: 0.10667rem;
}
-.page2 .task .c .taskList b {
+.page22 .task .c .taskList b {
color: #FFED26;
font-size: 0.42667rem;
font-weight: 600;
@@ -953,7 +953,7 @@ body {
left: 1.33333rem;
}
-.page2 .task .c .taskList p {
+.page22 .task .c .taskList p {
width: 3.56rem;
height: 0.73333rem;
position: absolute;
@@ -965,11 +965,11 @@ body {
font-weight: 400;
}
-.page2 .task .c .taskList .p {
+.page22 .task .c .taskList .p {
line-height: 0.90667rem;
}
-.page2 .task .c .taskList .but {
+.page22 .task .c .taskList .but {
width: 1.6rem;
height: 0.8rem;
position: absolute;
@@ -983,18 +983,18 @@ body {
font-weight: 600;
}
-.page2 .task .c .taskList .get,
-.page2 .task .c .taskList .notGet {
+.page22 .task .c .taskList .get,
+.page22 .task .c .taskList .notGet {
background: url(../images/page2GetButOut.png) no-repeat;
background-size: 100% 100%;
}
-.page2 .task .c .taskList .done {
+.page22 .task .c .taskList .done {
background: url(../images/page2GetBut.png) no-repeat;
background-size: 100% 100%;
}
-.page2 .task .b {
+.page22 .task .b {
width: 10rem;
height: 1.36rem;
background: url(../images/page1B.png) no-repeat;
@@ -1002,7 +1002,7 @@ body {
margin: 0 auto 0rem;
}
-.page2 .turntable .t {
+.page22 .turntable .t {
width: 10rem;
height: 3.52rem;
background: url(../images/page1T.png) no-repeat;
@@ -1012,7 +1012,7 @@ body {
position: relative;
}
-.page2 .turntable .t .title {
+.page22 .turntable .t .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -1028,14 +1028,14 @@ body {
background-size: 100% 100%;
}
-.page2 .turntable .c {
+.page22 .turntable .c {
width: 10rem;
background: url(../images/page1C.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -0.13333rem;
}
-.page2 .turntable .c .myStar {
+.page22 .turntable .c .myStar {
width: 3.62667rem;
height: 0.8rem;
line-height: 0.8rem;
@@ -1049,7 +1049,7 @@ body {
color: #FFFFFF;
}
-.page2 .turntable .c .myStar img {
+.page22 .turntable .c .myStar img {
width: 1.12rem;
height: 1.24rem;
position: absolute;
@@ -1057,7 +1057,7 @@ body {
bottom: -0.06667rem;
}
-.page2 .turntable .c .turntableBox {
+.page22 .turntable .c .turntableBox {
width: 10rem;
height: 10.66667rem;
background: url(../images/turntableBg.png) no-repeat;
@@ -1066,7 +1066,7 @@ body {
margin: -0.13333rem auto 0;
}
-.page2 .turntable .c .turntableBox .turntable_in {
+.page22 .turntable .c .turntableBox .turntable_in {
width: 8.4rem;
height: 8.4rem;
position: absolute;
@@ -1076,13 +1076,13 @@ body {
overflow: hidden;
}
-.page2 .turntable .c .turntableBox .turntable_in img {
+.page22 .turntable .c .turntableBox .turntable_in img {
display: block;
width: 100%;
height: 100%;
}
-.page2 .turntable .c .turntableBox .pointer {
+.page22 .turntable .c .turntableBox .pointer {
width: 3.33333rem;
height: 3.33333rem;
position: absolute;
@@ -1091,7 +1091,7 @@ body {
transform: translate(-50%, -50%);
}
-.page2 .turntable .c .pointerBut {
+.page22 .turntable .c .pointerBut {
width: 5.6rem;
height: 1.44rem;
line-height: 1.44rem;
@@ -1104,7 +1104,7 @@ body {
font-weight: 600;
}
-.page2 .turntable .c .use {
+.page22 .turntable .c .use {
width: 100%;
height: 0.64rem;
line-height: 0.64rem;
@@ -1115,13 +1115,13 @@ body {
margin: 0.06667rem auto 0.54667rem;
}
-.page2 .turntable .c .use img {
+.page22 .turntable .c .use img {
display: inline-block;
width: 0.56rem;
height: 0.64rem;
}
-.page2 .turntable .c .winningRecord {
+.page22 .turntable .c .winningRecord {
width: 8.82667rem;
height: 1.14667rem;
line-height: 1.14667rem;
@@ -1134,13 +1134,13 @@ body {
margin: 0 auto 0.38667rem;
}
-.page2 .turntable .c .record_list {
+.page22 .turntable .c .record_list {
margin: 0 auto 0rem;
width: 8.26667rem;
padding-bottom: 0.13333rem;
}
-.page2 .turntable .c .record_list li {
+.page22 .turntable .c .record_list li {
width: 8.26667rem;
height: 1.6rem;
background: #014C2D;
@@ -1152,11 +1152,11 @@ body {
box-sizing: border-box;
}
-.page2 .turntable .c .record_list li:last-child {
+.page22 .turntable .c .record_list li:last-child {
margin-bottom: 0;
}
-.page2 .turntable .c .record_list li img {
+.page22 .turntable .c .record_list li img {
display: block;
float: left;
width: 1.06667rem;
@@ -1167,11 +1167,11 @@ body {
margin-right: 0.26667rem;
}
-.page2 .turntable .c .record_list li .user {
+.page22 .turntable .c .record_list li .user {
float: left;
}
-.page2 .turntable .c .record_list li .user p {
+.page22 .turntable .c .record_list li .user p {
color: #FFED26;
font-size: 0.37333rem;
font-weight: 500;
@@ -1179,14 +1179,14 @@ body {
margin-bottom: 0.13333rem;
}
-.page2 .turntable .c .record_list li .user span {
+.page22 .turntable .c .record_list li .user span {
color: #FFED26;
font-size: 0.37333rem;
font-weight: 500;
opacity: .6;
}
-.page2 .turntable .b {
+.page22 .turntable .b {
width: 10rem;
height: 1.36rem;
background: url(../images/page1B.png) no-repeat;
@@ -1194,7 +1194,7 @@ body {
margin: 0 auto 0rem;
}
-.page2 .tip {
+.page22 .tip {
display: none;
position: fixed;
left: 0;
@@ -1205,7 +1205,7 @@ body {
background: rgba(0, 0, 0, 0.5);
}
-.page2 .tip .tip_in {
+.page22 .tip .tip_in {
width: 9.18667rem;
height: 4.85333rem;
background: linear-gradient(90deg, #066A43, #00482B);
@@ -1217,7 +1217,7 @@ body {
transform: translate(-50%, -50%);
}
-.page2 .tip .tip_in .title {
+.page22 .tip .tip_in .title {
width: 100%;
text-align: center;
color: #FFED26;
@@ -1226,7 +1226,7 @@ body {
margin: 0.70667rem auto 0.42667rem;
}
-.page2 .tip .tip_in p {
+.page22 .tip .tip_in p {
width: 7.70667rem;
min-height: 0.81333rem;
margin: 0 auto;
@@ -1236,7 +1236,7 @@ body {
line-height: 0.45333rem;
}
-.page2 .tip .tip_in .close {
+.page22 .tip .tip_in .close {
width: 3.54667rem;
height: 1.01333rem;
text-align: center;
@@ -1251,7 +1251,7 @@ body {
left: 0.57333rem;
}
-.page2 .tip .tip_in .ok {
+.page22 .tip .tip_in .ok {
width: 3.54667rem;
height: 1.01333rem;
text-align: center;
@@ -1266,7 +1266,7 @@ body {
right: 0.57333rem;
}
-.page2 .unfortunately {
+.page22 .unfortunately {
display: none;
position: fixed;
left: 0;
@@ -1277,7 +1277,7 @@ body {
z-index: 99;
}
-.page2 .unfortunately .unfortunately_in {
+.page22 .unfortunately .unfortunately_in {
width: 10rem;
height: 10.38667rem;
background: url(../images/page1_pubBg.png) no-repeat;
@@ -1288,7 +1288,7 @@ body {
transform: translate(-50%, -50%);
}
-.page2 .unfortunately .unfortunately_in .title {
+.page22 .unfortunately .unfortunately_in .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -1304,7 +1304,7 @@ body {
background-size: 100% 100%;
}
-.page2 .unfortunately .unfortunately_in .close {
+.page22 .unfortunately .unfortunately_in .close {
width: 0.90667rem;
height: 0.90667rem;
position: absolute;
@@ -1312,7 +1312,7 @@ body {
top: -0.50667rem;
}
-.page2 .unfortunately .unfortunately_in .texts {
+.page22 .unfortunately .unfortunately_in .texts {
width: 8.10667rem;
height: 1.26667rem;
text-align: center;
@@ -1326,7 +1326,7 @@ body {
line-height: 0.45333rem;
}
-.page2 .unfortunately .unfortunately_in .null {
+.page22 .unfortunately .unfortunately_in .null {
width: 3.28rem;
height: 2.82667rem;
position: absolute;
@@ -1335,7 +1335,7 @@ body {
left: 50%;
}
-.page2 .unfortunately .unfortunately_in .but {
+.page22 .unfortunately .unfortunately_in .but {
width: 3.54667rem;
height: 1.01333rem;
text-align: center;
@@ -1351,7 +1351,7 @@ body {
background-size: 100% 100%;
}
-.page2 .congratulations {
+.page22 .congratulations {
display: none;
position: fixed;
left: 0;
@@ -1362,7 +1362,7 @@ body {
z-index: 99;
}
-.page2 .congratulations .congratulations_in {
+.page22 .congratulations .congratulations_in {
width: 10rem;
height: 10.38667rem;
background: url(../images/page1_pubBg.png) no-repeat;
@@ -1373,7 +1373,7 @@ body {
transform: translate(-50%, -50%);
}
-.page2 .congratulations .congratulations_in .title {
+.page22 .congratulations .congratulations_in .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -1389,7 +1389,7 @@ body {
background-size: 100% 100%;
}
-.page2 .congratulations .congratulations_in .close {
+.page22 .congratulations .congratulations_in .close {
width: 0.90667rem;
height: 0.90667rem;
position: absolute;
@@ -1397,7 +1397,7 @@ body {
top: -0.50667rem;
}
-.page2 .congratulations .congratulations_in .texts {
+.page22 .congratulations .congratulations_in .texts {
width: 8.10667rem;
text-align: center;
color: #FFED26;
@@ -1409,7 +1409,7 @@ body {
top: 3.49333rem;
}
-.page2 .congratulations .congratulations_in .gift {
+.page22 .congratulations .congratulations_in .gift {
width: 3.24rem;
height: 3.12rem;
position: absolute;
@@ -1420,7 +1420,7 @@ body {
background-size: 100% 100%;
}
-.page2 .congratulations .congratulations_in .gift .gift_in {
+.page22 .congratulations .congratulations_in .gift .gift_in {
width: 1.94667rem;
height: 1.94667rem;
position: absolute;
@@ -1429,7 +1429,7 @@ body {
transform: translate(-50%, -50%);
}
-.page2 .congratulations .congratulations_in .gift .num {
+.page22 .congratulations .congratulations_in .gift .num {
width: 1.68rem;
height: 0.72rem;
line-height: 0.46667rem;
@@ -1444,7 +1444,7 @@ body {
background-size: 100% 100%;
}
-.page2 .congratulations .congratulations_in .gift .giftName {
+.page22 .congratulations .congratulations_in .gift .giftName {
width: 100%;
text-align: center;
color: #FFED26;
@@ -1456,7 +1456,7 @@ body {
bottom: -0.45333rem;
}
-.page2 .congratulations .congratulations_in .but {
+.page22 .congratulations .congratulations_in .but {
width: 3.54667rem;
height: 1.01333rem;
text-align: center;
@@ -1472,11 +1472,11 @@ body {
background-size: 100% 100%;
}
-.page3 {
+.page2 {
display: none;
}
-.page3 .todayCoinsPool {
+.page2 .todayCoinsPool {
width: 10rem;
height: 3.73333rem;
background: url(../images/page3Bg1.png) no-repeat;
@@ -1485,7 +1485,7 @@ body {
position: relative;
}
-.page3 .todayCoinsPool .title {
+.page2 .todayCoinsPool .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -1501,7 +1501,7 @@ body {
top: -0.4rem;
}
-.page3 .todayCoinsPool .num {
+.page2 .todayCoinsPool .num {
width: 100%;
height: 0.77333rem;
line-height: 0.77333rem;
@@ -1514,14 +1514,14 @@ body {
left: 0;
}
-.page3 .todayCoinsPool .num img {
+.page2 .todayCoinsPool .num img {
display: inline-block;
width: 0.77333rem;
height: 0.77333rem;
margin: 0.02667rem 0.06667rem 0;
}
-.page3 .todayCoinsPool p {
+.page2 .todayCoinsPool p {
width: 7.8rem;
height: 0.69333rem;
line-height: 0.45333rem;
@@ -1535,7 +1535,7 @@ body {
font-weight: 400;
}
-.page3 .ramadanGifts .t {
+.page2 .ramadanGifts .t {
width: 10rem;
height: 3.52rem;
background: url(../images/page1T.png) no-repeat;
@@ -1545,7 +1545,7 @@ body {
position: relative;
}
-.page3 .ramadanGifts .t .title {
+.page2 .ramadanGifts .t .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -1561,14 +1561,14 @@ body {
background-size: 100% 100%;
}
-.page3 .ramadanGifts .c {
+.page2 .ramadanGifts .c {
width: 10rem;
background: url(../images/page1C.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -0.13333rem;
}
-.page3 .ramadanGifts .c p {
+.page2 .ramadanGifts .c p {
width: 8.10667rem;
height: 1.73333rem;
text-align: center;
@@ -1580,18 +1580,18 @@ body {
line-height: 0.45333rem;
}
-.page3 .ramadanGifts .c .gifyBigBox {
+.page2 .ramadanGifts .c .gifyBigBox {
width: 8.6rem;
height: 3.2rem;
margin: 0 auto 0;
overflow-x: scroll;
}
-.page3 .ramadanGifts .c .gifyBigBox .gift {
+.page2 .ramadanGifts .c .gifyBigBox .gift {
width: 19rem;
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox {
float: left;
width: 2.26667rem;
height: 2.26667rem;
@@ -1602,7 +1602,7 @@ body {
margin-top: 0.26667rem;
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox .sTitle {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox .sTitle {
width: 1.57333rem;
height: 0.52rem;
line-height: 0.52rem;
@@ -1616,22 +1616,22 @@ body {
transform: translateX(-50%);
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox .cp {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox .cp {
background: url(../images/cpTitle.png);
background-size: 100% 100%;
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox .normal {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox .normal {
background: url(../images/normalTitle.png);
background-size: 100% 100%;
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox .lucky {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox .lucky {
background: url(../images/luckyTitle.png);
background-size: 100% 100%;
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox img {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox img {
width: 1.78667rem;
height: 1.78667rem;
border-radius: 50%;
@@ -1641,7 +1641,7 @@ body {
transform: translate(-50%, -50%);
}
-.page3 .ramadanGifts .c .gifyBigBox .gift .giftBox span {
+.page2 .ramadanGifts .c .gifyBigBox .gift .giftBox span {
width: 100%;
text-align: center;
color: #FFED26;
@@ -1652,7 +1652,7 @@ body {
bottom: -0.44rem;
}
-.page3 .ramadanGifts .b {
+.page2 .ramadanGifts .b {
width: 10rem;
height: 1.36rem;
background: url(../images/page1B.png) no-repeat;
@@ -1660,7 +1660,7 @@ body {
margin: 0 auto 0rem;
}
-.page3 .list .t {
+.page2 .list .t {
width: 10rem;
height: 3.52rem;
background: url(../images/page1T.png) no-repeat;
@@ -1670,14 +1670,14 @@ body {
position: relative;
}
-.page3 .list .c {
+.page2 .list .c {
width: 10rem;
background: url(../images/page1C.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto -0.13333rem;
}
-.page3 .list .c .page3_in1 .timeOutBox {
+.page2 .list .c .page3_in1 .timeOutBox {
width: 5.84rem;
height: 1.2rem;
margin: 0 auto 0.57333rem;
@@ -1686,7 +1686,7 @@ body {
display: none;
}
-.page3 .list .c .page3_in1 .timeOutBox div {
+.page2 .list .c .page3_in1 .timeOutBox div {
width: 1.2rem;
height: 1.2rem;
line-height: 1.2rem;
@@ -1699,7 +1699,7 @@ body {
background-size: 100% 100%;
}
-.page3 .list .c .page3_in1 .timeOutBox div span {
+.page2 .list .c .page3_in1 .timeOutBox div span {
width: 100%;
text-align: center;
position: absolute;
@@ -1709,7 +1709,7 @@ body {
font-weight: 400;
}
-.page3 .list .c .page3_in1 .page3TabBox {
+.page2 .list .c .page3_in1 .page3TabBox {
width: 8.26667rem;
height: 1.06667rem;
margin: 0 auto 0.88rem;
@@ -1719,7 +1719,7 @@ body {
justify-content: space-between;
}
-.page3 .list .c .page3_in1 .page3TabBox div {
+.page2 .list .c .page3_in1 .page3TabBox div {
width: 2.74667rem;
height: 100%;
text-align: center;
@@ -1731,12 +1731,12 @@ body {
color: #FFED26;
}
-.page3 .list .c .page3_in1 .page3TabBox .act {
+.page2 .list .c .page3_in1 .page3TabBox .act {
background: linear-gradient(0deg, #FFED26, #FFA302);
color: #140600;
}
-.page3 .list .c .page3_in1 .yesterdayCoinsPool {
+.page2 .list .c .page3_in1 .yesterdayCoinsPool {
width: 8.93333rem;
height: 3.30667rem;
background: url(../images/page3Bg2.png) no-repeat;
@@ -1745,7 +1745,7 @@ body {
position: relative;
}
-.page3 .list .c .page3_in1 .yesterdayCoinsPool .title {
+.page2 .list .c .page3_in1 .yesterdayCoinsPool .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -1760,7 +1760,7 @@ body {
top: -0.4rem;
}
-.page3 .list .c .page3_in1 .yesterdayCoinsPool .num {
+.page2 .list .c .page3_in1 .yesterdayCoinsPool .num {
width: 100%;
height: 0.77333rem;
text-align: center;
@@ -1772,21 +1772,21 @@ body {
left: 0;
}
-.page3 .list .c .page3_in1 .yesterdayCoinsPool .num img {
+.page2 .list .c .page3_in1 .yesterdayCoinsPool .num img {
display: inline-block;
margin: 0.02667rem 0.06667rem 0;
width: 0.77333rem;
height: 0.77333rem;
}
-.page3 .list .c .page3_in1 .no1 {
+.page2 .list .c .page3_in1 .no1 {
width: 10rem;
height: 7.22667rem;
position: relative;
margin: 0 auto 0;
}
-.page3 .list .c .page3_in1 .no1 .rewards {
+.page2 .list .c .page3_in1 .no1 .rewards {
display: none;
position: absolute;
right: 0;
@@ -1803,7 +1803,7 @@ body {
line-height: 4.66667rem;
}
-.page3 .list .c .page3_in1 .no1 .ts {
+.page2 .list .c .page3_in1 .no1 .ts {
width: 100%;
height: 100%;
position: absolute;
@@ -1812,7 +1812,7 @@ body {
z-index: 2;
}
-.page3 .list .c .page3_in1 .no1 .tx {
+.page2 .list .c .page3_in1 .no1 .tx {
width: 2.13333rem;
height: 2.13333rem;
border-radius: 50%;
@@ -1822,7 +1822,7 @@ body {
top: 0.54667rem;
}
-.page3 .list .c .page3_in1 .no1 .name {
+.page2 .list .c .page3_in1 .no1 .name {
width: 3.3rem;
height: 0.48rem;
line-height: 0.48rem;
@@ -1833,7 +1833,7 @@ body {
z-index: 3;
}
-.page3 .list .c .page3_in1 .no1 .name b {
+.page2 .list .c .page3_in1 .no1 .name b {
display: inline-block;
width: 1.88rem;
color: #FFED26;
@@ -1845,14 +1845,14 @@ body {
text-align: right;
}
-.page3 .list .c .page3_in1 .no1 .name img {
+.page2 .list .c .page3_in1 .no1 .name img {
width: 1.02667rem;
height: 0.48rem;
display: inline-block;
margin: 0 0.06667rem;
}
-.page3 .list .c .page3_in1 .no1 .id {
+.page2 .list .c .page3_in1 .no1 .id {
z-index: 3;
width: 100%;
text-align: center;
@@ -1864,7 +1864,7 @@ body {
left: 0;
}
-.page3 .list .c .page3_in1 .no1 .score {
+.page2 .list .c .page3_in1 .no1 .score {
z-index: 3;
width: 100%;
height: 0.37333rem;
@@ -1878,14 +1878,14 @@ body {
top: 4.10667rem;
}
-.page3 .list .c .page3_in1 .no1 .score img {
+.page2 .list .c .page3_in1 .no1 .score img {
width: 0.37333rem;
height: 0.37333rem;
display: inline-block;
margin: 0 0.06667rem;
}
-.page3 .list .c .page3_in1 .no23 {
+.page2 .list .c .page3_in1 .no23 {
width: 8.58667rem;
height: 4.62667rem;
display: flex;
@@ -1893,14 +1893,14 @@ body {
margin: 0 auto 0.14667rem;
}
-.page3 .list .c .page3_in1 .no23 .no2 {
+.page2 .list .c .page3_in1 .no23 .no2 {
width: 4.29333rem;
height: 4.62667rem;
position: relative;
margin: 0 auto 0;
}
-.page3 .list .c .page3_in1 .no23 .no2 .ts {
+.page2 .list .c .page3_in1 .no23 .no2 .ts {
width: 100%;
height: 100%;
position: absolute;
@@ -1909,7 +1909,7 @@ body {
z-index: 2;
}
-.page3 .list .c .page3_in1 .no23 .no2 .tx {
+.page2 .list .c .page3_in1 .no23 .no2 .tx {
width: 1.73333rem;
height: 1.73333rem;
border-radius: 50%;
@@ -1919,7 +1919,7 @@ body {
top: 0.33333rem;
}
-.page3 .list .c .page3_in1 .no23 .no2 .name {
+.page2 .list .c .page3_in1 .no23 .no2 .name {
width: 3.3rem;
height: 0.48rem;
line-height: 0.48rem;
@@ -1930,7 +1930,7 @@ body {
z-index: 3;
}
-.page3 .list .c .page3_in1 .no23 .no2 .name b {
+.page2 .list .c .page3_in1 .no23 .no2 .name b {
display: inline-block;
width: 1.88rem;
color: #FFED26;
@@ -1942,14 +1942,14 @@ body {
text-align: right;
}
-.page3 .list .c .page3_in1 .no23 .no2 .name img {
+.page2 .list .c .page3_in1 .no23 .no2 .name img {
width: 1.02667rem;
height: 0.48rem;
display: inline-block;
margin: 0 0.06667rem;
}
-.page3 .list .c .page3_in1 .no23 .no2 .id {
+.page2 .list .c .page3_in1 .no23 .no2 .id {
z-index: 3;
width: 100%;
text-align: center;
@@ -1961,7 +1961,7 @@ body {
left: 0;
}
-.page3 .list .c .page3_in1 .no23 .no2 .score {
+.page2 .list .c .page3_in1 .no23 .no2 .score {
z-index: 3;
width: 100%;
height: 0.37333rem;
@@ -1975,21 +1975,21 @@ body {
top: 3.46667rem;
}
-.page3 .list .c .page3_in1 .no23 .no2 .score img {
+.page2 .list .c .page3_in1 .no23 .no2 .score img {
width: 0.37333rem;
height: 0.37333rem;
display: inline-block;
margin: 0 0.06667rem;
}
-.page3 .list .c .page3_in1 .no23 .no3 {
+.page2 .list .c .page3_in1 .no23 .no3 {
width: 4.29333rem;
height: 4.62667rem;
position: relative;
margin: 0 auto 0;
}
-.page3 .list .c .page3_in1 .no23 .no3 .ts {
+.page2 .list .c .page3_in1 .no23 .no3 .ts {
width: 100%;
height: 100%;
position: absolute;
@@ -1998,7 +1998,7 @@ body {
z-index: 2;
}
-.page3 .list .c .page3_in1 .no23 .no3 .tx {
+.page2 .list .c .page3_in1 .no23 .no3 .tx {
width: 1.73333rem;
height: 1.73333rem;
border-radius: 50%;
@@ -2008,7 +2008,7 @@ body {
top: 0.33333rem;
}
-.page3 .list .c .page3_in1 .no23 .no3 .name {
+.page2 .list .c .page3_in1 .no23 .no3 .name {
width: 3.3rem;
height: 0.48rem;
line-height: 0.48rem;
@@ -2019,7 +2019,7 @@ body {
z-index: 3;
}
-.page3 .list .c .page3_in1 .no23 .no3 .name b {
+.page2 .list .c .page3_in1 .no23 .no3 .name b {
display: inline-block;
width: 1.88rem;
color: #FFED26;
@@ -2031,14 +2031,14 @@ body {
text-align: right;
}
-.page3 .list .c .page3_in1 .no23 .no3 .name img {
+.page2 .list .c .page3_in1 .no23 .no3 .name img {
width: 1.02667rem;
height: 0.48rem;
display: inline-block;
margin: 0 0.06667rem;
}
-.page3 .list .c .page3_in1 .no23 .no3 .id {
+.page2 .list .c .page3_in1 .no23 .no3 .id {
z-index: 3;
width: 100%;
text-align: center;
@@ -2050,7 +2050,7 @@ body {
left: 0;
}
-.page3 .list .c .page3_in1 .no23 .no3 .score {
+.page2 .list .c .page3_in1 .no23 .no3 .score {
z-index: 3;
width: 100%;
height: 0.37333rem;
@@ -2064,20 +2064,20 @@ body {
top: 3.46667rem;
}
-.page3 .list .c .page3_in1 .no23 .no3 .score img {
+.page2 .list .c .page3_in1 .no23 .no3 .score img {
width: 0.37333rem;
height: 0.37333rem;
display: inline-block;
margin: 0 0.06667rem;
}
-.page3 .list .c .page3_in1 ul {
+.page2 .list .c .page3_in1 ul {
width: 8.26667rem;
margin: 0 auto 0;
padding-bottom: 0.28rem;
}
-.page3 .list .c .page3_in1 ul li {
+.page2 .list .c .page3_in1 ul li {
width: 100%;
height: 1.58667rem;
background: url(../images/liBg.png);
@@ -2086,7 +2086,7 @@ body {
padding: 0 0.53333rem;
}
-.page3 .list .c .page3_in1 ul li .num {
+.page2 .list .c .page3_in1 ul li .num {
width: 0.53333rem;
text-align: center;
height: 1.58667rem;
@@ -2097,7 +2097,7 @@ body {
font-weight: 600;
}
-.page3 .list .c .page3_in1 ul li .tx {
+.page2 .list .c .page3_in1 ul li .tx {
width: 1.06667rem;
height: 1.06667rem;
border-radius: 50%;
@@ -2109,12 +2109,12 @@ body {
margin-left: 0.36rem;
}
-.page3 .list .c .page3_in1 ul li .user {
+.page2 .list .c .page3_in1 ul li .user {
float: left;
margin-top: 0.36rem;
}
-.page3 .list .c .page3_in1 ul li .user p {
+.page2 .list .c .page3_in1 ul li .user p {
height: 0.48rem;
line-height: 0.48rem;
color: #FFED26;
@@ -2123,7 +2123,7 @@ body {
margin-bottom: 0.10667rem;
}
-.page3 .list .c .page3_in1 ul li .user p b {
+.page2 .list .c .page3_in1 ul li .user p b {
display: inline-block;
max-width: 1.88rem;
overflow: hidden;
@@ -2132,19 +2132,19 @@ body {
margin-right: 0.08rem;
}
-.page3 .list .c .page3_in1 ul li .user p img {
+.page2 .list .c .page3_in1 ul li .user p img {
width: 1.02667rem;
height: 0.48rem;
}
-.page3 .list .c .page3_in1 ul li .user span {
+.page2 .list .c .page3_in1 ul li .user span {
display: block;
color: #FFED26;
font-size: 0.37333rem;
font-weight: 400;
}
-.page3 .list .c .page3_in1 ul li .score {
+.page2 .list .c .page3_in1 ul li .score {
float: right;
height: 1.6rem;
line-height: 1.6rem;
@@ -2153,7 +2153,7 @@ body {
font-weight: 400;
}
-.page3 .list .c .page3_in1 ul li .score img {
+.page2 .list .c .page3_in1 ul li .score img {
display: inline-block;
width: 0.34667rem;
height: 0.34667rem;
@@ -2161,7 +2161,7 @@ body {
margin-top: 0.62667rem;
}
-.page3 .list .b {
+.page2 .list .b {
width: 10rem;
height: 1.36rem;
background: url(../images/page1B.png) no-repeat;
@@ -2169,7 +2169,7 @@ body {
margin: 0 auto 0rem;
}
-.page3 .my {
+.page2 .my {
width: 100%;
height: 1.73333rem;
background: url(../images/myBg.png);
@@ -2183,7 +2183,7 @@ body {
z-index: 9;
}
-.page3 .my .num {
+.page2 .my .num {
width: 0.53333rem;
text-align: center;
height: 1.73333rem;
@@ -2194,7 +2194,7 @@ body {
font-weight: 600;
}
-.page3 .my .tx {
+.page2 .my .tx {
width: 1.06667rem;
height: 1.06667rem;
border-radius: 50%;
@@ -2206,12 +2206,12 @@ body {
margin-left: 0.36rem;
}
-.page3 .my .user {
+.page2 .my .user {
float: left;
margin-top: 0.36rem;
}
-.page3 .my .user p {
+.page2 .my .user p {
height: 0.48rem;
line-height: 0.48rem;
color: #FFED26;
@@ -2220,7 +2220,7 @@ body {
margin-bottom: 0.10667rem;
}
-.page3 .my .user p b {
+.page2 .my .user p b {
display: inline-block;
max-width: 1.88rem;
overflow: hidden;
@@ -2229,19 +2229,19 @@ body {
margin-right: 0.08rem;
}
-.page3 .my .user p img {
+.page2 .my .user p img {
width: 1.02667rem;
height: 0.48rem;
}
-.page3 .my .user span {
+.page2 .my .user span {
display: block;
color: #FFED26;
font-size: 0.37333rem;
font-weight: 400;
}
-.page3 .my .score {
+.page2 .my .score {
float: right;
height: 1.73333rem;
line-height: 1.73333rem;
@@ -2250,7 +2250,7 @@ body {
font-weight: 400;
}
-.page3 .my .score img {
+.page2 .my .score img {
display: inline-block;
width: 0.34667rem;
height: 0.34667rem;
@@ -2258,7 +2258,7 @@ body {
margin-top: 0.69333rem;
}
-.page3 .rewardsPub {
+.page2 .rewardsPub {
display: none;
position: fixed;
left: 0;
@@ -2269,7 +2269,7 @@ body {
z-index: 99;
}
-.page3 .rewardsPub .rewardsPub_in {
+.page2 .rewardsPub .rewardsPub_in {
width: 10rem;
height: 13.2rem;
background: url(../images/page1_pubBg.png) no-repeat;
@@ -2280,7 +2280,7 @@ body {
transform: translate(-50%, -50%);
}
-.page3 .rewardsPub .rewardsPub_in .title {
+.page2 .rewardsPub .rewardsPub_in .title {
width: 5.33333rem;
height: 1.36rem;
line-height: 1.36rem;
@@ -2296,7 +2296,7 @@ body {
background-size: 100% 100%;
}
-.page3 .rewardsPub .rewardsPub_in .close {
+.page2 .rewardsPub .rewardsPub_in .close {
width: 0.90667rem;
height: 0.90667rem;
position: absolute;
@@ -2304,18 +2304,18 @@ body {
top: -0.50667rem;
}
-.page3 .rewardsPub .rewardsPub_in .box {
+.page2 .rewardsPub .rewardsPub_in .box {
width: 9.06667rem;
height: 8rem;
margin: 4.3rem auto 0;
overflow-y: scroll;
}
-.page3 .rewardsPub .rewardsPub_in .box::-webkit-scrollbar {
+.page2 .rewardsPub .rewardsPub_in .box::-webkit-scrollbar {
display: none;
}
-.page3 .rewardsPub .rewardsPub_in .box img {
+.page2 .rewardsPub .rewardsPub_in .box img {
width: 9.06667rem;
display: block;
}
diff --git a/view/molistar/activity/ramadan/css/index.scss b/view/molistar/activity/ramadan/css/index.scss
index a12f5e7e..94862956 100644
--- a/view/molistar/activity/ramadan/css/index.scss
+++ b/view/molistar/activity/ramadan/css/index.scss
@@ -119,7 +119,7 @@ body {
text-align: center;
margin: 0 auto 0;
display: flex;
- justify-content: space-between;
+ justify-content: space-around;
div {
width: px2rem(260);
@@ -798,7 +798,7 @@ body {
}
}
-.page2 {
+.page22 {
display: none;
.ramadanBlessings {
@@ -1501,7 +1501,7 @@ body {
}
}
-.page3 {
+.page2 {
display: none;
.todayCoinsPool {
diff --git a/view/molistar/activity/ramadan/index.html b/view/molistar/activity/ramadan/index.html
index ab511407..82c96dad 100644
--- a/view/molistar/activity/ramadan/index.html
+++ b/view/molistar/activity/ramadan/index.html
@@ -32,7 +32,7 @@
Ramadan
Questions
-
Roulette
+
Today's
Coins Pool
@@ -177,7 +177,7 @@
-
+
Ramadan Blessings
@@ -337,7 +337,7 @@
-
+
Today's Coins Pool
0
@@ -414,7 +414,7 @@
ID:0000
-
+ Behind:
0k
Rewards
@@ -429,7 +429,7 @@
ID:0000
-
+ Behind:
0k
@@ -442,7 +442,7 @@
ID:0000
-
+ Behind:
0k
-
+ Behind:
0k
-
+ Behind:
0k