Compare commits
79 Commits
translate
...
iteration_
Author | SHA1 | Date | |
---|---|---|---|
![]() |
bb2784dae7 | ||
![]() |
6983b611f6 | ||
![]() |
96fc251f09 | ||
![]() |
bb2c2b44cb | ||
![]() |
ef6bcac4e9 | ||
![]() |
52925e948b | ||
![]() |
43736ecd86 | ||
![]() |
63c10b4e2a | ||
![]() |
4a87f8e70f | ||
![]() |
d06a9136cc | ||
![]() |
3e9a323e77 | ||
![]() |
192846f665 | ||
![]() |
04ec4e1213 | ||
![]() |
d4edc4d7f9 | ||
![]() |
33b327ef08 | ||
![]() |
c402e91b4b | ||
![]() |
e5bc021b76 | ||
![]() |
7ad353af3a | ||
![]() |
6ef6df6bd5 | ||
![]() |
3b2d5f3ec8 | ||
![]() |
b23b00110b | ||
![]() |
effa4fc182 | ||
![]() |
fda137edd4 | ||
![]() |
104c2a5ea9 | ||
![]() |
9c8dcfc5bc | ||
![]() |
59dfb185c7 | ||
![]() |
f9bf2c5473 | ||
![]() |
cbbe553bf0 | ||
![]() |
3f314a647b | ||
![]() |
775a68a23c | ||
![]() |
46db54d18b | ||
![]() |
23630c40b9 | ||
![]() |
c9b16d9fac | ||
![]() |
9e345cf51a | ||
![]() |
3d0df56d13 | ||
![]() |
aeba089ded | ||
![]() |
50223def70 | ||
![]() |
6d251a0399 | ||
![]() |
673005f471 | ||
![]() |
b9c7691b98 | ||
![]() |
0c23babc9d | ||
![]() |
bf6f941752 | ||
![]() |
2f88fdc21d | ||
![]() |
661db811c0 | ||
![]() |
7747ee7e93 | ||
![]() |
c625084bbb | ||
![]() |
aaf2b2f6ed | ||
![]() |
be4a1e09b2 | ||
![]() |
47864dabdb | ||
![]() |
8f5bd66761 | ||
![]() |
7351a4b76d | ||
![]() |
6b16354f64 | ||
![]() |
1b3986bcf3 | ||
![]() |
c19d1c92a2 | ||
![]() |
f1badb8d03 | ||
![]() |
131a276e58 | ||
![]() |
f594d0de0c | ||
![]() |
2c0f58f815 | ||
![]() |
844dc5c831 | ||
![]() |
f9886b9089 | ||
![]() |
733ab19c71 | ||
![]() |
80bea3e94a | ||
![]() |
f937063d9b | ||
![]() |
cdc8f2290c | ||
![]() |
296a640744 | ||
![]() |
c41e8dd980 | ||
![]() |
7a21b824ab | ||
![]() |
1148a0753e | ||
![]() |
3c57f4e780 | ||
![]() |
d300b7a056 | ||
![]() |
e47906fd91 | ||
![]() |
c0dfb7c41b | ||
![]() |
daf57dd1ad | ||
![]() |
c6df9a0872 | ||
![]() |
180d64064a | ||
![]() |
518bac9298 | ||
![]() |
9974ad913c | ||
![]() |
609dea5884 | ||
![]() |
8fba10d4d5 |
@@ -241,7 +241,7 @@
|
||||
</ul>
|
||||
<img src="./images/btn_sure.png" class="sure" alt="">
|
||||
<div class="tips">奖励将自动发放到装扮中心,快去展示自己吧~</div>
|
||||
<!-- <div class="tips">*情人节限定5位靓号:52XXX(XXX为随机数字,一组为2个靓号,<br>联系客服领取:LINE: pekoyuyin)</div> -->
|
||||
<!-- <div class="tips">*情人节限定5位靓号:52XXX(XXX为随机数字,一组为2个靓号,<br>联系客服领取:LINE: pikoyuyin)</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的cp弹窗 -->
|
||||
|
@@ -370,7 +370,7 @@ function buy(id, num, type) {
|
||||
$('.petition-wrap .myticket span e').html(res.data.remain)
|
||||
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
|
||||
$('.gx .gx_in .box li span').html( res.data.prop.name)
|
||||
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX(XXX為隨機數字,一組為2個靚號,<br>聯系客服領取:LINE: pekoyuyin)`)
|
||||
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX(XXX為隨機數字,一組為2個靚號,<br>聯系客服領取:LINE: pikoyuyin)`)
|
||||
$('.gx').show()
|
||||
|
||||
} else {
|
||||
|
@@ -76,7 +76,7 @@
|
||||
<div class="tab2_contain">
|
||||
<div class="rule_wrap">
|
||||
<p class="rule_item">
|
||||
活动期间,每日登录pekoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
活动期间,每日登录pikoApp即可免费获赠一个魔法棒(每台设备每日限一次)
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel_wrap">
|
||||
|
@@ -756,7 +756,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
$('.page3 .myList img').attr('src', res.data.userRank.avatar);
|
||||
$('.page3 .myList .num').text(res.data.userRank.rank == 0 ? '未上榜' : res.data.userRank.rank);
|
||||
$('.page3 .myList .nick').text(res.data.userRank.nick.length > 8 ? res.data.userRank.nick.slice(0, 8) + '...' : res.data.userRank.nick);
|
||||
$('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
|
||||
$('.page3 .myList .score').text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
|
||||
hideLoading(layerIndex)
|
||||
// 处理前三
|
||||
if (top3.length < 3) {
|
||||
@@ -770,7 +770,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
top3.forEach((res, index) => {
|
||||
$(`.page3 .list .top${index + 1} .txBg`).attr('src', res.avatar);
|
||||
$(`.page3 .list .top${index + 1} .nick`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
|
||||
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
|
||||
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
@@ -780,7 +780,7 @@ function getRank (rankType, currentTime, comeFrom) {
|
||||
<div class="num">NO.${index + 4}</div>
|
||||
<img src="${res.avatar}" alt="">
|
||||
<div class="nick">${res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick}</div>
|
||||
<div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
|
||||
<div class="score">${comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
|
||||
</li>`
|
||||
})
|
||||
$('.page3 .list .notTop').append(str);
|
||||
|
@@ -45,7 +45,7 @@
|
||||
<p>剩余7天</p>
|
||||
<div class="nameplate">
|
||||
<img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
|
||||
<span>peko看看</span>
|
||||
<span>piko看看</span>
|
||||
</div>
|
||||
<div class="delay-btn">
|
||||
<img src="./images/delay-btn.png" alt="">
|
||||
|
@@ -11,9 +11,26 @@
|
||||
html,
|
||||
body {
|
||||
font-family: "din-medium";
|
||||
background: #531800;
|
||||
background: #E17E3D;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
html::-webkit-scrollbar,
|
||||
body::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: 0.9333333333rem;
|
||||
left: 0.4533333333rem;
|
||||
z-index: 9;
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
}
|
||||
.back img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
@@ -59,15 +76,19 @@ body {
|
||||
z-index: 9;
|
||||
}
|
||||
.wrap .previous_Round_Result span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-weight: bold;
|
||||
margin-left: 0.36rem;
|
||||
text-shadow: 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321, 1px 1px 0px #fc8321, -1px -1px 0px #fc8321;
|
||||
font-size: 0.48rem;
|
||||
left: 0rem;
|
||||
bottom: 1.65rem;
|
||||
background: url(../images/wljg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 1.7066666667rem;
|
||||
height: 0.5066666667rem;
|
||||
}
|
||||
.wrap .previous_Round_Result span img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
.wrap .previous_Round_Result .box {
|
||||
width: 9.4266666667rem;
|
||||
@@ -140,7 +161,7 @@ body {
|
||||
font-size: 0.2666666667rem;
|
||||
color: #701800;
|
||||
position: absolute;
|
||||
top: 0.4rem;
|
||||
top: 0.16rem;
|
||||
left: 0.4666666667rem;
|
||||
}
|
||||
.wrap .game-area .select-time {
|
||||
@@ -153,7 +174,7 @@ body {
|
||||
top: -0.5333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 6.8rem;
|
||||
width: 5.45rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.8266666667rem;
|
||||
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||
@@ -164,16 +185,10 @@ body {
|
||||
}
|
||||
.wrap .game-area .select-time .current-tip {
|
||||
top: 0.6666666667rem;
|
||||
width: 5.3333333333rem;
|
||||
width: 4.9066666667rem;
|
||||
height: 0.9066666667rem;
|
||||
line-height: 0.38rem;
|
||||
line-height: 0.9066666667rem;
|
||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .game-area .select-time .current-tip span {
|
||||
width: 4.2666666667rem;
|
||||
margin: 0 auto;
|
||||
font-size: 0.2933333333rem;
|
||||
color: #F0C799;
|
||||
}
|
||||
@@ -183,6 +198,7 @@ body {
|
||||
padding-left: 0.6266666667rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li {
|
||||
transition: all, 0.2s;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: 1.84rem;
|
||||
@@ -240,8 +256,8 @@ body {
|
||||
}
|
||||
.wrap .game-area .select-time ul li .bubble-2s {
|
||||
display: none;
|
||||
width: 2.1rem;
|
||||
height: 1.3rem;
|
||||
width: 1.76rem;
|
||||
height: 0.9866666667rem;
|
||||
position: absolute;
|
||||
top: -0.96rem;
|
||||
left: -0.3733333333rem;
|
||||
@@ -250,22 +266,18 @@ body {
|
||||
text-indent: 0.2133333333rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .bubble-2s p {
|
||||
width: 2rem;
|
||||
font-size: 0.1866666667rem;
|
||||
font-size: 0.24rem;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-left: -0.0666666667rem;
|
||||
margin-left: -0.2666666667rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .bubble-2s p.first-line {
|
||||
padding-top: 0.2666666667rem;
|
||||
padding-top: 0.1333333333rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .bubble-2s p.second-line {
|
||||
padding-top: 0.0533333333rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .bubble-2s .pzh {
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.wrap .game-area .select-time ul li .select-num {
|
||||
position: absolute;
|
||||
top: -0.08rem;
|
||||
@@ -331,7 +343,7 @@ body {
|
||||
top: -0.5333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 6rem;
|
||||
width: 4.2933333333rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.8266666667rem;
|
||||
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||
@@ -348,7 +360,7 @@ body {
|
||||
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-size: 0.2933333333rem;
|
||||
color: rgba(255, 240, 199, 0.6);
|
||||
color: #FFF0C799;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wrap .game-area .wait-time-s {
|
||||
@@ -387,7 +399,7 @@ body {
|
||||
top: -0.5333333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 6rem;
|
||||
width: 4.2933333333rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.8266666667rem;
|
||||
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
|
||||
@@ -645,25 +657,24 @@ body {
|
||||
font-size: 0.3733333333rem;
|
||||
}
|
||||
.wrap .game-area .draw-time .put-wrap {
|
||||
width: 9rem;
|
||||
width: 8rem;
|
||||
height: 2.44rem;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 55%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 4.5rem;
|
||||
display: flex;
|
||||
}
|
||||
.wrap .game-area .draw-time .put-wrap .put {
|
||||
width: 1.4rem;
|
||||
font-size: 0.32rem;
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.4rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.wrap .game-area .draw-time .put-wrap .list {
|
||||
width: 6.4rem;
|
||||
width: 6.72rem;
|
||||
height: 2.7733333333rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -671,7 +682,7 @@ body {
|
||||
.wrap .game-area .draw-time .put-wrap .list .item {
|
||||
width: 0.9866666667rem;
|
||||
height: 1.2rem;
|
||||
margin-right: 0.7rem;
|
||||
margin-right: 0.92rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
@@ -977,19 +988,19 @@ body {
|
||||
bottom: 0;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
height: 1.3333333333rem;
|
||||
background: url(../images/mineBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 0 0.2rem;
|
||||
padding: 0 0.7rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-rank {
|
||||
width: 3.8rem;
|
||||
font-size: 0.2933333333rem;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
|
||||
flex: 1;
|
||||
@@ -1005,18 +1016,19 @@ body {
|
||||
margin-right: 0.5333333333rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-info .mine-nick {
|
||||
font-size: 0.3466666667rem;
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
width: 3.2rem;
|
||||
width: 3.5rem;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
|
||||
font-size: 0.2933333333rem;
|
||||
font-size: 0.3466666667rem;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
|
||||
color: #fff;
|
||||
|
@@ -25,12 +25,27 @@
|
||||
html,
|
||||
body {
|
||||
font-family: 'din-medium';
|
||||
background: #531800;
|
||||
background: #E17E3D;
|
||||
// 海浪svga过长
|
||||
overflow-x: hidden;
|
||||
// height: 19rem;
|
||||
&::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.back {
|
||||
position: fixed;
|
||||
top: px2rem(70, );
|
||||
left: px2rem(34, );
|
||||
z-index: 9;
|
||||
width: px2rem(62, );
|
||||
height: px2rem(62, );
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.wrap {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
@@ -83,17 +98,24 @@ body {
|
||||
z-index: 9;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-weight: bold;
|
||||
margin-left: px2rem(27);
|
||||
text-shadow: 1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321,
|
||||
1px 1px 0px#fc8321,
|
||||
-1px -1px 0px#fc8321;
|
||||
font-size: px2rem(36, );
|
||||
left: px2rem(0, );
|
||||
bottom: 1.65rem;
|
||||
// background: url(../images/wljg.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
background: url(../images/wljg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: px2rem(128, );
|
||||
height: px2rem(38, );
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.box {
|
||||
@@ -240,8 +262,7 @@ body {
|
||||
font-size: px2rem(20, );
|
||||
color: #701800;
|
||||
position: absolute;
|
||||
// top: px2rem(12, );
|
||||
top: 0.4rem;
|
||||
top: px2rem(12, );
|
||||
left: px2rem(35, );
|
||||
}
|
||||
|
||||
@@ -257,8 +278,7 @@ body {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
// width: px2rem(322);
|
||||
// width: 5.45rem;
|
||||
width: 6.8rem;
|
||||
width: 5.45rem;
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
@@ -270,19 +290,12 @@ body {
|
||||
|
||||
.current-tip {
|
||||
top: px2rem(50);
|
||||
// width: px2rem(368);
|
||||
width: px2rem(400, );
|
||||
width: px2rem(368);
|
||||
height: px2rem(68);
|
||||
line-height: 0.38rem;
|
||||
line-height: px2rem(68);
|
||||
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
span {
|
||||
width: px2rem(320);
|
||||
margin: 0 auto;
|
||||
font-size: px2rem(22);
|
||||
color: #F0C799;
|
||||
}
|
||||
font-size: px2rem(22);
|
||||
color: #F0C799;
|
||||
}
|
||||
|
||||
// 海鲜列表
|
||||
@@ -293,6 +306,7 @@ body {
|
||||
padding-left: px2rem(47);
|
||||
|
||||
li {
|
||||
transition: all, 0.2s;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: px2rem(138);
|
||||
@@ -358,10 +372,8 @@ body {
|
||||
display: none;
|
||||
// width: px2rem(92);
|
||||
// height: px2rem(56);
|
||||
// width: px2rem(132);
|
||||
// height: px2rem(74);
|
||||
width: 2.1rem;
|
||||
height: 1.3rem;
|
||||
width: px2rem(132);
|
||||
height: px2rem(74);
|
||||
position: absolute;
|
||||
top: px2rem(-72);
|
||||
left: px2rem(-28);
|
||||
@@ -370,27 +382,22 @@ body {
|
||||
text-indent: px2rem(16);
|
||||
|
||||
p {
|
||||
width: 2rem;
|
||||
font-size: px2rem(14);
|
||||
font-size: px2rem(18);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-left: px2rem(-5);
|
||||
margin-left: px2rem(-20);
|
||||
|
||||
&.first-line {
|
||||
padding-top: px2rem(20);
|
||||
padding-top: px2rem(10);
|
||||
}
|
||||
|
||||
&.second-line {
|
||||
padding-top: px2rem(4);
|
||||
}
|
||||
}
|
||||
.pzh {
|
||||
font-size: px2rem(18);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.select-num {
|
||||
// display: none;
|
||||
position: absolute;
|
||||
@@ -479,8 +486,7 @@ body {
|
||||
top: px2rem(-40);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
// width: px2rem(322);
|
||||
width: 6rem;
|
||||
width: px2rem(322);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
@@ -549,8 +555,7 @@ body {
|
||||
top: px2rem(-40);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
// width: px2rem(322);
|
||||
width: 6rem;
|
||||
width: px2rem(322);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(62);
|
||||
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
|
||||
@@ -874,21 +879,19 @@ body {
|
||||
}
|
||||
|
||||
.put-wrap {
|
||||
// width: px2rem(600, );
|
||||
width: 9rem;
|
||||
width: px2rem(600, );
|
||||
height: px2rem(183, );
|
||||
// line-height: px2rem(183, );
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 55%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
// top: 3.8rem;
|
||||
top: 4.5rem;
|
||||
display: flex;
|
||||
|
||||
.put {
|
||||
width: 1.4rem;
|
||||
font-size: px2rem(24, );
|
||||
font-size: px2rem(28, );
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.4rem;
|
||||
@@ -896,7 +899,7 @@ body {
|
||||
}
|
||||
|
||||
.list {
|
||||
width: 6.4rem;
|
||||
width: px2rem(504, );
|
||||
height: px2rem(208, );
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -904,7 +907,7 @@ body {
|
||||
.item {
|
||||
width: px2rem(74, );
|
||||
height: px2rem(90, );
|
||||
margin-right: 0.7rem;
|
||||
margin-right: 0.92rem;
|
||||
// position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -1282,29 +1285,27 @@ body {
|
||||
bottom: 0;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
height: px2rem(90);
|
||||
height: px2rem(100);
|
||||
// background-color: rgba($color: #000000, $alpha: .8);
|
||||
background: url(../images/mineBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
// padding: 0 0.7rem 0 0.2rem;
|
||||
padding: 0 0.2rem;
|
||||
padding: 0 0.7rem 0 0.2rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.mine-rank {
|
||||
width: 3.8rem;
|
||||
font-size: px2rem(22);
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
// white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.mine-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
|
||||
img {
|
||||
width: px2rem(80);
|
||||
@@ -1315,21 +1316,21 @@ body {
|
||||
}
|
||||
|
||||
.mine-nick {
|
||||
font-size: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
overflow: hidden; //超出隐藏
|
||||
white-space: nowrap; //不折行
|
||||
text-overflow: ellipsis;
|
||||
width: 3.2rem;
|
||||
width: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.mine-diamond-num {
|
||||
font-size: px2rem(22);
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
// white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
|
||||
b {
|
||||
color: #fff;
|
||||
|
@@ -1,19 +1,23 @@
|
||||
@font-face {
|
||||
font-family: 'pingfang-bold';
|
||||
font-family: "pingfang-bold";
|
||||
src: url("../../../common/fonts/PingFang Bold.ttf");
|
||||
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg"); }
|
||||
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'din-medium';
|
||||
font-family: "din-medium";
|
||||
src: url("../../../common/fonts/DINCond-Medium.ttf");
|
||||
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg"); }
|
||||
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'pingfang-medium';
|
||||
font-family: "pingfang-medium";
|
||||
src: url("../../../common/fonts/PingFang-Medium.ttf");
|
||||
src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg"); }
|
||||
src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
|
||||
}
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%); }
|
||||
background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
|
||||
}
|
||||
|
||||
.img {
|
||||
position: fixed;
|
||||
@@ -23,216 +27,248 @@ body {
|
||||
width: 6rem;
|
||||
height: 4.1333333333rem;
|
||||
background: url(../images/null.png) no-repeat;
|
||||
background-size: 100% 100%; }
|
||||
.img p {
|
||||
text-align: center;
|
||||
width: 1.3333333333%rem;
|
||||
position: absolute;
|
||||
bottom: -1rem;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
color: #fff;
|
||||
font-size: 0.2666666667rem; }
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.img p {
|
||||
text-align: center;
|
||||
width: 1.3333333333%rem;
|
||||
position: absolute;
|
||||
bottom: -1rem;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
color: #fff;
|
||||
font-size: 0.2666666667rem;
|
||||
}
|
||||
|
||||
.record-list {
|
||||
width: 10rem;
|
||||
margin: 0.4rem auto; }
|
||||
.record-list li {
|
||||
width: 100%;
|
||||
height: 8.48rem;
|
||||
background: url("../images/record/record-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.2666666667rem;
|
||||
overflow: hidden; }
|
||||
.record-list li h3 {
|
||||
width: 100%;
|
||||
height: 0.7rem;
|
||||
line-height: 0.7rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 0.3rem auto -0.3rem; }
|
||||
.record-list li .goldBox {
|
||||
width: 90%;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
background: #F46331;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.2666666667rem;
|
||||
margin: 0.2rem auto 0; }
|
||||
.record-list li .goldBox p {
|
||||
color: #fff;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
display: none; }
|
||||
.record-list li .goldBox span {
|
||||
color: #FFF773;
|
||||
font-size: 0.2666666667rem; }
|
||||
.record-list li .result-wrap {
|
||||
width: 84%;
|
||||
height: 1.2133333333rem;
|
||||
line-height: 1.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0.0666666667rem auto 0.3333333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative; }
|
||||
.record-list li .result-wrap .result {
|
||||
display: flex;
|
||||
align-items: center; }
|
||||
.record-list li .result-wrap .result span {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
padding-right: 0.1866666667rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.9066666667rem;
|
||||
height: 0.6rem;
|
||||
top: 0.2rem; }
|
||||
.record-list li .result-wrap .result .resultImg {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.9066666667rem;
|
||||
height: 0.6rem; }
|
||||
.record-list li .result-wrap .award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: -0.1rem; }
|
||||
.record-list li .result-wrap .award p,
|
||||
.record-list li .result-wrap .award b {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600; }
|
||||
.record-list li .result-wrap .award .diamond {
|
||||
width: 0.3733333333rem;
|
||||
height: 0.3733333333rem; }
|
||||
.record-list li .result-wrap .result_sBox {
|
||||
width: 8.8rem;
|
||||
height: 1.1466666667rem;
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%); }
|
||||
.record-list li .result-wrap .result_sBox .bg {
|
||||
width: 1.1466666667rem;
|
||||
height: 1.1466666667rem;
|
||||
background: url("../images/record_bubble_act.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center; }
|
||||
.record-list li .result-wrap .result_sBox .bg img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: 0.1333333333rem auto 0; }
|
||||
.record-list li .put-wrap {
|
||||
width: 84%;
|
||||
height: 1.2133333333rem;
|
||||
line-height: 1.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative; }
|
||||
.record-list li .put-wrap .put {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: 1.0266666667rem;
|
||||
height: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.6rem; }
|
||||
.record-list li .put-wrap .list {
|
||||
width: 6.72rem;
|
||||
height: 2.7733333333rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0; }
|
||||
.record-list li .put-wrap .list .item {
|
||||
width: 0.9866666667rem;
|
||||
height: 1.2rem;
|
||||
margin-right: 0.92rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center; }
|
||||
.record-list li .put-wrap .list .item:nth-child(4n) {
|
||||
margin-right: 0; }
|
||||
.record-list li .put-wrap .list .item p {
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
background: url("../images/record_bubble.png") no-repeat;
|
||||
background-size: 100% 100%; }
|
||||
.record-list li .put-wrap .list .item p .gift {
|
||||
width: 75%;
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.1rem; }
|
||||
.record-list li .put-wrap .list .item div {
|
||||
width: 100%;
|
||||
height: 0.3333333333rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center; }
|
||||
.record-list li .put-wrap .list .item div .diamond {
|
||||
width: 0.3333333333rem;
|
||||
height: 0.3333333333rem;
|
||||
margin-top: -0.01rem; }
|
||||
.record-list li .put-wrap .list .item div .in {
|
||||
font-size: 0.2666666667rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
white-space: nowrap; }
|
||||
.record-list li .marine_organism {
|
||||
width: 78%;
|
||||
height: 2.1333333333rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap; }
|
||||
.record-list li .marine_organism span {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
display: block; }
|
||||
.record-list li .marine_organism span img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.72rem;
|
||||
height: 0.6266666667rem;
|
||||
display: block; }
|
||||
.record-list li .marine_organism span b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.2666666667rem; }
|
||||
.record-list li .marine_organism .active {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative; }
|
||||
.record-list li .marine_organism .active img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.96rem;
|
||||
height: 0.8266666667rem;
|
||||
display: block; }
|
||||
.record-list li .marine_organism .active b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FEEF60;
|
||||
font-weight: bold;
|
||||
font-size: 0.32rem; }
|
||||
margin: 0.4rem auto;
|
||||
}
|
||||
.record-list li {
|
||||
width: 100%;
|
||||
height: 8.48rem;
|
||||
background: url("../images/record/record-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0.2666666667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.record-list li h3 {
|
||||
width: 100%;
|
||||
height: 0.7rem;
|
||||
line-height: 0.7rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 0.3rem auto -0.3rem;
|
||||
}
|
||||
.record-list li .goldBox {
|
||||
width: 90%;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
background: #F46331;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.2666666667rem;
|
||||
margin: 0.2rem auto 0;
|
||||
}
|
||||
.record-list li .goldBox p {
|
||||
color: #fff;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
.record-list li .goldBox span {
|
||||
color: #FFF773;
|
||||
font-size: 0.2666666667rem;
|
||||
}
|
||||
.record-list li .result-wrap {
|
||||
width: 84%;
|
||||
height: 1.2133333333rem;
|
||||
line-height: 1.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0.0666666667rem auto 0.3333333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .result-wrap .result {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.record-list li .result-wrap .result span {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
padding-right: 0.1866666667rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 1.9066666667rem;
|
||||
height: 0.6rem;
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: 0.2rem;
|
||||
}
|
||||
.record-list li .result-wrap .award {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: -0.1rem;
|
||||
}
|
||||
.record-list li .result-wrap .award p,
|
||||
.record-list li .result-wrap .award b {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
}
|
||||
.record-list li .result-wrap .award .diamond {
|
||||
width: 0.3733333333rem;
|
||||
height: 0.3733333333rem;
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox {
|
||||
width: 8.8rem;
|
||||
height: 1.1466666667rem;
|
||||
margin: 1rem auto 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox .bg {
|
||||
width: 1.1466666667rem;
|
||||
height: 1.1466666667rem;
|
||||
background: url("../images/record_bubble_act.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.record-list li .result-wrap .result_sBox .bg img {
|
||||
width: 75%;
|
||||
display: block;
|
||||
margin: 0.1333333333rem auto 0;
|
||||
}
|
||||
.record-list li .put-wrap {
|
||||
width: 84%;
|
||||
height: 1.2133333333rem;
|
||||
line-height: 1.2133333333rem;
|
||||
box-sizing: border-box;
|
||||
margin: 2rem auto 0;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .put-wrap .put {
|
||||
font-size: 0.3733333333rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
margin-right: 0.9rem;
|
||||
position: absolute;
|
||||
width: 1.0266666667rem;
|
||||
height: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
.record-list li .put-wrap .list {
|
||||
width: 6.72rem;
|
||||
height: 2.7733333333rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.3rem auto 0;
|
||||
}
|
||||
.record-list li .put-wrap .list .item {
|
||||
width: 0.9866666667rem;
|
||||
height: 1.2rem;
|
||||
margin-right: 0.92rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.record-list li .put-wrap .list .item:nth-child(4n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.record-list li .put-wrap .list .item p {
|
||||
width: 0.8266666667rem;
|
||||
height: 0.8266666667rem;
|
||||
background: url("../images/record_bubble.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.record-list li .put-wrap .list .item p .gift {
|
||||
width: 75%;
|
||||
margin-top: 0.1rem;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
.record-list li .put-wrap .list .item div {
|
||||
width: 100%;
|
||||
height: 0.3333333333rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.record-list li .put-wrap .list .item div .diamond {
|
||||
width: 0.3333333333rem;
|
||||
height: 0.3333333333rem;
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
.record-list li .put-wrap .list .item div .in {
|
||||
font-size: 0.2666666667rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.record-list li .marine_organism {
|
||||
width: 78%;
|
||||
height: 2.1333333333rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.record-list li .marine_organism span {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.record-list li .marine_organism span img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.72rem;
|
||||
height: 0.6266666667rem;
|
||||
display: block;
|
||||
}
|
||||
.record-list li .marine_organism span b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.2666666667rem;
|
||||
}
|
||||
.record-list li .marine_organism .active {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
}
|
||||
.record-list li .marine_organism .active img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 0.96rem;
|
||||
height: 0.8266666667rem;
|
||||
display: block;
|
||||
}
|
||||
.record-list li .marine_organism .active b {
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
top: 0.3rem;
|
||||
color: #FEEF60;
|
||||
font-weight: bold;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=record.css.map */
|
||||
|
@@ -134,18 +134,10 @@ body {
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(143, );
|
||||
height: px2rem(45, );
|
||||
// background: url(../images/record/result.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
background: url(../images/record/result.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: 0.2rem;
|
||||
}
|
||||
.resultImg {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: px2rem(143, );
|
||||
height: px2rem(45, );
|
||||
}
|
||||
|
||||
|
||||
// .bg {
|
||||
// width: px2rem(91, );
|
||||
@@ -229,8 +221,8 @@ body {
|
||||
height: px2rem(45, );
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
// background: url(../images/record/touru.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
background: url(../images/record/touru.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
top: -0.6rem;
|
||||
}
|
||||
|
||||
|
BIN
view/peko/activity/act-ocean/images/1.png
Normal file
After Width: | Height: | Size: 6.1 KiB |
BIN
view/peko/activity/act-ocean/images/2.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/peko/activity/act-ocean/images/3.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-ocean/images/4.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
view/peko/activity/act-ocean/images/5.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
view/peko/activity/act-ocean/images/6.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/act-ocean/images/7.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/act-ocean/images/8.png
Normal file
After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 505 B After Width: | Height: | Size: 459 B |
Before Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 97 KiB |
Before Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 626 KiB After Width: | Height: | Size: 501 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 51 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 578 B After Width: | Height: | Size: 452 B |
Before Width: | Height: | Size: 1011 B After Width: | Height: | Size: 818 B |
Before Width: | Height: | Size: 582 B After Width: | Height: | Size: 508 B |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 324 B After Width: | Height: | Size: 273 B |
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 83 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 918 B |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 125 KiB After Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 784 B |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 211 KiB After Width: | Height: | Size: 203 KiB |