重新打包

view/peko/activity/2023-Valentines-Day/index.html

@@ -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: pikoyuyin)</div> -->
+            <!-- <div class="tips">*情人节限定5位靓号:52XXX（XXX为随机数字，一组为2个靓号，<br>联系客服领取：LINE: pekoyuyin)</div> -->
         </div>
     </div>
     <!-- 我的cp弹窗 -->

view/peko/activity/2023-Valentines-Day/js/index.js

@@ -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: pikoyuyin)`)
+                        $('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX（XXX為隨機數字，一組為2個靚號，<br>聯系客服領取：LINE: pekoyuyin)`)
                         $('.gx').show()
 
                     } else {

view/peko/activity/act-celebration/wish.html

@@ -76,7 +76,7 @@
         <div class="tab2_contain">
             <div class="rule_wrap">
                 <p class="rule_item">
-                    活动期间，每日登录pikoApp即可免费获赠一个魔法棒（每台设备每日限一次）
+                    活动期间，每日登录pekoApp即可免费获赠一个魔法棒（每台设备每日限一次）
                 </p>
             </div>
             <div class="panel_wrap">

view/peko/activity/act-magicSchool/js/index.js

@@ -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 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
+                $('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + 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 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
+                    $(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + 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 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
+                            <div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
                         </li>`
                 })
                 $('.page3 .list .notTop').append(str);

view/peko/activity/act-nameplate/index.html

@@ -45,7 +45,7 @@
             <p>剩余7天</p>
             <div class="nameplate">
               <img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
-              <span>piko看看</span>
+              <span>peko看看</span>
             </div>
             <div class="delay-btn">
               <img src="./images/delay-btn.png" alt="">

view/peko/activity/act-ocean/css/index.css

@@ -11,26 +11,9 @@
 html,
 body {
   font-family: "din-medium";
-  background: #E17E3D;
+  background: #531800;
   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%;
@@ -76,19 +59,15 @@ body::-webkit-scrollbar {
   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;
-  position: absolute;
+}
+.wrap .previous_Round_Result span img {
+  width: 100%;
+  height: 100%;
 }
 .wrap .previous_Round_Result .box {
   width: 9.4266666667rem;
@@ -161,7 +140,7 @@ body::-webkit-scrollbar {
   font-size: 0.2666666667rem;
   color: #701800;
   position: absolute;
-  top: 0.16rem;
+  top: 0.4rem;
   left: 0.4666666667rem;
 }
 .wrap .game-area .select-time {
@@ -174,7 +153,7 @@ body::-webkit-scrollbar {
   top: -0.5333333333rem;
   left: 50%;
   transform: translateX(-50%);
-  width: 5.45rem;
+  width: 6.8rem;
   height: 0.96rem;
   line-height: 0.8266666667rem;
   background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
@@ -185,10 +164,16 @@ body::-webkit-scrollbar {
 }
 .wrap .game-area .select-time .current-tip {
   top: 0.6666666667rem;
-  width: 4.9066666667rem;
+  width: 5.3333333333rem;
   height: 0.9066666667rem;
-  line-height: 0.9066666667rem;
+  line-height: 0.38rem;
   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;
 }
@@ -198,7 +183,6 @@ body::-webkit-scrollbar {
   padding-left: 0.6266666667rem;
 }
 .wrap .game-area .select-time ul li {
-  transition: all, 0.2s;
   position: relative;
   z-index: 99;
   width: 1.84rem;
@@ -256,8 +240,8 @@ body::-webkit-scrollbar {
 }
 .wrap .game-area .select-time ul li .bubble-2s {
   display: none;
-  width: 1.76rem;
-  height: 0.9866666667rem;
+  width: 2.1rem;
+  height: 1.3rem;
   position: absolute;
   top: -0.96rem;
   left: -0.3733333333rem;
@@ -266,18 +250,22 @@ body::-webkit-scrollbar {
   text-indent: 0.2133333333rem;
 }
 .wrap .game-area .select-time ul li .bubble-2s p {
-  font-size: 0.24rem;
+  width: 2rem;
+  font-size: 0.1866666667rem;
   color: white;
   font-weight: bold;
   text-align: center;
-  margin-left: -0.2666666667rem;
+  margin-left: -0.0666666667rem;
 }
 .wrap .game-area .select-time ul li .bubble-2s p.first-line {
-  padding-top: 0.1333333333rem;
+  padding-top: 0.2666666667rem;
 }
 .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;
@@ -343,7 +331,7 @@ body::-webkit-scrollbar {
   top: -0.5333333333rem;
   left: 50%;
   transform: translateX(-50%);
-  width: 4.2933333333rem;
+  width: 6rem;
   height: 0.96rem;
   line-height: 0.8266666667rem;
   background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
@@ -360,7 +348,7 @@ body::-webkit-scrollbar {
   background: url("../images/tip.png") no-repeat 0 0/100% 100%;
   text-align: center;
   font-size: 0.2933333333rem;
-  color: #FFF0C799;
+  color: rgba(255, 240, 199, 0.6);
   font-weight: bold;
 }
 .wrap .game-area .wait-time-s {
@@ -399,7 +387,7 @@ body::-webkit-scrollbar {
   top: -0.5333333333rem;
   left: 50%;
   transform: translateX(-50%);
-  width: 4.2933333333rem;
+  width: 6rem;
   height: 0.96rem;
   line-height: 0.8266666667rem;
   background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
@@ -657,24 +645,25 @@ body::-webkit-scrollbar {
   font-size: 0.3733333333rem;
 }
 .wrap .game-area .draw-time .put-wrap {
-  width: 8rem;
+  width: 9rem;
   height: 2.44rem;
   box-sizing: border-box;
   position: absolute;
-  left: 50%;
+  left: 55%;
   transform: translateX(-50%);
   top: 4.5rem;
   display: flex;
 }
 .wrap .game-area .draw-time .put-wrap .put {
-  font-size: 0.3733333333rem;
+  width: 1.4rem;
+  font-size: 0.32rem;
   color: #FFFFFF;
   font-weight: 600;
   margin-right: 0.4rem;
   margin-top: 0.3rem;
 }
 .wrap .game-area .draw-time .put-wrap .list {
-  width: 6.72rem;
+  width: 6.4rem;
   height: 2.7733333333rem;
   display: flex;
   flex-wrap: wrap;
@@ -682,7 +671,7 @@ body::-webkit-scrollbar {
 .wrap .game-area .draw-time .put-wrap .list .item {
   width: 0.9866666667rem;
   height: 1.2rem;
-  margin-right: 0.92rem;
+  margin-right: 0.7rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -988,19 +977,19 @@ body::-webkit-scrollbar {
   bottom: 0;
   z-index: 999;
   width: 100%;
-  height: 1.3333333333rem;
+  height: 1.2rem;
   background: url(../images/mineBg.png) no-repeat;
   background-size: 100% 100%;
-  padding: 0 0.7rem 0 0.2rem;
+  padding: 0 0.2rem;
   box-sizing: border-box;
   display: flex;
   align-items: center;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-rank {
-  font-size: 0.3466666667rem;
+  width: 3.8rem;
+  font-size: 0.2933333333rem;
   font-weight: bold;
   color: white;
-  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info {
   flex: 1;
@@ -1016,19 +1005,18 @@ body::-webkit-scrollbar {
   margin-right: 0.5333333333rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-info .mine-nick {
-  font-size: 0.3733333333rem;
+  font-size: 0.3466666667rem;
   font-weight: bold;
   color: white;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  width: 3.5rem;
+  width: 3.2rem;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num {
-  font-size: 0.3466666667rem;
+  font-size: 0.2933333333rem;
   font-weight: bold;
   color: #fff;
-  white-space: nowrap;
 }
 .wrap .shade-mask-rank .shade-content-rank .mine .mine-diamond-num b {
   color: #fff;

view/peko/activity/act-ocean/css/index.scss

@@ -25,27 +25,12 @@
 html,
 body {
     font-family: 'din-medium';
-    background: #E17E3D;
+    background: #531800;
     // 海浪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;
@@ -98,24 +83,17 @@ 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, );
-            position: absolute;
+            img{
+                width: 100%;
+                height: 100%;
+            }
         }
 
         .box {
@@ -262,7 +240,8 @@ body {
             font-size: px2rem(20, );
             color: #701800;
             position: absolute;
-            top: px2rem(12, );
+            // top: px2rem(12, );
+            top: 0.4rem;
             left: px2rem(35, );
         }
 
@@ -278,7 +257,8 @@ body {
                 left: 50%;
                 transform: translateX(-50%);
                 // width: px2rem(322);
-                width: 5.45rem;
+                // width: 5.45rem;
+                width: 6.8rem;
                 height: px2rem(72);
                 line-height: px2rem(62);
                 background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
@@ -290,12 +270,19 @@ body {
 
             .current-tip {
                 top: px2rem(50);
-                width: px2rem(368);
+                // width: px2rem(368);
+                width: px2rem(400, );
                 height: px2rem(68);
-                line-height: px2rem(68);
+                line-height: 0.38rem;
                 background: url('../images/tip.png') no-repeat 0 0/100% 100%;
-                font-size: px2rem(22);
-                color: #F0C799;
+                text-align: center;
+                font-weight: bold;
+                span {
+                    width: px2rem(320);
+                    margin: 0 auto;
+                    font-size: px2rem(22);
+                    color: #F0C799;
+                }
             }
 
             // 海鲜列表
@@ -306,7 +293,6 @@ body {
                 padding-left: px2rem(47);
 
                 li {
-                    transition: all, 0.2s;
                     position: relative;
                     z-index: 99;
                     width: px2rem(138);
@@ -372,8 +358,10 @@ body {
                         display: none;
                         // width: px2rem(92);
                         // height: px2rem(56);
-                        width: px2rem(132);
-                        height: px2rem(74);
+                        // width: px2rem(132);
+                        // height: px2rem(74);
+                        width: 2.1rem;
+                        height: 1.3rem;
                         position: absolute;
                         top: px2rem(-72);
                         left: px2rem(-28);
@@ -382,22 +370,27 @@ body {
                         text-indent: px2rem(16);
 
                         p {
-                            font-size: px2rem(18);
+                            width: 2rem;
+                            font-size: px2rem(14);
                             color: white;
                             font-weight: bold;
                             text-align: center;
-                            margin-left: px2rem(-20);
+                            margin-left: px2rem(-5);
 
                             &.first-line {
-                                padding-top: px2rem(10);
+                                padding-top: px2rem(20);
                             }
 
                             &.second-line {
                                 padding-top: px2rem(4);
                             }
                         }
+                        .pzh {
+                            font-size: px2rem(18);
+                        }
                     }
 
+
                     .select-num {
                         // display: none;
                         position: absolute;
@@ -486,7 +479,8 @@ body {
                 top: px2rem(-40);
                 left: 50%;
                 transform: translateX(-50%);
-                width: px2rem(322);
+                // width: px2rem(322);
+                width: 6rem;
                 height: px2rem(72);
                 line-height: px2rem(62);
                 background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
@@ -555,7 +549,8 @@ body {
                 top: px2rem(-40);
                 left: 50%;
                 transform: translateX(-50%);
-                width: px2rem(322);
+                // width: px2rem(322);
+                width: 6rem;
                 height: px2rem(72);
                 line-height: px2rem(62);
                 background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
@@ -879,19 +874,21 @@ body {
             }
 
             .put-wrap {
-                width: px2rem(600, );
+                // width: px2rem(600, );
+                width: 9rem;
                 height: px2rem(183, );
                 // line-height: px2rem(183, );
                 box-sizing: border-box;
                 position: absolute;
-                left: 50%;
+                left: 55%;
                 transform: translateX(-50%);
                 // top: 3.8rem;
                 top: 4.5rem;
                 display: flex;
 
                 .put {
-                    font-size: px2rem(28, );
+                    width: 1.4rem;
+                    font-size: px2rem(24, );
                     color: #FFFFFF;
                     font-weight: 600;
                     margin-right: 0.4rem;
@@ -899,7 +896,7 @@ body {
                 }
 
                 .list {
-                    width: px2rem(504, );
+                    width: 6.4rem;
                     height: px2rem(208, );
                     display: flex;
                     flex-wrap: wrap;
@@ -907,7 +904,7 @@ body {
                     .item {
                         width: px2rem(74, );
                         height: px2rem(90, );
-                        margin-right: 0.92rem;
+                        margin-right: 0.7rem;
                         // position: relative;
                         display: flex;
                         flex-direction: column;
@@ -1285,27 +1282,29 @@ body {
                 bottom: 0;
                 z-index: 999;
                 width: 100%;
-                height: px2rem(100);
+                height: px2rem(90);
                 // 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.7rem 0 0.2rem;
+                padding: 0 0.2rem;
                 box-sizing: border-box;
                 display: flex;
                 align-items: center;
 
                 .mine-rank {
-                    font-size: px2rem(26);
+                    width: 3.8rem;
+                    font-size: px2rem(22);
                     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);
@@ -1316,21 +1315,21 @@ body {
                     }
 
                     .mine-nick {
-                        font-size: px2rem(28);
+                        font-size: px2rem(26);
                         font-weight: bold;
                         color: white;
                         overflow: hidden; //超出隐藏
                         white-space: nowrap; //不折行
                         text-overflow: ellipsis;
-                        width: 3.5rem;
+                        width: 3.2rem;
                     }
                 }
 
                 .mine-diamond-num {
-                    font-size: px2rem(26);
+                    font-size: px2rem(22);
                     font-weight: bold;
                     color: #fff;
-                    white-space: nowrap;
+                    // white-space:nowrap;
 
                     b {
                         color: #fff;

view/peko/activity/act-ocean/css/record.css

@@ -1,274 +1,238 @@
-@font-face {
-  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");
-}
-@font-face {
-  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");
-}
-@font-face {
-  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");
-}
-html,
-body {
-  width: 100%;
-  background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%);
-}
-
-.img {
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  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;
-}
-
-.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;
-  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 */
+@font-face {
+  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"); }
+@font-face {
+  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"); }
+@font-face {
+  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"); }
+html,
+body {
+  width: 100%;
+  background: linear-gradient(0deg, #E6AD6A 0%, #F9CA92 100%); }
+
+.img {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  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; }
+
+.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; }
+
+/*# sourceMappingURL=record.css.map */

view/peko/activity/act-ocean/css/record.scss

@@ -134,10 +134,18 @@ 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, );
@@ -221,8 +229,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;
             }