公会信息 - 主播周奖励大改
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
@charset "UTF-8";
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
@@ -231,9 +232,7 @@ body {
|
||||
|
||||
.weeklyRewards {
|
||||
width: 10rem;
|
||||
height: 4.8rem;
|
||||
margin: 0.3466666667rem auto 0;
|
||||
display: none;
|
||||
}
|
||||
.weeklyRewards .top {
|
||||
width: 100%;
|
||||
@@ -276,155 +275,200 @@ body {
|
||||
margin-top: 0.0533333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in {
|
||||
width: 9.1466666667rem;
|
||||
height: 4.0533333333rem;
|
||||
background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
|
||||
background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%);
|
||||
border-radius: 0.4266666667rem;
|
||||
margin: 0.2666666667rem auto 0.2666666667rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: 0.2666666667rem 0.4266666667rem;
|
||||
padding: 0.3466666667rem 0.2933333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .topImg {
|
||||
width: 9.1466666667rem;
|
||||
height: 1.0133333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .title {
|
||||
width: 9.1466666667rem;
|
||||
height: 1.0133333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
line-height: 1.0133333333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box {
|
||||
width: 8.6666666667rem;
|
||||
height: 2.16rem;
|
||||
background: #fff;
|
||||
margin: 1.0133333333rem auto 0.2133333333rem;
|
||||
border-radius: 0.4266666667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.24rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .left {
|
||||
float: left;
|
||||
width: 1.68rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .left .gold {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin-top: 0.64rem;
|
||||
display: block;
|
||||
margin: 0.24rem auto 0.0266666667rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .left span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: 600;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin: 0 auto 0.08rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .left .get {
|
||||
width: 1.3866666667rem;
|
||||
height: 0.5066666667rem;
|
||||
line-height: 0.5066666667rem;
|
||||
text-align: center;
|
||||
color: #AFB1B3;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
border-radius: 0.5066666667rem;
|
||||
border: 0.0266666667rem solid #AFB1B3;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .left .getAct {
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .left .getOut {
|
||||
background: #CDCED6;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right {
|
||||
float: right;
|
||||
width: 6.2133333333rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .textTop {
|
||||
width: 100%;
|
||||
height: 0.4533333333rem;
|
||||
line-height: 0.4533333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0.2133333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .textTop .l {
|
||||
color: #313131;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .textTop .r {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
.weeklyRewards .weeklyRewards_in .Total_coins {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.5333333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .textTop .r img {
|
||||
display: inline-block;
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box {
|
||||
margin: 0.3466666667rem 0;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box .Countdown {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box .day_txt,
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box .hour_txt,
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box .min_txt,
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box .secs_txt {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.08rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.32rem;
|
||||
color: #6152FF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: 0.0266666667rem 0.0533333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box .Day,
|
||||
.weeklyRewards .weeklyRewards_in .Countdown_box span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.2133333333rem;
|
||||
padding: 0.2666666667rem 0.24rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .Host_Level {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #313131;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box {
|
||||
position: relative;
|
||||
/* 进度条样式 */
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .progress-container {
|
||||
height: 0.4533333333rem;
|
||||
background-color: #F0D2FF;
|
||||
overflow: hidden;
|
||||
margin: 0.1333333333rem 0.2666666667rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .progress-container .progress-bar {
|
||||
height: 100%;
|
||||
background: #C859FF;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .preLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: -0.1333333333rem;
|
||||
top: -0.08rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .curLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
right: -0.1333333333rem;
|
||||
top: -0.08rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .processNum_box {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .processNum_box .processNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.32rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .progress_box .processNum_box img {
|
||||
width: 0.4533333333rem;
|
||||
height: 0.4533333333rem;
|
||||
margin: 0 0.0533333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .line {
|
||||
width: 100%;
|
||||
height: 0.2133333333rem;
|
||||
position: relative;
|
||||
background: #FCD7B3;
|
||||
border-radius: 0.2133333333rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .line .line_in {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background: #FF8C00;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress {
|
||||
width: 100%;
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.08rem;
|
||||
height: 0.4533333333rem;
|
||||
line-height: 0.4533333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span,
|
||||
.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b {
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .preMaxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .preMaxNum_box .preMaxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .bottom {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.24rem;
|
||||
color: #FFFFFF;
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .preMaxNum_box img {
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .maxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .maxNum_box .maxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .Level_box .bottom_box .maxNum_box img {
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .go_weeklyRewards {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 0.2666666667rem;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .go_weeklyRewards .Reward_detail {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .go_weeklyRewards img {
|
||||
width: 0.4533333333rem;
|
||||
height: 0.4533333333rem;
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
@@ -832,7 +876,8 @@ body {
|
||||
.english .header .headerBox div span {
|
||||
font-size: 0.2133333333rem;
|
||||
}
|
||||
.arabic .header .inveMember, .arabic .quitAgency {
|
||||
.arabic .header .inveMember,
|
||||
.arabic .quitAgency {
|
||||
right: auto;
|
||||
left: 0.4266666667rem;
|
||||
}
|
||||
@@ -875,4 +920,7 @@ body {
|
||||
.arabic .agencylevel .agencylevelInfo .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.arabic .weeklyRewards .weeklyRewards_in .go_weeklyRewards img {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
@@ -251,12 +251,14 @@ body {
|
||||
.FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
.Game_incomeBox{
|
||||
|
||||
.Game_incomeBox {
|
||||
width: 100%;
|
||||
background: #FFEFE5;
|
||||
}
|
||||
.Diamond_incomeBox{
|
||||
width: 100%;
|
||||
|
||||
.Diamond_incomeBox {
|
||||
width: 100%;
|
||||
background: #E3F2FF;
|
||||
}
|
||||
}
|
||||
@@ -264,9 +266,9 @@ body {
|
||||
|
||||
.weeklyRewards {
|
||||
width: px2rem(750);
|
||||
height: px2rem(360);
|
||||
margin: px2rem(26) auto 0;
|
||||
display: none;
|
||||
|
||||
// display: none;
|
||||
.top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
@@ -313,173 +315,226 @@ body {
|
||||
}
|
||||
|
||||
.weeklyRewards_in {
|
||||
width: px2rem(686);
|
||||
height: px2rem(304);
|
||||
background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
|
||||
background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%);
|
||||
border-radius: px2rem(32);
|
||||
margin: px2rem(20) auto px2rem(20);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: px2rem(20) px2rem(32);
|
||||
padding: px2rem(26) px2rem(22);
|
||||
|
||||
.topImg {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
line-height: px2rem(76);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(650);
|
||||
height: px2rem(162);
|
||||
background: #fff;
|
||||
margin: px2rem(76) auto px2rem(16);
|
||||
border-radius: px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(18);
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
width: px2rem(126);
|
||||
|
||||
.gold {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
margin-top: px2rem(48);
|
||||
display: block;
|
||||
margin: px2rem(18) auto px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 600;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin: 0 auto px2rem(6);
|
||||
}
|
||||
|
||||
.get {
|
||||
width: px2rem(104);
|
||||
height: px2rem(38);
|
||||
line-height: px2rem(38);
|
||||
text-align: center;
|
||||
color: #AFB1B3;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
border-radius: px2rem(38);
|
||||
border: px2rem(2) solid #AFB1B3;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.getAct {
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.getOut {
|
||||
background: #CDCED6;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
width: px2rem(466);
|
||||
margin-top: px2rem(30);
|
||||
|
||||
.textTop {
|
||||
width: 100%;
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto px2rem(16);
|
||||
|
||||
.l {
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.r {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
margin: 0 px2rem(4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: px2rem(16);
|
||||
position: relative;
|
||||
background: #FCD7B3;
|
||||
border-radius: px2rem(16);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.line_in {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background: #FF8C00;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.speedOfProgress {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(6);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
|
||||
span,
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(18);
|
||||
color: #FFFFFF;
|
||||
.Total_coins {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
font-size: px2rem(28);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(40);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.Countdown_box {
|
||||
margin: px2rem(26) 0;
|
||||
|
||||
.Countdown {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.day_txt,
|
||||
.hour_txt,
|
||||
.min_txt,
|
||||
.secs_txt {
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(6);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(24);
|
||||
color: #6152FF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: px2rem(2) px2rem(4);
|
||||
}
|
||||
|
||||
.Day,
|
||||
span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.Level_box {
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(16);
|
||||
padding: px2rem(20) px2rem(18);
|
||||
|
||||
.Host_Level {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #313131;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.progress_box {
|
||||
position: relative;
|
||||
|
||||
/* 进度条样式 */
|
||||
.progress-container {
|
||||
// width: 100%;
|
||||
height: px2rem(34);
|
||||
background-color: #F0D2FF;
|
||||
overflow: hidden;
|
||||
margin: px2rem(10) px2rem(20);
|
||||
|
||||
|
||||
.progress-bar {
|
||||
height: 100%;
|
||||
background: #C859FF;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.preLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: px2rem(-10);
|
||||
top: px2rem(-6);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(20);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.curLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
right: px2rem(-10);
|
||||
top: px2rem(-6);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(20);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.processNum_box {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
|
||||
.processNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(24);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.preMaxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.preMaxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
}
|
||||
}
|
||||
|
||||
.maxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.maxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.go_weeklyRewards {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: px2rem(20);
|
||||
.Reward_detail {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFFFFF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -832,6 +887,7 @@ body {
|
||||
font-weight: 400;
|
||||
color: #313131;
|
||||
line-height: px2rem(36);
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -964,7 +1020,9 @@ body {
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header .inveMember,.quitAgency {
|
||||
|
||||
.header .inveMember,
|
||||
.quitAgency {
|
||||
right: auto;
|
||||
left: px2rem(32);
|
||||
}
|
||||
@@ -1019,4 +1077,7 @@ body {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.weeklyRewards .weeklyRewards_in .go_weeklyRewards img{
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,4 @@
|
||||
@charset "UTF-8";
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
@@ -6,252 +7,508 @@ body {
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
height: 2.3466666667rem;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back .backIcon {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
left: 0.42667rem;
|
||||
top: 1.46667rem;
|
||||
left: 0.4266666667rem;
|
||||
top: 1.4666666667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back b {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.46667rem;
|
||||
top: 1.4666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.back .why {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
right: 0.42667rem;
|
||||
top: 1.46667rem;
|
||||
right: 0.4266666667rem;
|
||||
top: 1.4666666667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.14667rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
margin: 2.64rem auto 0.29333rem;
|
||||
width: 9.1466666667rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
margin: 2.64rem auto 0.6666666667rem;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.37333rem;
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
color: #FF8C03;
|
||||
font-size: 0.42667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 9.14667rem;
|
||||
background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
|
||||
border-radius: 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 1.01333rem 0.24rem 0.24rem;
|
||||
.contant_box {
|
||||
background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%);
|
||||
border-radius: 0.4266666667rem;
|
||||
margin: 0 0.4266666667rem;
|
||||
padding: 0.3466666667rem;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box .topImg {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
.contant_box .book_top {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
right: 0;
|
||||
top: -0.6666666667rem;
|
||||
}
|
||||
|
||||
.box .title {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
line-height: 1.01333rem;
|
||||
text-align: center;
|
||||
.contant_box .book_top img {
|
||||
width: 2rem;
|
||||
height: 1.7866666667rem;
|
||||
}
|
||||
.contant_box .Countdown_box {
|
||||
margin: 0.3466666667rem 0;
|
||||
}
|
||||
.contant_box .Countdown_box .Countdown {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.37333rem;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .Countdown_box .day_txt,
|
||||
.contant_box .Countdown_box .hour_txt,
|
||||
.contant_box .Countdown_box .min_txt,
|
||||
.contant_box .Countdown_box .secs_txt {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.08rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 0.32rem;
|
||||
color: #6152FF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: 0.0266666667rem 0.0533333333rem;
|
||||
}
|
||||
.contant_box .Countdown_box .Day,
|
||||
.contant_box .Countdown_box span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .Level_box {
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.2133333333rem;
|
||||
padding: 0.2666666667rem 0.24rem;
|
||||
}
|
||||
.contant_box .Level_box .Host_Level {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #313131;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .Level_box .progress_box {
|
||||
position: relative;
|
||||
/* 进度条样式 */
|
||||
}
|
||||
.contant_box .Level_box .progress_box .progress-container {
|
||||
height: 0.4533333333rem;
|
||||
background-color: #F0D2FF;
|
||||
overflow: hidden;
|
||||
margin: 0.1333333333rem 0.2666666667rem;
|
||||
}
|
||||
.contant_box .Level_box .progress_box .progress-container .progress-bar {
|
||||
height: 100%;
|
||||
background: #C859FF;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
.contant_box .Level_box .progress_box .preLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: -0.1333333333rem;
|
||||
top: -0.08rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.box ul {
|
||||
width: 8.66667rem;
|
||||
margin: 0 auto;
|
||||
.contant_box .Level_box .progress_box .curLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
right: -0.1333333333rem;
|
||||
top: -0.08rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.box ul li {
|
||||
.contant_box .Level_box .progress_box .processNum_box {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
}
|
||||
.contant_box .Level_box .progress_box .processNum_box .processNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.32rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .Level_box .progress_box .processNum_box img {
|
||||
width: 0.4533333333rem;
|
||||
height: 0.4533333333rem;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box .preMaxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box .preMaxNum_box .preMaxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box .preMaxNum_box img {
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box .maxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box .maxNum_box .maxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #7B7B7D;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .Level_box .bottom_box .maxNum_box img {
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
}
|
||||
.contant_box .rewards_list {
|
||||
margin-top: 2.2666666667rem;
|
||||
position: relative;
|
||||
}
|
||||
.contant_box .rewards_list .top_info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: -1.7333333333rem;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
width: 100%;
|
||||
height: 2.16rem;
|
||||
background: #fff;
|
||||
margin: 0rem auto 0.24rem;
|
||||
border-radius: 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
z-index: 99;
|
||||
}
|
||||
.contant_box .rewards_list .top_info .left {
|
||||
flex: 1;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: 0.5866666667rem;
|
||||
}
|
||||
.contant_box .rewards_list .top_info .middle img {
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
}
|
||||
.contant_box .rewards_list .top_info .right {
|
||||
flex: 1;
|
||||
}
|
||||
.contant_box .rewards_list .top_info .right .Extra_Rewards {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: 0.5866666667rem;
|
||||
}
|
||||
.contant_box .rewards_list .top_info .right .Complete_days,
|
||||
.contant_box .rewards_list .top_info .right .mic_chat {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #FFFFFF;
|
||||
line-height: 0.4rem;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 0.64rem;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .left_box {
|
||||
flex: 1;
|
||||
background: #FFFFFF;
|
||||
border-radius: 0.32rem;
|
||||
padding: 0.4rem 0.5866666667rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .left_box img {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin: 0 0.0533333333rem;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .left_box .status_img {
|
||||
position: absolute;
|
||||
top: -0.2666666667rem;
|
||||
right: -0.2133333333rem;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .right_box {
|
||||
flex: 1;
|
||||
background: #000000;
|
||||
border-radius: 0.32rem;
|
||||
padding: 0.4rem 0.5866666667rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFDE3B;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .right_box img {
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
margin: 0 0.0533333333rem;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .right_box .status_img {
|
||||
position: absolute;
|
||||
top: -0.2666666667rem;
|
||||
right: -0.2133333333rem;
|
||||
display: none;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .middle_box {
|
||||
margin: 0 0.2666666667rem;
|
||||
position: relative;
|
||||
/* 进度条样式 */
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .middle_box .level {
|
||||
background: url(../images/level_bg_big.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.2666666667rem;
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .middle_box .progress_box {
|
||||
width: 0.16rem;
|
||||
height: 1.3333333333rem;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
top: -1.2533333333rem;
|
||||
}
|
||||
.contant_box .rewards_list .rewards_box .middle_box .progress_box .progress_bar {
|
||||
width: 100%;
|
||||
background: #C859FF;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bottom_fixed_box {
|
||||
margin: 0.4266666667rem 0.4266666667rem 0;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
.bottom_fixed_box .top_box {
|
||||
background: #000000;
|
||||
border-radius: 0.4266666667rem 0.4266666667rem 0px 0px;
|
||||
padding: 0.1866666667rem 0.3466666667rem;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 0.4266666667rem;
|
||||
color: #FFDE3B;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
position: absolute;
|
||||
top: -0.72rem;
|
||||
}
|
||||
.bottom_fixed_box .bg_box {
|
||||
background: url(../images/ExtraRewardsBg.png);
|
||||
background-size: cover;
|
||||
height: 3.1733333333rem;
|
||||
width: 9.1466666667rem;
|
||||
}
|
||||
.bottom_fixed_box .bg_box .title {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFDE3B;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: 0.2666666667rem 0.24rem 0;
|
||||
}
|
||||
.bottom_fixed_box .bg_box .Days {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFDE3B;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.08rem;
|
||||
padding: 0 0.24rem;
|
||||
}
|
||||
|
||||
.box ul li .left {
|
||||
float: left;
|
||||
width: 1.68rem;
|
||||
}
|
||||
|
||||
.box ul li .left .gold {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
margin-top: 0.64rem;
|
||||
display: block;
|
||||
margin: 0.24rem auto 0.02667rem;
|
||||
}
|
||||
|
||||
.box ul li .left span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 600;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin: 0 auto 0.08rem;
|
||||
}
|
||||
|
||||
.box ul li .left .get {
|
||||
width: 1.38667rem;
|
||||
height: 0.50667rem;
|
||||
line-height: 0.50667rem;
|
||||
text-align: center;
|
||||
color: #AFB1B3;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
border-radius: 0.50667rem;
|
||||
border: 0.02667rem solid #AFB1B3;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box ul li .left .getAct {
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.box ul li .left .getOut {
|
||||
background: #CDCED6;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.box ul li .right {
|
||||
float: right;
|
||||
width: 6.21333rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
|
||||
.box ul li .right .textTop {
|
||||
width: 100%;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0.21333rem;
|
||||
}
|
||||
|
||||
.box ul li .right .textTop .l {
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.box ul li .right .textTop .r {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.box ul li .right .textTop .r img {
|
||||
display: inline-block;
|
||||
width: 0.45333rem;
|
||||
height: 0.45333rem;
|
||||
margin: 0 0.05333rem;
|
||||
}
|
||||
|
||||
.box ul li .right .line {
|
||||
width: 100%;
|
||||
height: 0.21333rem;
|
||||
position: relative;
|
||||
background: #FCD7B3;
|
||||
border-radius: 0.21333rem;
|
||||
position: relative;
|
||||
.bottom_fixed_box .bg_box .progress_box {
|
||||
height: 0.1333333333rem;
|
||||
background-color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
margin: 0.1333333333rem 0.2666666667rem;
|
||||
border-radius: 6.6933333333rem;
|
||||
}
|
||||
|
||||
.box ul li .right .line .line_in {
|
||||
width: 10%;
|
||||
.bottom_fixed_box .bg_box .progress_box .progress_bar {
|
||||
height: 100%;
|
||||
background: #FF8C00;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: #FFCF10;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box ul li .right .speedOfProgress {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.08rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
}
|
||||
|
||||
.box ul li .right .speedOfProgress span, .box ul li .right .speedOfProgress b {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
.bottom_fixed_box .bg_box .txt_num {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #FFDE3B;
|
||||
line-height: 0.4533333333rem;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 0.1333333333rem;
|
||||
padding: 0 0.24rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.arabic .contant_box .rewards_list {
|
||||
margin-top: 2.5333333333rem;
|
||||
}
|
||||
.arabic .top_info {
|
||||
top: -1.9466666667rem !important;
|
||||
}
|
||||
.arabic .back .backIcon {
|
||||
left: auto;
|
||||
right: 0.42667rem;
|
||||
right: 0.4266666667rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .back .why {
|
||||
right: auto;
|
||||
left: 0.42667rem;
|
||||
left: 0.4266666667rem;
|
||||
}
|
||||
|
||||
.arabic .box ul li .left {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .box ul li .right {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .box ul li .right .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.arabic .contant_box .book_top {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.Turkiye .contant_box .rewards_list {
|
||||
margin-top: 2.5333333333rem;
|
||||
}
|
||||
.Turkiye .top_info {
|
||||
top: -1.9466666667rem !important;
|
||||
}
|
||||
|
||||
.brazil .contant_box .rewards_list .top_info .middle img {
|
||||
margin-top: 0.5333333333rem;
|
||||
}
|
||||
.brazil .contant_box .rewards_list {
|
||||
margin-top: 2.8rem;
|
||||
}
|
||||
.brazil .top_info {
|
||||
top: -2.5066666667rem !important;
|
||||
}
|
||||
@@ -55,7 +55,7 @@ body {
|
||||
width: px2rem(686);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
margin: px2rem(198) auto px2rem(22);
|
||||
margin: px2rem(198) auto px2rem(50);
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
@@ -72,172 +72,471 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(686);
|
||||
background: linear-gradient(180deg, #FFA13C 0%, #FF563D 100%);
|
||||
.contant_box {
|
||||
background: linear-gradient(180deg, #533CFF 0%, #3DA8FF 100%);
|
||||
border-radius: px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(76) px2rem(18) px2rem(18);
|
||||
margin: 0 px2rem(32);
|
||||
padding: px2rem(26);
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
|
||||
.topImg {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
.book_top {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
right: 0;
|
||||
top: px2rem(-50);
|
||||
|
||||
img {
|
||||
width: px2rem(150);
|
||||
height: px2rem(134);
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
line-height: px2rem(76);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
.Countdown_box {
|
||||
margin: px2rem(26) 0;
|
||||
|
||||
.Countdown {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.day_txt,
|
||||
.hour_txt,
|
||||
.min_txt,
|
||||
.secs_txt {
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(6);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(24);
|
||||
color: #6152FF;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: px2rem(2) px2rem(4);
|
||||
}
|
||||
|
||||
.Day,
|
||||
span {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(650);
|
||||
margin: 0 auto;
|
||||
.Level_box {
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(16);
|
||||
padding: px2rem(20) px2rem(18);
|
||||
|
||||
li {
|
||||
.Host_Level {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #313131;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.progress_box {
|
||||
position: relative;
|
||||
|
||||
/* 进度条样式 */
|
||||
.progress-container {
|
||||
// width: 100%;
|
||||
height: px2rem(34);
|
||||
background-color: #F0D2FF;
|
||||
overflow: hidden;
|
||||
margin: px2rem(10) px2rem(20);
|
||||
|
||||
|
||||
.progress-bar {
|
||||
height: 100%;
|
||||
background: #C859FF;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.preLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: px2rem(-10);
|
||||
top: px2rem(-6);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(20);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.curLevel {
|
||||
background: url(../images/level_bg.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
right: px2rem(-10);
|
||||
top: px2rem(-6);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(20);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.processNum_box {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
|
||||
.processNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(24);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.preMaxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.preMaxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
}
|
||||
}
|
||||
|
||||
.maxNum_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.maxNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #7B7B7D;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rewards_list {
|
||||
margin-top: px2rem(170);
|
||||
position: relative;
|
||||
|
||||
.top_info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: px2rem(-130);
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
width: 100%;
|
||||
height: px2rem(162);
|
||||
background: #fff;
|
||||
margin: px2rem(0) auto px2rem(18);
|
||||
border-radius: px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(18);
|
||||
z-index: 99;
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
width: px2rem(126);
|
||||
flex: 1;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(32);
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: px2rem(44);
|
||||
}
|
||||
|
||||
.gold {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
margin-top: px2rem(48);
|
||||
display: block;
|
||||
margin: px2rem(18) auto px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 600;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin: 0 auto px2rem(6);
|
||||
}
|
||||
|
||||
.get {
|
||||
width: px2rem(104);
|
||||
height: px2rem(38);
|
||||
line-height: px2rem(38);
|
||||
text-align: center;
|
||||
color: #AFB1B3;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
border-radius: px2rem(38);
|
||||
border: px2rem(2) solid #AFB1B3;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.getAct {
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
.getOut {
|
||||
background: #CDCED6;
|
||||
border: none;
|
||||
color: #fff;
|
||||
.middle {
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
width: px2rem(466);
|
||||
margin-top: px2rem(30);
|
||||
flex: 1;
|
||||
|
||||
.textTop {
|
||||
width: 100%;
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto px2rem(16);
|
||||
.Extra_Rewards {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(32);
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
line-height: px2rem(44);
|
||||
|
||||
.l {
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.r {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
margin: 0 px2rem(4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: px2rem(16);
|
||||
position: relative;
|
||||
background: #FCD7B3;
|
||||
border-radius: px2rem(16);
|
||||
.Complete_days,
|
||||
.mic_chat {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(22);
|
||||
color: #FFFFFF;
|
||||
line-height: px2rem(30);
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rewards_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: px2rem(48);
|
||||
|
||||
.left_box {
|
||||
flex: 1;
|
||||
|
||||
background: #FFFFFF;
|
||||
border-radius: px2rem(24);
|
||||
padding: px2rem(30) px2rem(44);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(32);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
margin: 0 px2rem(4);
|
||||
}
|
||||
|
||||
.status_img {
|
||||
position: absolute;
|
||||
top: px2rem(-20);
|
||||
right: px2rem(-16);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.right_box {
|
||||
flex: 1;
|
||||
background: #000000;
|
||||
border-radius: px2rem(24);
|
||||
padding: px2rem(30) px2rem(44);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(32);
|
||||
color: #FFDE3B;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
margin: 0 px2rem(4);
|
||||
}
|
||||
|
||||
.status_img {
|
||||
position: absolute;
|
||||
top: px2rem(-20);
|
||||
right: px2rem(-16);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.middle_box {
|
||||
margin: 0 px2rem(20);
|
||||
position: relative;
|
||||
|
||||
.level {
|
||||
background: url(../images/level_bg_big.png) no-repeat;
|
||||
background-size: cover;
|
||||
width: px2rem(62);
|
||||
height: px2rem(62);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(20);
|
||||
color: #313131;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
/* 进度条样式 */
|
||||
.progress_box {
|
||||
width: px2rem(12);
|
||||
height: px2rem(100);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
translate: -50%;
|
||||
top: px2rem(-94);
|
||||
|
||||
.line_in {
|
||||
width: 10%;
|
||||
height: 100%;
|
||||
background: #FF8C00;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.speedOfProgress {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(6);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
|
||||
span,b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
.progress_bar {
|
||||
width: 100%;
|
||||
background: #C859FF;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom_fixed_box {
|
||||
margin: px2rem(32)px2rem(32) 0;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 999;
|
||||
.top_box {
|
||||
background: #000000;
|
||||
border-radius: px2rem(32) px2rem(32) 0px 0px;
|
||||
padding: px2rem(14) px2rem(26);
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(32);
|
||||
color: #FFDE3B;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
position: absolute;
|
||||
top: px2rem(-54);
|
||||
}
|
||||
|
||||
.bg_box {
|
||||
background: url(../images/ExtraRewardsBg.png);
|
||||
background-size: cover;
|
||||
height: px2rem(238);
|
||||
width: px2rem(686);
|
||||
.title {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFDE3B;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
padding: px2rem(20) px2rem(18) 0;
|
||||
}
|
||||
.Days{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFDE3B;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(6);
|
||||
padding:0 px2rem(18);
|
||||
}
|
||||
.progress_box{
|
||||
// width: 100%;
|
||||
height: px2rem(10);
|
||||
background-color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
margin: px2rem(10) px2rem(20);
|
||||
border-radius: px2rem(502);
|
||||
.progress_bar {
|
||||
height: 100%;
|
||||
background: #FFCF10;
|
||||
transition: width 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.txt_num{
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #FFDE3B;
|
||||
line-height: px2rem(34);
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: px2rem(10);
|
||||
padding:0 px2rem(18);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.contant_box .rewards_list {
|
||||
margin-top: px2rem(190);
|
||||
}
|
||||
|
||||
.top_info {
|
||||
top: px2rem(-146) !important;
|
||||
}
|
||||
|
||||
.back .backIcon {
|
||||
left: auto;
|
||||
right: px2rem(32);
|
||||
@@ -248,14 +547,45 @@ body {
|
||||
right: auto;
|
||||
left: px2rem(32);
|
||||
}
|
||||
.box ul li .left{
|
||||
|
||||
.box ul li .left {
|
||||
float: right;
|
||||
}
|
||||
.box ul li .right{
|
||||
|
||||
.box ul li .right {
|
||||
float: left;
|
||||
}
|
||||
.box ul li .right .line .line_in{
|
||||
|
||||
.box ul li .right .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
.contant_box .book_top{
|
||||
left: 0;
|
||||
right:auto
|
||||
}
|
||||
}
|
||||
|
||||
.Turkiye {
|
||||
.contant_box .rewards_list {
|
||||
margin-top: px2rem(190);
|
||||
}
|
||||
|
||||
.top_info {
|
||||
top: px2rem(-146) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.brazil {
|
||||
.contant_box .rewards_list .top_info .middle img {
|
||||
margin-top: px2rem(40);
|
||||
}
|
||||
|
||||
.contant_box .rewards_list {
|
||||
margin-top: px2rem(210);
|
||||
}
|
||||
|
||||
.top_info {
|
||||
top: px2rem(-188) !important;
|
||||
}
|
||||
}
|
||||
@@ -6,30 +6,28 @@ body {
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
height: 2.3466666667rem;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back .backIcon {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.5866666667rem;
|
||||
position: absolute;
|
||||
left: 0.42667rem;
|
||||
top: 1.46667rem;
|
||||
left: 0.4266666667rem;
|
||||
top: 1.4666666667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back b {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 1.46667rem;
|
||||
top: 1.4666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #313131;
|
||||
@@ -38,16 +36,16 @@ body {
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 9.14667rem;
|
||||
margin: 2.61333rem auto 0.32rem;
|
||||
width: 9.1466666667rem;
|
||||
margin: 2.6133333333rem auto 0.32rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
line-height: 0.53333rem;
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.5333333333rem;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 9.14667rem;
|
||||
width: 9.1466666667rem;
|
||||
margin: 0 auto 0.4rem;
|
||||
}
|
||||
}
|
||||
@@ -47,7 +47,7 @@ body {
|
||||
margin: px2rem(196) auto px2rem(24);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
|
||||
|
||||
BIN
view/eparty/modules/guild-ar/images/ExtraRewardsBg.png
Normal file
BIN
view/eparty/modules/guild-ar/images/ExtraRewardsBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
view/eparty/modules/guild-ar/images/book.png
Normal file
BIN
view/eparty/modules/guild-ar/images/book.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
BIN
view/eparty/modules/guild-ar/images/epconis.png
Normal file
BIN
view/eparty/modules/guild-ar/images/epconis.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
view/eparty/modules/guild-ar/images/level_bg.png
Normal file
BIN
view/eparty/modules/guild-ar/images/level_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/eparty/modules/guild-ar/images/level_bg_big.png
Normal file
BIN
view/eparty/modules/guild-ar/images/level_bg_big.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/eparty/modules/guild-ar/images/travel/arrow_right_white.png
Normal file
BIN
view/eparty/modules/guild-ar/images/travel/arrow_right_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 557 B |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 20 KiB |
BIN
view/eparty/modules/guild-ar/images/weiwancheng.png
Normal file
BIN
view/eparty/modules/guild-ar/images/weiwancheng.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
view/eparty/modules/guild-ar/images/yilingqu.png
Normal file
BIN
view/eparty/modules/guild-ar/images/yilingqu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
view/eparty/modules/guild-ar/images/yuandian.png
Normal file
BIN
view/eparty/modules/guild-ar/images/yuandian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 544 B |
@@ -1,55 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title class="text1"></title>
|
||||
<!-- 公会首页 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v1.113">
|
||||
</head>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="./css/index.css?v1.113" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
<b class="text2"></b>
|
||||
<img src="./images/travel/back.png" alt="" />
|
||||
<b class="text2"></b>
|
||||
</div>
|
||||
<!-- 主视觉头部背景 -->
|
||||
<div class="header">
|
||||
<img src="./images/header_ts.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="audit"></div>
|
||||
<!-- 工会长昵称 -->
|
||||
<div class="nick"></div>
|
||||
<div class="id"></div>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="text6">邀请成员</span>
|
||||
</div>
|
||||
<!-- 退出公会 -->
|
||||
<div class="quitAgency">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="quit">退出公会</span>
|
||||
</div>
|
||||
<!-- 工会昵称 -->
|
||||
<!-- 公会:公会昵称 -->
|
||||
<!-- <div class="guildNick"></div> -->
|
||||
<img src="./images/header_ts.png" alt="" class="ts" />
|
||||
<img src="./images/logo.png" alt="" class="tx" />
|
||||
<div class="audit"></div>
|
||||
<!-- 工会长昵称 -->
|
||||
<div class="nick"></div>
|
||||
<div class="id"></div>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="" />
|
||||
<span class="text6">邀请成员</span>
|
||||
</div>
|
||||
<!-- 退出公会 -->
|
||||
<div class="quitAgency">
|
||||
<img src="./images/inveMemberIcon.png" alt="" />
|
||||
<span class="quit">退出公会</span>
|
||||
</div>
|
||||
<!-- 工会昵称 -->
|
||||
<!-- 公会:公会昵称 -->
|
||||
<!-- <div class="guildNick"></div> -->
|
||||
|
||||
<!-- 管理员设置 -->
|
||||
<!-- <div class="adminSet text3"></div> -->
|
||||
<!-- 公会信息设置 -->
|
||||
<!-- <div class="guildInfoSet text4"></div> -->
|
||||
<!-- 查看成员流水 -->
|
||||
<!-- <div class="memberFlow text5"></div> -->
|
||||
<!-- 查看成员流水 -->
|
||||
<!-- <div class="memberFlowMy text7"></div> -->
|
||||
<!-- 邀请成员 -->
|
||||
<!-- <div class="inveMember text6"></div> -->
|
||||
<!-- 管理员设置 -->
|
||||
<!-- <div class="adminSet text3"></div> -->
|
||||
<!-- 公会信息设置 -->
|
||||
<!-- <div class="guildInfoSet text4"></div> -->
|
||||
<!-- 查看成员流水 -->
|
||||
<!-- <div class="memberFlow text5"></div> -->
|
||||
<!-- 查看成员流水 -->
|
||||
<!-- <div class="memberFlowMy text7"></div> -->
|
||||
<!-- 邀请成员 -->
|
||||
<!-- <div class="inveMember text6"></div> -->
|
||||
|
||||
<!-- <div class="headerBox">
|
||||
<!-- <div class="headerBox">
|
||||
<div class="memberFlow">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="texts1"></span>
|
||||
@@ -74,16 +73,16 @@
|
||||
</div>
|
||||
<!-- 信息入口 -->
|
||||
<div class="headerBox">
|
||||
<div class="headerBox_in">
|
||||
<div class="Game_incomeBox">
|
||||
<img src="./images/Game_income.png" alt="">
|
||||
<span class="Game_income"></span>
|
||||
</div>
|
||||
<div class="Diamond_incomeBox">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="Diamond_income"></span>
|
||||
</div>
|
||||
<!-- <div style="display: none;" class="memberFlow E3F2FF">
|
||||
<div class="headerBox_in">
|
||||
<div class="Game_incomeBox">
|
||||
<img src="./images/Game_income.png" alt="" />
|
||||
<span class="Game_income"></span>
|
||||
</div>
|
||||
<div class="Diamond_incomeBox">
|
||||
<img src="./images/icon1.png" alt="" />
|
||||
<span class="Diamond_income"></span>
|
||||
</div>
|
||||
<!-- <div style="display: none;" class="memberFlow E3F2FF">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="newtext1"></span>
|
||||
</div>
|
||||
@@ -92,79 +91,95 @@
|
||||
<span class="newtext2"></span></b>
|
||||
<img src="./images/why.png" alt="" class="why">
|
||||
</div> -->
|
||||
<div style="display: none;" class="guildInfoSet">
|
||||
<img src="./images/icon3.png" alt="">
|
||||
<span class="newtext3"></span>
|
||||
</div>
|
||||
<div style="display: none;" class="adminSet">
|
||||
<img src="./images/icon4.png" alt="">
|
||||
<span class="newtext4"></span>
|
||||
</div>
|
||||
<div style="display: none" class="guildInfoSet">
|
||||
<img src="./images/icon3.png" alt="" />
|
||||
<span class="newtext3"></span>
|
||||
</div>
|
||||
<div style="display: none" class="adminSet">
|
||||
<img src="./images/icon4.png" alt="" />
|
||||
<span class="newtext4"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- weekly rewards -->
|
||||
<div class="weeklyRewards">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="weeklyRewardsText1"></b>
|
||||
<a href="./weeklyRewards.html"><img src="./images/youjiantou.png" alt=""></a>
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="weeklyRewardsText1"></b>
|
||||
<!-- <a href="./weeklyRewards.html"
|
||||
><img src="./images/youjiantou.png" alt=""
|
||||
/></a> -->
|
||||
</div>
|
||||
<div class="weeklyRewards_in">
|
||||
<div class="Total_coins"></div>
|
||||
<div class="Countdown_box">
|
||||
<span class="Countdown"></span>
|
||||
<span class="day_txt"></span>
|
||||
<span class="Day"></span>
|
||||
<span class="hour_txt"></span>
|
||||
<span>:</span>
|
||||
<span class="min_txt"></span>
|
||||
<span>:</span>
|
||||
<span class="secs_txt"></span>
|
||||
</div>
|
||||
<div class="weeklyRewards_in">
|
||||
<img src="./images/rewardsTbg.png" alt="" class="topImg">
|
||||
<div class="title weeklyRewardsText2"></div>
|
||||
<div class="box">
|
||||
<div class="left">
|
||||
<img src="./images/coin.png" alt="" class="gold">
|
||||
<span>0K</span>
|
||||
<div class="get weeklyRewardsText3"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="textTop">
|
||||
<div class="l"><strong class="weeklyRewardsText4"></strong><b>1</b></div>
|
||||
<div class="r">
|
||||
<b class="b1">0</b>/<b class="b2">0</b><img src="./images/diamondss.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<div class="speedOfProgress">
|
||||
<span>0</span>
|
||||
<b>0</b>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Level_box">
|
||||
<div class="Host_Level"></div>
|
||||
<div class="progress_box">
|
||||
<div class="preLevel"></div>
|
||||
<div class="curLevel"></div>
|
||||
<div class="processNum_box">
|
||||
<div class="processNum"></div>
|
||||
<img src="./images/diamondss.png" alt="">
|
||||
</div>
|
||||
<div class="bottom weeklyRewardsText5"></div>
|
||||
<div class="progress-container">
|
||||
<div class="progress-bar" style="width: 0%"></div>
|
||||
</div>
|
||||
<div class="bottom_box">
|
||||
<div class="preMaxNum_box">
|
||||
<div class="preMaxNum"></div>
|
||||
<img src="./images/diamondss.png" alt="">
|
||||
</div>
|
||||
<div class="maxNum_box">
|
||||
<div class="maxNum"></div>
|
||||
<img src="./images/diamondss.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="go_weeklyRewards">
|
||||
<div class="Reward_detail"></div>
|
||||
<img src="./images/travel/arrow_right_white.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Agency level -->
|
||||
<div class="agencylevel">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="newtext5"></b>
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="newtext5"></b>
|
||||
</div>
|
||||
<div class="agencylevelInfo">
|
||||
<h3><strong class="newtext6"></strong> <b></b></h3>
|
||||
<h4><strong class="newtext7"></strong> <b></b></h4>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<div class="agencylevelInfo">
|
||||
<h3><strong class="newtext6"></strong> <b></b></h3>
|
||||
<h4><strong class="newtext7"></strong> <b></b></h4>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公会成员列表 -->
|
||||
<div class="guildList">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="text8"></b><i>(0)</i>
|
||||
<img src="./images/fdj.png" alt="">
|
||||
<input class="text16" type="number" placeholder="">
|
||||
</div>
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="text8"></b><i>(0)</i>
|
||||
<img src="./images/fdj.png" alt="" />
|
||||
<input class="text16" type="number" placeholder="" />
|
||||
</div>
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="chairman">الوكيل</div>
|
||||
<div class="administrator">المشرف</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
@@ -177,28 +192,27 @@
|
||||
</div>
|
||||
<div class="but">حذف</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<!-- 移除此人 -->
|
||||
<h1>Removing Members</h1>
|
||||
<p>
|
||||
Before you decide to remove the member, please note the following:<br><br>
|
||||
<strong>Diamond turnover and salary reset:</strong> <br>
|
||||
Once you remove the member, the diamond turnover and salary accumulated by the member in the agency will be reset. <br><br>
|
||||
<strong>Please consider your decision carefully.</strong>
|
||||
</p>
|
||||
<div class="butBox">
|
||||
<div class="close text9"></div>
|
||||
<div class="ok text10"></div>
|
||||
</div>
|
||||
<div class="pub_in">
|
||||
<!-- 移除此人 -->
|
||||
<h1>Removing Members</h1>
|
||||
<p>
|
||||
Before you decide to remove the member, please note the following:<br /><br />
|
||||
<strong>Diamond turnover and salary reset:</strong> <br />
|
||||
Once you remove the member, the diamond turnover and salary
|
||||
accumulated by the member in the agency will be reset. <br /><br />
|
||||
<strong>Please consider your decision carefully.</strong>
|
||||
</p>
|
||||
<div class="butBox">
|
||||
<div class="close text9"></div>
|
||||
<div class="ok text10"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
@@ -212,4 +226,4 @@
|
||||
<script src="./local/br.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./js/index.js?v=3.111"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
@@ -108,6 +108,11 @@ function translateFun() {
|
||||
$('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
|
||||
$('.Game_income').text(langReplace(localLang.demoModule.Game_income));
|
||||
$('.Diamond_income').text(langReplace(localLang.demoModule.Diamond_income));
|
||||
$('.Total_coins').text(langReplace(localLang.demoModule.Total_coins));
|
||||
$('.Countdown').text(langReplace(localLang.demoModule.Countdown));
|
||||
$('.Day').text(langReplace(localLang.demoModule.Day));
|
||||
$('.Host_Level').text(langReplace(localLang.demoModule.Host_Level));
|
||||
$('.Reward_detail').text(langReplace(localLang.demoModule.Reward_detail));
|
||||
// $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
|
||||
}
|
||||
// 判断公会身份函数
|
||||
@@ -154,11 +159,11 @@ function get() {
|
||||
if (partitionId == 8) {
|
||||
$('.weeklyRewards').hide();
|
||||
}
|
||||
if (partitionId == 2) {
|
||||
$('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
|
||||
} else if (partitionId == 8) {
|
||||
$('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
|
||||
}
|
||||
// if (partitionId == 2) {
|
||||
// $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
|
||||
// } else if (partitionId == 8) {
|
||||
// $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
|
||||
// }
|
||||
if(partitionId == 16){
|
||||
$('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText6));
|
||||
$('.headerBox .headerBox_in div .why').hide();
|
||||
@@ -251,27 +256,25 @@ function get() {
|
||||
});
|
||||
$('.guildList ul').append(str);
|
||||
// 渲染周奖励
|
||||
// if (res.data.weekLevelReward.dateRange && res.data.weekLevelReward.itemList[0]) {
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .left span').text(unitProcessingAr(res.data.weekLevelReward.itemList[0].rewardNum, 2));
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .right .textTop .l b').text(res.data.weekLevelReward.itemList[0].level);
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b1').text(res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum);
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b2').text(res.data.weekLevelReward.itemList[0].maxNum);
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span').text(res.data.weekLevelReward.itemList[0].preMaxNum);
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b').text(res.data.weekLevelReward.itemList[0].maxNum);
|
||||
// var widthVal = ((res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum) - (res.data.weekLevelReward.itemList[0].preMaxNum)) / (res.data.weekLevelReward.itemList[0].maxNum - res.data.weekLevelReward.itemList[0].preMaxNum) * 100
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .right .line .line_in').css('width', `${widthVal}%`);
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('id', res.data.weekLevelReward.itemList[0].id);
|
||||
// if (res.data.weekLevelReward.itemList[0].status == 1) {
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getAct');
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('status', res.data.weekLevelReward.itemList[0].status);
|
||||
// }
|
||||
// if (res.data.weekLevelReward.itemList[0].status == 2) {
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getOut');
|
||||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').text(langReplace(localLang.weeklyRewards.text5))
|
||||
// }
|
||||
// } else {
|
||||
// $('.weeklyRewards').hide();
|
||||
// }
|
||||
if (res.data.weekLevelReward) {
|
||||
let weekLevelData = res.data.weekLevelReward
|
||||
countup(weekLevelData.countDownSecond);
|
||||
$('.preMaxNum').text(weekLevelData.preMaxNum);
|
||||
$('.maxNum').text(weekLevelData.maxNum);
|
||||
$('.processNum').text(weekLevelData.processNum);
|
||||
if (window.lang.code == 'ar') {
|
||||
$('.preLevel').text(weekLevelData.curLevel);
|
||||
$('.curLevel').text(weekLevelData.preLevel);
|
||||
} else {
|
||||
$('.preLevel').text(weekLevelData.preLevel);
|
||||
$('.curLevel').text(weekLevelData.curLevel);
|
||||
}
|
||||
// 计算进度条
|
||||
let progressWidth = Math.min(100, Math.round((weekLevelData.processNum - weekLevelData.preMaxNum) / (weekLevelData.maxNum - weekLevelData.preMaxNum) * 100));
|
||||
$('.progress-bar').css('width', progressWidth + '%');
|
||||
} else {
|
||||
$('.weeklyRewards').hide();
|
||||
}
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
@@ -500,3 +503,66 @@ $('.Game_incomeBox').click(function (params) {
|
||||
// console.log("失焦");
|
||||
// $('.headerBox').css('margin','-0.4rem auto 0rem')
|
||||
// });
|
||||
var countupTime1;//倒计时容器
|
||||
// 倒計時
|
||||
function countup(leftTime, type) {
|
||||
clearTimeout(countupTime1)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變數 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||||
if (leftTime > 0) {
|
||||
d = getzf(Math.floor(leftTime / 60 / 60 / 24));
|
||||
h = getzf(Math.floor(leftTime / 60 / 60 % 24));
|
||||
m = getzf(Math.floor(leftTime / 60 % 60));
|
||||
s = getzf(Math.floor(leftTime % 60));
|
||||
console.log(d,h,m,s)
|
||||
//將倒計時賦值到div中
|
||||
$('.day_txt').text(d);
|
||||
$('.hour_txt').text(h);
|
||||
$('.min_txt').text(m);
|
||||
$('.secs_txt').text(s);
|
||||
} else{
|
||||
$('.day_txt').text('00');
|
||||
$('.hour_txt').text('00');
|
||||
$('.min_txt').text('00');
|
||||
$('.secs_txt').text('00');
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1;
|
||||
}else{
|
||||
clearTimeout(countupTime1);
|
||||
}
|
||||
countupTime1 = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
//补0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
$('.go_weeklyRewards').click(function(){
|
||||
window.location.href = `./weeklyRewards.html`
|
||||
})
|
||||
// 清除计时器
|
||||
function pauseCountdown() {
|
||||
clearInterval(countupTime1);
|
||||
}
|
||||
// 监听页面显示事件
|
||||
document.addEventListener('visibilitychange', () => {
|
||||
if (document.hidden) {
|
||||
pauseCountdown();
|
||||
} else {
|
||||
// 重新请求接口获取最新的倒计时数据
|
||||
pauseCountdown();
|
||||
get();
|
||||
}
|
||||
});
|
||||
@@ -33,8 +33,7 @@ var page = 0;
|
||||
var maxPage = 0;
|
||||
var arr = [];
|
||||
var music = true;
|
||||
var data;
|
||||
var totalReward;
|
||||
var weekRewardData;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
@@ -71,10 +70,21 @@ function translateFun() {
|
||||
$('.text3').text(langReplace(localLang.weeklyRewards.text3));
|
||||
$('.text4').text(langReplace(localLang.weeklyRewards.text4));
|
||||
$('.text5').text(langReplace(localLang.weeklyRewards.text5));
|
||||
$('.Day').text(langReplace(localLang.demoModule.Day));
|
||||
$('.Countdown').text(langReplace(localLang.demoModule.Countdown));
|
||||
$('.Host_Level').text(langReplace(localLang.demoModule.Host_Level));
|
||||
$('.Daily_Rewards').text(langReplace(localLang.demoModule.Daily_Rewards));
|
||||
$('.Extra_Rewards').text(langReplace(localLang.demoModule.Extra_Rewards));
|
||||
$('.Complete_days').text(langReplace(localLang.demoModule.Complete_days));
|
||||
$('.mic_chat').text(langReplace(localLang.demoModule.mic_chat));
|
||||
$('.Unlock_time').text(langReplace(localLang.demoModule.Unlock_time));
|
||||
$('.Days').text(langReplace(localLang.demoModule.Days));
|
||||
|
||||
}
|
||||
var tabActive = 0;
|
||||
// 配置接口
|
||||
function getConfig() {
|
||||
$('.box ul li').remove();
|
||||
$('.rewards_list .rewards_box').remove();
|
||||
$('.tab div').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
@@ -82,21 +92,22 @@ function getConfig() {
|
||||
url: urlPrefix + '/guildMemberWeekLevelReward/get',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
data = res.data;
|
||||
totalReward = res.data[0].totalReward;
|
||||
weekRewardData = res.data;
|
||||
var tabStr = '';
|
||||
data.forEach(((res, i) => {
|
||||
weekRewardData.forEach(((res, i) => {
|
||||
tabStr += `
|
||||
<div class="${i == 0 ? 'act' : ''}">${res.dateRange}</div>
|
||||
<div class="${i == tabActive ? 'act' : ''}">${res.dateRange}</div>
|
||||
`
|
||||
}))
|
||||
$('.tab').append(tabStr);
|
||||
ulFun(0);
|
||||
ulFun(tabActive);
|
||||
// tab切换
|
||||
$('.tab div').click(function () {
|
||||
var i = $(this).index();
|
||||
tabActive = i;
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
ulFun(i)
|
||||
ulFun(tabActive)
|
||||
getConfig();
|
||||
})
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
@@ -110,43 +121,73 @@ function getConfig() {
|
||||
})
|
||||
}
|
||||
function ulFun(index) {
|
||||
$('.box ul li').remove();
|
||||
var str = '';
|
||||
data[index].itemList.forEach((res, i) => {
|
||||
let weekLevelData = weekRewardData[index]
|
||||
countup(weekLevelData.countDownSecond)
|
||||
$('.preMaxNum').text(weekLevelData.preMaxNum);
|
||||
$('.maxNum').text(weekLevelData.maxNum);
|
||||
$('.processNum').text(weekLevelData.processNum);
|
||||
if (window.lang.code == 'ar') {
|
||||
$('.preLevel').text(weekLevelData.curLevel);
|
||||
$('.curLevel').text(weekLevelData.preLevel);
|
||||
} else {
|
||||
$('.preLevel').text(weekLevelData.preLevel);
|
||||
$('.curLevel').text(weekLevelData.curLevel);
|
||||
}
|
||||
// 计算进度条
|
||||
let progressWidth = CalculateProgress(weekLevelData.processNum, weekLevelData.preMaxNum, weekLevelData.maxNum)
|
||||
$('.progress-bar').css('width', progressWidth + '%');
|
||||
|
||||
// 渲染奖励列表
|
||||
$('.rewards_list .rewards_box').remove();
|
||||
let str = ''
|
||||
weekLevelData.itemList.forEach((item, index) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="left">
|
||||
<img src="./images/coin.png" alt="" class="gold">
|
||||
<span>${unitProcessingZhuan(res.rewardNum, 2)}</span>
|
||||
<div class="get ${res.status == 1 ? 'getAct' : res.status == 2 ? 'getOut' : ''}" id=${res.id} status=${res.status}>${res.status == 2 ? langReplace(localLang.weeklyRewards.text5) : langReplace(localLang.weeklyRewards.text3)}</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="textTop">
|
||||
<div class="l">${langReplace(localLang.weeklyRewards.text4)}<b>${res.level}</b></div>
|
||||
<div class="r">
|
||||
<b class="b1">${res.processNum + res.preMaxNum}</b>/<b class="b2">${res.maxNum}</b><img src="./images/diamondss.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="line">
|
||||
<div class="line_in" style="width:${((res.processNum + res.preMaxNum) - (res.preMaxNum)) / (res.maxNum - res.preMaxNum) * 100}%"></div>
|
||||
</div>
|
||||
<div class="speedOfProgress">
|
||||
<span>${res.preMaxNum}</span>
|
||||
<b>${res.maxNum}</b>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.box ul').append(str);
|
||||
<div class="rewards_box">
|
||||
<div class="left_box" status="${item.status}" id="${item.id}">
|
||||
<img src="./images/epconis.png" alt="">
|
||||
${item.rewardNum}
|
||||
<img src="./images/weiwancheng.png" alt="" class="status_img" style="display: ${item.status == 0 ? 'block' : 'none'}">
|
||||
<img src="./images/yilingqu.png" alt="" class="status_img" style="display: ${item.status == 2 ? 'block' : 'none'}">
|
||||
</div>
|
||||
<div class="middle_box">
|
||||
<div class="level">${item.level}</div>
|
||||
<div class="progress_box">
|
||||
<div class="progress_bar" style="height: ${CalculateProgress(item.processNum, item.preMaxNum, item.maxNum)}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_box" status="${item.status}" id="${item.id}">
|
||||
<img src="./images/epconis.png" alt="">
|
||||
${item.bonusRewardNum}
|
||||
<img src="./images/weiwancheng.png" alt="" class="status_img" style="display: ${item.bonusStatus == 0 ? 'block' : 'none'}">
|
||||
<img src="./images/yilingqu.png" alt="" class="status_img" style="display: ${item.bonusStatus == 2 ? 'block' : 'none'}">
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
});
|
||||
$('.rewards_list').append(str)
|
||||
|
||||
// 底部
|
||||
$('.bottom_fixed_box .bonusPreMaxNum').text(weekLevelData.bonusPreMaxNum)
|
||||
$('.bottom_fixed_box .bonusMaxNum').text(weekLevelData.bonusProcessNum + '/' + weekLevelData.bonusMaxNum)
|
||||
// 计算进度条
|
||||
let progressWidthBottomFixed = CalculateProgress(weekLevelData.bonusProcessNum, weekLevelData.bonusPreMaxNum, weekLevelData.bonusMaxNum)
|
||||
$('.bottom_fixed_box .progress_bar').css('width', progressWidthBottomFixed + '%');
|
||||
}
|
||||
function getReward(id) {
|
||||
// 计算进度条 (进度-初始值) / (最大值-初始值)
|
||||
function CalculateProgress(processNum, preMaxNum, maxNum) {
|
||||
let num = Math.min(100, Math.round((processNum - preMaxNum) / (maxNum - preMaxNum) * 100))
|
||||
return num
|
||||
}
|
||||
|
||||
function getReward(id, isBonus) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guildMemberWeekLevelReward/getReward',
|
||||
data: {
|
||||
id,
|
||||
isBonus
|
||||
},
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
@@ -163,11 +204,19 @@ function getReward(id) {
|
||||
})
|
||||
}
|
||||
// 领取按钮
|
||||
$('.box ul').on('click', ' li .left .get', function () {
|
||||
$('.rewards_list ').on('click', '.rewards_box .left_box', function () {
|
||||
var status = $(this).attr('status');
|
||||
var id = $(this).attr('id');
|
||||
if (status == 1) {
|
||||
getReward(id);
|
||||
getReward(id, false);
|
||||
}
|
||||
})
|
||||
// 领取按钮
|
||||
$('.rewards_list ').on('click', '.rewards_box .right_box', function () {
|
||||
var status = $(this).attr('status');
|
||||
var id = $(this).attr('id');
|
||||
if (status == 1) {
|
||||
getReward(id, true);
|
||||
}
|
||||
})
|
||||
// 计算- 取消中文向下取整
|
||||
@@ -183,4 +232,63 @@ function unitProcessingZhuan(val, toFixeds) { //值 保留几位小数
|
||||
return (val / 1000000).toFixed(toFixeds) + 'M'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
var countupTime1;//倒计时容器
|
||||
// 倒計時
|
||||
function countup(leftTime, type) {
|
||||
clearTimeout(countupTime1)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變數 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||||
if (leftTime > 0) {
|
||||
d = getzf(Math.floor(leftTime / 60 / 60 / 24));
|
||||
h = getzf(Math.floor(leftTime / 60 / 60 % 24));
|
||||
m = getzf(Math.floor(leftTime / 60 % 60));
|
||||
s = getzf(Math.floor(leftTime % 60));
|
||||
//將倒計時賦值到div中
|
||||
$('.day_txt').text(d);
|
||||
$('.hour_txt').text(h);
|
||||
$('.min_txt').text(m);
|
||||
$('.secs_txt').text(s);
|
||||
} else {
|
||||
$('.day_txt').text('00');
|
||||
$('.hour_txt').text('00');
|
||||
$('.min_txt').text('00');
|
||||
$('.secs_txt').text('00');
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1;
|
||||
} else {
|
||||
clearTimeout(countupTime1);
|
||||
}
|
||||
countupTime1 = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
//补0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
// 清除计时器
|
||||
function pauseCountdown() {
|
||||
clearInterval(countupTime1);
|
||||
}
|
||||
// 监听页面显示事件
|
||||
document.addEventListener('visibilitychange', () => {
|
||||
if (document.hidden) {
|
||||
pauseCountdown();
|
||||
} else {
|
||||
// 重新请求接口获取最新的倒计时数据
|
||||
pauseCountdown();
|
||||
getConfig();
|
||||
}
|
||||
});
|
||||
@@ -60,17 +60,20 @@ function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.weeklyRewardsRule.text1));
|
||||
if(window.localStorage.getItem('partitionId') == 16){
|
||||
$('.text2').html(langReplace(localLang.weeklyRewardsRule.text22));
|
||||
$('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
|
||||
}else{
|
||||
$('.text2').html(langReplace(localLang.weeklyRewardsRule.text2));
|
||||
if (window.localStorage.getItem('partitionId') == 2) {
|
||||
$('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
|
||||
} else if (window.localStorage.getItem('partitionId') == 8) {
|
||||
$('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text33));
|
||||
}
|
||||
}
|
||||
|
||||
$('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
|
||||
$('.text2').html(langReplace(localLang.weeklyRewardsRule.text2));
|
||||
$('.textNew').html(langReplace(localLang.weeklyRewardsRule.textNew));
|
||||
|
||||
// if(window.localStorage.getItem('partitionId') == 16){
|
||||
// $('.text2').html(langReplace(localLang.weeklyRewardsRule.text22));
|
||||
// }else{
|
||||
// $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2));
|
||||
// if (window.localStorage.getItem('partitionId') == 2) {
|
||||
// $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
|
||||
// } else if (window.localStorage.getItem('partitionId') == 8) {
|
||||
// $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text33));
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
}
|
||||
@@ -56,7 +56,18 @@ langAr = {
|
||||
weeklyRewardsText5: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+3)',
|
||||
weeklyRewardsText6: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+8)',
|
||||
Game_income:'دخل اللعبة',
|
||||
Diamond_income:'دخل الماس'
|
||||
Diamond_income:'دخل الماس',
|
||||
Total_coins:'إجمالي المكافآت يصل إلى ١٬٠٠٠٬٠٣٠ عملة!',
|
||||
Countdown:'العد التنازلي:',
|
||||
Day:'اليوم',
|
||||
Host_Level:'مستوى المضيف:',
|
||||
Reward_detail:'تفاصيل المكافأة',
|
||||
Daily_Rewards:'المكافآت اليومية',
|
||||
Extra_Rewards:'مكافآت إضافية',
|
||||
Complete_days:'أكمل 5 أيام',
|
||||
mic_chat:'ساعتين من الدردشة الصوتية اليومية',
|
||||
Unlock_time:'افتح المكافآت الإضافية بإكمال 5 أيام بمدة 120 دقيقة يومياً على الميكروفون',
|
||||
Days:'الأيام',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `إعدادات المشرف`,
|
||||
@@ -405,14 +416,25 @@ langAr = {
|
||||
},
|
||||
weeklyRewardsRule: {
|
||||
text1: `القواعد`,
|
||||
text2: `<p>1 وقت النشاط: 0:00-23:59 (GMT+3) كل أسبوع.</p>
|
||||
<p>2 مكافآت العملات: يتم حساب دخل المستخدم من الألماس أسبوعيًا، ويمكنك الحصول على العملات عند الوصول إلى مستوى معين.</p>
|
||||
<p>3 تدرج مكافآت العملات</p>`,
|
||||
text2: `<p style="font-weight:500">وقت النشاط:</p>
|
||||
<p>كل يوم اثنين من 00:00 إلى يوم الأحد 23:59 (ت ع م+3)</p>
|
||||
<p style="font-weight:500">مهام النشاط:</p>
|
||||
<p>أكمل المهام أدناه لكسب حوافز الماس للفئات المقابلة!</p>
|
||||
<p style="font-weight:500">المهمة 1: المساهمة حسب الحجم</p>
|
||||
<p>اكسب مكافآت بناءً على إجمالي الماس المستلم من الاستهلاك هذا الأسبوع.</p>
|
||||
<p style="font-weight:500">المهمة 2: الاجتهاد عبر الإنترنت</p>
|
||||
<p>م requirement المتطلب: امتلاك 5 أيام هذا الأسبوع بمدة دردشة صوتية ليوم واحد ≥ 120 دقيقة.</p>`,
|
||||
text3: `./images/weeklyRewardsRule2-ar.png`,
|
||||
text33: `./images/weeklyRewardsRule2-trar.png`,
|
||||
text22: `<p>1 وقت النشاط: 0:00-23:59 (GMT+8) كل أسبوع.</p>
|
||||
<p>2 مكافآت العملات: يتم حساب دخل المستخدم من الألماس أسبوعيًا، ويمكنك الحصول على العملات عند الوصول إلى مستوى معين.</p>
|
||||
<p>3 تدرج مكافآت العملات</p>`,
|
||||
textNew: `<p style="font-weight:500">ملاحظات مهمة:</p>
|
||||
<p>إعادة تعيين أسبوعية: يتم إعادة تعيين حجم دخول الماس والأيام الصالحة تلقائياً في بداية كل أسبوع جديد.</p>
|
||||
<p>إعادة تعيين يومية: يتم إعادة تعيين المدة الصالحة تلقائياً في بداية كل يوم جديد.</p>
|
||||
<p>توزيع المكافأة: يجب المطالبة بالمكافآت يدوياً.</p>
|
||||
<p>المشاركة العادلة: يُمنع منعاً باتاً الأنشطة الاحتيالية مثل الطلبات الوهمية أو التباطؤ أو الغش. ستؤدي الانتهاكات الم verifiedة إلى الإقصاء من المكافآت.</p>
|
||||
<p>التفسير النهائي لهذه القواعد محفوظ للمنصة.</p>`,
|
||||
},
|
||||
agencyDiamondIncome: {
|
||||
text1: `إيرادات الألماس للوكالة`, // 阿拉伯文
|
||||
|
||||
@@ -54,7 +54,18 @@ langBr = {
|
||||
weeklyRewardsText5: 'Tempo de reset: Segunda-feira 0:00 (GMT+3)',
|
||||
weeklyRewardsText6: 'Tempo de reset: Segunda-feira 0:00 (GMT+8)',
|
||||
Game_income:'Renda do jogo',
|
||||
Diamond_income:'Renda do diamante'
|
||||
Diamond_income:'Renda do diamante',
|
||||
Total_coins:'Recompensa total de até 1.000.030 moedas!',
|
||||
Countdown:'Contagem Regressiva:',
|
||||
Day:'Dia',
|
||||
Host_Level:'Nível do Anfitrião:',
|
||||
Reward_detail:'Detalhes da recompensa',
|
||||
Daily_Rewards:'Recompensas Diárias',
|
||||
Extra_Rewards:'Recompensas Extras',
|
||||
Complete_days:'Complete 5 dias',
|
||||
mic_chat:'2 horas de chat de microfone diário',
|
||||
Unlock_time:'Desbloqueie recompensas extras completando 5 dias com 120 mins de tempo diário no microfone',
|
||||
Days:'Dias',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrador`,
|
||||
@@ -403,14 +414,25 @@ langBr = {
|
||||
},
|
||||
weeklyRewardsRule: {
|
||||
text1: `Regras`,
|
||||
text2: `<p>1 Horário da atividade: 0:00-23:59 (GMT+3) toda semana.</p>
|
||||
<p>2 Recompensas em moedas: Calcule o rendimento em diamantes do usuário toda semana, e você pode receber moedas correspondentes ao atingir um certo nível.</p>
|
||||
<p>3 Gradiente de recompensa em moedas</p>`,
|
||||
text2: `<p style="font-weight:500">Horário da Atividade:</p>
|
||||
<p>Toda segunda-feira 00:00 a domingo 23:59 (GMT+3)</p>
|
||||
<p style="font-weight:500">Tarefas da Atividade:</p>
|
||||
<p>Complete as tarefas abaixo para ganhar incentivos de diamante para os níveis correspondentes!</p>
|
||||
<p style="font-weight:500">Tarefa 1: Contribuição por Volume</p>
|
||||
<p>Ganhe recompensas com base no total de diamantes recebidos do consumo esta semana.</p>
|
||||
<p style="font-weight:500">Tarefa 2: Diligência Online</p>
|
||||
<p>Requisito de Duração: Tenha 5 dias esta semana com duração de chat de voz em um único dia ≥ 120 minutos.</p>`,
|
||||
text3: `./images/weeklyRewardsRule2.png`,
|
||||
text33: `./images/weeklyRewardsRule2-tren.png`,
|
||||
text22: `<p>1 Horário da atividade: 0:00-23:59 (GMT+8) toda semana.</p>
|
||||
<p>2 Recompensas em moedas: Calcule o rendimento em diamantes do usuário toda semana, e você pode receber moedas correspondentes ao atingir um certo nível.</p>
|
||||
<p>3 Gradiente de recompensa em moedas</p>`,
|
||||
textNew: `<p style="font-weight:500">Notas Importantes:</p>
|
||||
<p>Reset Semanal: Seu volume de receita de diamantes e dias válidos são redefinidos automaticamente no início de uma nova semana.</p>
|
||||
<p>Reset Diário: Sua duração válida é redefinida automaticamente no início de um novo dia.</p>
|
||||
<p>Distribuição de Recompensa: As recompensas devem ser resgatadas manualmente.</p>
|
||||
<p>Participação Justa: Atividades fraudulentas, como ordens de brushing, ócio (AFK) ou trapaça, são estritamente proibidas. Violações verificadas resultarão em desqualificação das recompensas.</p>
|
||||
<p>A interpretação final destas regras é reservada à plataforma.</p>`,
|
||||
},
|
||||
agencyDiamondIncome: {
|
||||
text1: `Rendimento em Diamantes da Agência`,
|
||||
|
||||
@@ -54,7 +54,18 @@ langEn = {
|
||||
weeklyRewardsText5: 'Reset time: Monday 0:00 (GMT+3)',
|
||||
weeklyRewardsText6: 'Reset time: Monday 0:00 (GMT+8)',
|
||||
Game_income:'Game income',
|
||||
Diamond_income:'Diamond income'
|
||||
Diamond_income:'Diamond income',
|
||||
Total_coins:'Total reward of up to 1,000,030 coins!',
|
||||
Countdown:'Countdown:',
|
||||
Day:'Day',
|
||||
Host_Level:'Host Level:',
|
||||
Reward_detail:' Reward detail',
|
||||
Daily_Rewards:'Daily Rewards',
|
||||
Extra_Rewards:'Extra Rewards',
|
||||
Complete_days:'Complete 5 days',
|
||||
mic_chat:'2 hours of daily mic chat',
|
||||
Unlock_time:'Unlock extra rewards by completing 5 days with 120 mins of daily mic time',
|
||||
Days:'Days',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
@@ -407,16 +418,26 @@ text9_new:'Congratulations on creating your new agency! <br /> To help you grow
|
||||
},
|
||||
weeklyRewardsRule: {
|
||||
text1: `Rules`,
|
||||
text2: `<p>1 Activity time: 0:00-23:59 (GMT+3) every week.</p>
|
||||
<p>2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you
|
||||
reach a certain level.</p>
|
||||
<p>3 Coin reward gradient</p>`,
|
||||
text2: `<p style="font-weight:500"> Activity Time:</p>
|
||||
<p>Every Monday 00:00 to Sunday 23:59 (GMT+3)</p>
|
||||
<p style="font-weight:500">Activity Tasks:</p>
|
||||
<p>Complete the tasks below to earn diamond incentives for corresponding tiers!</p>
|
||||
<p style="font-weight:500">Task 1: Contribution by Volume</p>
|
||||
<p>Earn rewards based on the total diamonds received from consumption this week.</p>
|
||||
<p style="font-weight:500">Task 2: Diligence Online</p>
|
||||
<p>Duration Requirement: Have 5 days this week with single-day voice chat duration ≥ 120 minutes.</p>`,
|
||||
text3: `./images/weeklyRewardsRule2.png`,
|
||||
text33: `./images/weeklyRewardsRule2-tren.png`,
|
||||
text22: `<p>1 Activity time: 0:00-23:59 (GMT+8) every week.</p>
|
||||
<p>2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you
|
||||
reach a certain level.</p>
|
||||
<p>3 Coin reward gradient</p>`,
|
||||
textNew: `<p style="font-weight:500">Important Notes:</p>
|
||||
<p>Weekly Reset: Your diamond income volume and valid days are automatically reset at the start of a new week.</p>
|
||||
<p>Daily Reset: Your valid duration is automatically reset at the start of a new day.</p>
|
||||
<p>Reward Distribution: Rewards must be claimed manually.</p>
|
||||
<p>Fair Participation: Strictly prohibit fraudulent activities such as brushing orders, idling/AFK, or cheating. Verified violations will result in disqualification from rewards.</p>
|
||||
<p>Final interpretation of these rules is reserved by the platform.</p>`,
|
||||
},
|
||||
agencyDiamondIncome: {
|
||||
text1: `Agency Diamond Income`,
|
||||
|
||||
@@ -54,7 +54,18 @@ langTr = {
|
||||
weeklyRewardsText5: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+3)',
|
||||
weeklyRewardsText6: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+8)',
|
||||
Game_income:'Oyun geliri',
|
||||
Diamond_income:'Elmas geliri'
|
||||
Diamond_income:'Elmas geliri',
|
||||
Total_coins:'Toplam ödül 1.000.030 jeton kadar!',
|
||||
Countdown:'Geri Sayım:',
|
||||
Day:'Gün',
|
||||
Host_Level:'Sunucu Seviyesi:',
|
||||
Reward_detail:'Ödül detayları',
|
||||
Daily_Rewards:'Günlük Ödüller',
|
||||
Extra_Rewards:'Ekstra Ödüller',
|
||||
Complete_days:'5 günü tamamlayın',
|
||||
mic_chat:'Günlük 2 saat mikrofon sohbeti',
|
||||
Unlock_time:'Günlük 120 dakika mikrofon süresi ile 5 günü tamamlayarak ekstra ödüllerin kilidini açın',
|
||||
Days:'Günler',
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Yönetici`,
|
||||
@@ -406,14 +417,25 @@ text9_new:'Yeni acentenizi kurduğunuz için tebrikler! <br /> Daha hızlı büy
|
||||
},
|
||||
weeklyRewardsRule: {
|
||||
text1: `Kurallar`,
|
||||
text2: `<p>1 Aktivite Zamanı: Her hafta 0:00-23:59 (GMT+3)</p>
|
||||
<p>2 jeton Ödülleri: Kullanıcının elmas gelirleri her hafta hesaplanır, belirli bir seviyeye ulaştığında karşılık gelen madeni paralar verilir.</p>
|
||||
<p>3 jeton Ödül Gradyanı</p>`,
|
||||
text2: `<p style="font-weight:500">Etkinlik Süresi:</p>
|
||||
<p>Her Pazartesi 00:00 - Pazar 23:59 (GMT+3)</p>
|
||||
<p style="font-weight:500">Etkinlik Görevleri:</p>
|
||||
<p>İlgili seviyeler için elmas teşvikleri kazanmak için aşağıdaki görevleri tamamlayın!</p>
|
||||
<p style="font-weight:500">Görev 1: Hacim Katkısı</p>
|
||||
<p>Bu hafta alınan toplam elmas tüketimine göre ödüller kazanın.</p>
|
||||
<p style="font-weight:500">Görev 2: Çevrimiçi Özveri</p>
|
||||
<p>Süre Gereksinimi: Bu hafta, günlük sesli sohbet süresinin ≥ 120 dakika olduğu 5 gün olmalıdır.</p>`,
|
||||
text3: `./images/weeklyRewardsRule2.png`,
|
||||
text33: `./images/weeklyRewardsRule2-trtr.png`,
|
||||
text22: `<p>1 Aktivite Zamanı: Her hafta 0:00-23:59 (GMT+8)</p>
|
||||
<p>2 jeton Ödülleri: Kullanıcının elmas gelirleri her hafta hesaplanır, belirli bir seviyeye ulaştığında karşılık gelen madeni paralar verilir.</p>
|
||||
<p>3 jeton Ödül Gradyanı</p>`,
|
||||
textNew: `<p style="font-weight:500">Önemli Notlar:</p>
|
||||
<p>Haftalık Sıfırlama: Elmas gelir hacminiz ve geçerli günleriniz yeni bir hafta başlangıcında otomatik olarak sıfırlanır.</p>
|
||||
<p>Günlük Sıfırlama: Geçerli süreniz yeni bir gün başlangıcında otomatik olarak sıfırlanır.</p>
|
||||
<p>Ödül Dağıtımı: Ödüller manuel olarak talep edilmelidir.</p>
|
||||
<p>Adil Katılım: Sahte sipariş, oyunu askıya alma (AFK) veya hile gibi sahtekarlık faaliyetleri kesinlikle yasaktır. Tespit edilen ihlaller ödüllerden diskalifiye ile sonuçlanacaktır.</p>
|
||||
<p>Bu kuralların nihai yorum hakkı platforma aittir.</p>`,
|
||||
},
|
||||
agencyDiamondIncome: {
|
||||
text1: `Ajans Elmas Geliri`,
|
||||
|
||||
@@ -57,6 +57,18 @@ langZh = {
|
||||
weeklyRewardsText6: '重置時間：週一 0:00（GMT+8）',
|
||||
Game_income:'遊戲收益',
|
||||
Diamond_income:'鑽石收益',
|
||||
Total_coins:'总金币奖励高达1,000,030！',
|
||||
Countdown:'倒计时:',
|
||||
Day:'天',
|
||||
Host_Level:'主播等级：',
|
||||
Reward_detail:'奖励明细',
|
||||
Daily_Rewards:'日常奖励',
|
||||
Extra_Rewards:'额外奖励',
|
||||
Complete_days:'完成5天',
|
||||
mic_chat:'每天两小时上麦聊天',
|
||||
Unlock_time:'完成5天，每天上麦时长120mins即可解锁额外奖励',
|
||||
Days:'天数',
|
||||
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
@@ -406,14 +418,26 @@ langZh = {
|
||||
},
|
||||
weeklyRewardsRule: {
|
||||
text1: `規則`,
|
||||
text2: `<p>1 活動時間：每週 0:00-23:59（GMT+3）。</p>
|
||||
<p>2 金幣獎勵：每週計算用戶的鑽石收入，達到特定級別時可以獲得相應的金幣獎勵。</p>
|
||||
<p>3 金幣獎勵梯度</p>`,
|
||||
text2: `<p style="font-weight:500">活动时间：</p>
|
||||
<p>每周一 00:00 至 周日 23:59 (GMT+3)</p>
|
||||
<p style="font-weight:500">活动任务</p>
|
||||
<p>同时满足以下不同档位任务，即可获得 档位钻石激励！</p>
|
||||
<p style="font-weight:500">任务一：流水贡献</p>
|
||||
<p>根据您本周获得的所有钻石消费总额，领取对应档位的金币。</p>
|
||||
<p style="font-weight:500">任务二：勤奋在线</p>
|
||||
<p>时长要求： 本周有 5 天，单日语音上麦时长 ≥ 120 分钟。</p>`,
|
||||
text3: `./images/weeklyRewardsRule2.png`,
|
||||
text33: `./images/weeklyRewardsRule2-trtr.png`,
|
||||
text22: `<p>1 活動時間：每週 0:00-23:59（GMT+8）。</p>
|
||||
<p>2 金幣獎勵：每週計算用戶的鑽石收入，達到特定級別時可以獲得相應的金幣獎勵。</p>
|
||||
<p>3 金幣獎勵梯度</p>`,
|
||||
|
||||
textNew: `<p style="font-weight:500">重要须知:</p>
|
||||
<p>每周重置： 新一周开始时，您的钻石流水和有效天数会自动清零，重新计算。</p>
|
||||
<p>每天重置： 新一天开始时，你的有效时长会自动清零，重新计算。</p>
|
||||
<p>奖励发放： 奖励需要手动领取。</p>
|
||||
<p>公平参与： 严禁刷单、挂机、作弊等违规行为，一经核实将取消奖励资格。</p>
|
||||
<p>本活动所有解释权归平台所有。</p>`,
|
||||
},
|
||||
agencyDiamondIncome: {
|
||||
text1: `公會鑽石收入`, // 繁體中文
|
||||
|
||||
@@ -1,53 +1,113 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/weeklyRewards.css?v1.11">
|
||||
</head>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="./css/weeklyRewards.css?v1.11" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="" class="backIcon">
|
||||
<b class="text1"></b>
|
||||
<a href="./weeklyRewardsRule.html"><img src="./images/why.png" alt="" class="why"></a>
|
||||
<img src="./images/travel/back3.png" alt="" class="backIcon" />
|
||||
<b class="text1"></b>
|
||||
<a href="./weeklyRewardsRule.html"
|
||||
><img src="./images/why.png" alt="" class="why"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<div class="tab"></div>
|
||||
<div class="contant_box">
|
||||
<div class="book_top">
|
||||
<img src="./images/book.png" alt="">
|
||||
</div>
|
||||
<div class="Countdown_box">
|
||||
<span class="Countdown"></span>
|
||||
<span class="day_txt"></span>
|
||||
<span class="Day"></span>
|
||||
<span class="hour_txt"></span>
|
||||
<span>:</span>
|
||||
<span class="min_txt"></span>
|
||||
<span>:</span>
|
||||
<span class="secs_txt"></span>
|
||||
</div>
|
||||
<div class="Level_box">
|
||||
<div class="Host_Level"></div>
|
||||
<div class="progress_box">
|
||||
<div class="preLevel"></div>
|
||||
<div class="curLevel"></div>
|
||||
<div class="processNum_box">
|
||||
<div class="processNum"></div>
|
||||
<img src="./images/diamondss.png" alt="" />
|
||||
</div>
|
||||
<div class="progress-container">
|
||||
<div class="progress-bar" style="width: 0%"></div>
|
||||
</div>
|
||||
<div class="bottom_box">
|
||||
<div class="preMaxNum_box">
|
||||
<div class="preMaxNum"></div>
|
||||
<img src="./images/diamondss.png" alt="" />
|
||||
</div>
|
||||
<div class="maxNum_box">
|
||||
<div class="maxNum"></div>
|
||||
<img src="./images/diamondss.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rewards_list">
|
||||
<div class="top_info">
|
||||
<div class="left Daily_Rewards"></div>
|
||||
<div class="middle">
|
||||
<img src="./images/yuandian.png" alt="">
|
||||
</div>
|
||||
<div class="right ">
|
||||
<div class="Extra_Rewards"></div>
|
||||
<div class="Complete_days"></div>
|
||||
<div class="mic_chat"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="rewards_box">
|
||||
<div class="left_box">
|
||||
<img src="./images/coin.png" alt="">
|
||||
666
|
||||
<img src="./images/weiwancheng.png" alt="" class="status_img" >
|
||||
<img src="./images/yilingqu.png" alt="" class="status_img">
|
||||
</div>
|
||||
<div class="middle_box">
|
||||
<div class="level">D</div>
|
||||
<div class="progress_box">
|
||||
<div class="progress_bar" style="height: 40%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="right_box">
|
||||
<img src="./images/coin.png" alt="">
|
||||
666
|
||||
<img src="./images/weiwancheng.png" alt="" class="status_img" >
|
||||
<img src="./images/yilingqu.png" alt="" class="status_img">
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<img src="./images/rewardsTbg.png" alt="" class="topImg">
|
||||
<div class="title text2"></div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="left">
|
||||
<img src="./images/coin.png" alt="" class="gold">
|
||||
<span>0K</span>
|
||||
<div class="get">Get</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="textTop">
|
||||
<div class="l">Host Lv<b>1</b></div>
|
||||
<div class="r">
|
||||
<b class="b1">0</b>/<b class="b2">0</b><img src="./images/diamondss.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<div class="speedOfProgress">
|
||||
<span>0</span>
|
||||
<b>0</b>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
<div style="height: 180px;"></div>
|
||||
<div class="bottom_fixed_box">
|
||||
<div class="top_box Extra_Rewards"></div>
|
||||
<div class="bg_box">
|
||||
<div class="title Unlock_time"></div>
|
||||
<div class="Days"></div>
|
||||
<div class="progress_box">
|
||||
<div class="progress_bar" style="width:50%"></div>
|
||||
</div>
|
||||
<div class="txt_num">
|
||||
<div class="bonusPreMaxNum"></div>
|
||||
<div class="bonusMaxNum"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
@@ -61,4 +121,4 @@
|
||||
<script src="./local/br.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./js/weeklyRewards.js?v=2"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
@@ -22,6 +22,7 @@
|
||||
<p>3 Coin reward gradient</p> -->
|
||||
</div>
|
||||
<img class="text3" src="./images/weeklyRewardsRule2.png" alt="">
|
||||
<div class="text textNew" style="margin-top: 10px;"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user