diff --git a/view/peko/activity/midAutumnFestival/css/index.css b/view/peko/activity/midAutumnFestival/css/index.css
index 4ca1d9a..8a39ee1 100644
--- a/view/peko/activity/midAutumnFestival/css/index.css
+++ b/view/peko/activity/midAutumnFestival/css/index.css
@@ -1,31 +1,31 @@
-@charset "UTF-8";
 @font-face {
   font-family: "iconfont";
   /* Project id 4251627 */
   src: url("//at.alicdn.com/t/c/font_4251627_lsh8i73eps.woff2?t=1694762890271") format("woff2"), url("//at.alicdn.com/t/c/font_4251627_lsh8i73eps.woff?t=1694762890271") format("woff"), url("//at.alicdn.com/t/c/font_4251627_lsh8i73eps.ttf?t=1694762890271") format("truetype");
 }
+
 .iconfont {
   font-family: "iconfont" !important;
-  font-size: 0.6666666667rem;
+  font-size: 0.66667rem;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-tuzi-01:before {
-  content: "";
+  content: "\e60d";
 }
 
 .icon-tuzi3:before {
-  content: "";
+  content: "\e600";
 }
 
 .icon-a-ziyuan412:before {
-  content: "";
+  content: "\e8bd";
 }
 
 .icon-tuzi:before {
-  content: "";
+  content: "\e648";
 }
 
 .rabbit {
@@ -37,6 +37,7 @@ body {
   width: 100%;
   background: #0C0C21;
 }
+
 body::-webkit-scrollbar {
   width: 0;
   display: none;
@@ -49,26 +50,28 @@ body::-webkit-scrollbar {
 
 .back {
   position: fixed;
-  top: 0.9333333333rem;
-  left: 0.4533333333rem;
+  top: 0.93333rem;
+  left: 0.45333rem;
   z-index: 8;
-  width: 0.8266666667rem;
-  height: 0.8266666667rem;
+  width: 0.82667rem;
+  height: 0.82667rem;
 }
+
 .back img {
   width: 100%;
   height: 100%;
 }
+
 .back p {
   color: #fff;
-  font-size: 0.4266666667rem;
+  font-size: 0.42667rem;
   position: absolute;
   width: 9rem;
   left: 0;
   top: 0;
   height: 100%;
   text-align: center;
-  line-height: 0.8266666667rem;
+  line-height: 0.82667rem;
 }
 
 .header {
@@ -79,54 +82,61 @@ body::-webkit-scrollbar {
   margin: 0 auto -2rem;
   position: relative;
 }
+
 .header .rule_icon {
   position: absolute;
-  width: 0.6666666667rem;
-  height: 2.2666666667rem;
-  top: 4.1866666667rem;
-  right: 0.1333333333rem;
+  width: 0.66667rem;
+  height: 2.26667rem;
+  top: 4.18667rem;
+  right: 0.13333rem;
 }
 
 .giftBox {
   position: relative;
-  width: 9.0533333333rem;
-  height: 7.3333333333rem;
-  margin: 0 auto 0.2133333333rem;
+  width: 9.05333rem;
+  height: 7.33333rem;
+  margin: 0 auto 0.21333rem;
   background: url(../images/giftBox.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .giftBox .swiper {
   width: 7.24rem;
-  height: 5.8933333333rem;
+  height: 5.89333rem;
   position: absolute;
   left: 50%;
-  top: 1.0933333333rem;
+  top: 1.09333rem;
   transform: translateX(-50%);
 }
 
 .tab {
   width: 6.6rem;
-  height: 1.2133333333rem;
+  height: 1.21333rem;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
 }
+
 .tab div {
-  width: 3.0133333333rem;
+  width: 3.01333rem;
   height: 100%;
 }
+
 .tab .tab1 {
   background: url(../images/tab1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .tab .tab2 {
   background: url(../images/tab2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .tab .tab_active1 {
   background: url(../images/tab_acvive1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .tab .tab_active2 {
   background: url(../images/tab_active2.png) no-repeat;
   background-size: 100% 100%;
@@ -134,194 +144,219 @@ body::-webkit-scrollbar {
 
 .page1 .play1 .playBox {
   width: 9.72rem;
-  height: 11.8933333333rem;
+  height: 11.89333rem;
   background: url(../images/playBox.png) no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
   position: relative;
 }
+
 .page1 .play1 .playBox .stab {
   width: 8.28rem;
-  height: 0.8133333333rem;
+  height: 0.81333rem;
   display: flex;
   justify-content: space-between;
   position: absolute;
-  top: 1.0266666667rem;
+  top: 1.02667rem;
   left: 50%;
   transform: translateX(-50%);
   background: url(../images/stab1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play1 .playBox .stab div {
   width: 33.3333%;
 }
+
 .page1 .play1 .playBox .stab1 {
   background: url(../images/stab1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play1 .playBox .stab2 {
   background: url(../images/stab2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play1 .playBox .stab3 {
   background: url(../images/stab3.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play1 .playBox .h2Title {
   width: 4.56rem;
-  height: 1.1333333333rem;
+  height: 1.13333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 2.44rem;
 }
+
 .page1 .play1 .playBox .dividerecords {
-  width: 1.6533333333rem;
+  width: 1.65333rem;
   height: 0.72rem;
   position: absolute;
-  right: 0.6933333333rem;
-  top: 3.3333333333rem;
+  right: 0.69333rem;
+  top: 3.33333rem;
 }
+
 .page1 .play1 .playBox .dosBg {
-  width: 5.7733333333rem;
-  height: 2.9333333333rem;
+  width: 5.77333rem;
+  height: 2.93333rem;
   background: url(../images/dosBg.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 3.9066666667rem;
+  top: 3.90667rem;
   overflow: hidden;
 }
+
 .page1 .play1 .playBox .dosBg .h3Title {
-  width: 2.8266666667rem;
-  height: 0.5733333333rem;
+  width: 2.82667rem;
+  height: 0.57333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.3466666667rem;
+  top: 0.34667rem;
 }
+
 .page1 .play1 .playBox .dosBg b {
   display: block;
   width: 100%;
-  margin-top: 0.9733333333rem;
+  margin-top: 0.97333rem;
   text-align: center;
   color: #fff;
-  font-size: 0.5333333333rem;
+  font-size: 0.53333rem;
   font-weight: bold;
 }
+
 .page1 .play1 .playBox .dosBg p {
   width: 100%;
-  height: 0.7466666667rem;
-  line-height: 0.7466666667rem;
+  height: 0.74667rem;
+  line-height: 0.74667rem;
   color: #fff;
   font-weight: bold;
-  font-size: 0.4266666667rem;
+  font-size: 0.42667rem;
   text-align: center;
   margin-top: 0.08rem;
 }
+
 .page1 .play1 .playBox .dosBg p span {
   display: inline-block;
   width: 0.8rem;
-  height: 0.7466666667rem;
+  height: 0.74667rem;
   text-align: center;
   background: url(../images/spanIcon.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play1 .bRuleBg {
-  width: 9.9066666667rem;
+  width: 9.90667rem;
   height: 4.7rem;
   background: url(../images/bRuleBg.png) no-repeat;
   background-size: 100% 100%;
   margin: -3.2rem auto 0;
   position: relative;
 }
+
 .page1 .play1 .bRuleBg .guafenBut {
-  width: 3.9333333333rem;
-  height: 1.4533333333rem;
+  width: 3.93333rem;
+  height: 1.45333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: -0.8rem;
 }
+
 .page1 .play1 .bRuleBg .goSengBut {
-  width: 3.1333333333rem;
+  width: 3.13333rem;
   height: 0.92rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 3.3333333333rem;
+  top: 3.33333rem;
 }
+
 .page1 .play2 {
   display: none;
 }
+
 .page1 .play2 .playBox2 {
-  width: 9.0666666667rem;
-  height: 13.3066666667rem;
-  margin: 0 auto 0.4933333333rem;
+  width: 9.06667rem;
+  height: 13.30667rem;
+  margin: 0 auto 0.49333rem;
   position: relative;
   background: url(../images/palyBg2.png) no-repeat;
   background-size: 100% 100%;
   overflow: hidden;
 }
+
 .page1 .play2 .playBox2 .stab {
   width: 8.28rem;
-  height: 0.8133333333rem;
+  height: 0.81333rem;
   display: flex;
   justify-content: space-between;
   position: absolute;
-  top: 1.0266666667rem;
+  top: 1.02667rem;
   left: 50%;
   transform: translateX(-50%);
   background: url(../images/stab2.png) no-repeat;
   background-size: 100%;
 }
+
 .page1 .play2 .playBox2 .stab div {
   width: 33.3333%;
 }
+
 .page1 .play2 .playBox2 .play2Text {
-  width: 8.1733333333rem;
-  height: 0.3733333333rem;
+  width: 8.17333rem;
+  height: 0.37333rem;
   position: absolute;
   top: 2.24rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page1 .play2 .playBox2 .task {
-  width: 8.7066666667rem;
+  width: 8.70667rem;
   height: 9.28rem;
   background: url(../images/task.png) no-repeat;
   background-size: 100% 100%;
-  margin: 2.7466666667rem auto 0;
+  margin: 2.74667rem auto 0;
   position: relative;
 }
+
 .page1 .play2 .playBox2 .task .moonSecurities {
   color: #8C492A;
-  font-size: 0.3466666667rem;
+  font-size: 0.34667rem;
   position: absolute;
   top: 1.36rem;
-  left: 0.3866666667rem;
+  left: 0.38667rem;
   font-weight: bold;
 }
+
 .page1 .play2 .playBox2 .task .dayTask {
-  width: 3.0266666667rem;
-  height: 0.7866666667rem;
+  width: 3.02667rem;
+  height: 0.78667rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 1.7733333333rem;
+  top: 1.77333rem;
 }
+
 .page1 .play2 .playBox2 .task .foeTask {
-  width: 3.0266666667rem;
-  height: 0.7866666667rem;
+  width: 3.02667rem;
+  height: 0.78667rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 5.1466666667rem;
+  top: 5.14667rem;
 }
+
 .page1 .play2 .playBox2 .task .taksli {
-  width: 8.1466666667rem;
-  height: 1.0133333333rem;
+  width: 8.14667rem;
+  height: 1.01333rem;
   background: url(../images/taskListBg.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
@@ -330,175 +365,203 @@ body::-webkit-scrollbar {
   top: 2.68rem;
   display: flex;
   justify-content: space-between;
-  line-height: 1.0133333333rem;
+  line-height: 1.01333rem;
   overflow: hidden;
   box-sizing: border-box;
   padding-left: 0.4rem;
 }
+
 .page1 .play2 .playBox2 .task .taksli p {
   color: #8C492A;
   font-size: 0.32rem;
 }
+
 .page1 .play2 .playBox2 .task .taksli .but {
-  width: 1.9466666667rem;
+  width: 1.94667rem;
   height: 0.72rem;
-  margin-top: 0.2666666667rem;
+  margin-top: 0.26667rem;
   display: block;
 }
+
 .page1 .play2 .playBox2 .task .taks1 {
   top: 2.68rem;
 }
+
 .page1 .play2 .playBox2 .task .taks2 {
   top: 3.8rem;
 }
+
 .page1 .play2 .playBox2 .task .taks3 {
   top: 6.12rem;
-  height: 1.2666666667rem;
+  height: 1.26667rem;
   line-height: normal;
   background: url(../images/taskListBg2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play2 .playBox2 .task .taks3 p {
-  margin-top: 0.2533333333rem;
+  margin-top: 0.25333rem;
 }
+
 .page1 .play2 .playBox2 .task .taks3 p b {
   color: #C7535B;
-  margin-top: 0.1333333333rem;
+  margin-top: 0.13333rem;
   display: block;
 }
+
 .page1 .play2 .playBox2 .task .taks5 {
   display: none;
-  top: 7.5066666667rem;
-  height: 1.2666666667rem;
+  top: 7.50667rem;
+  height: 1.26667rem;
   line-height: normal;
   background: url(../images/taskListBg2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play2 .playBox2 .task .taks5 p {
-  margin-top: 0.2533333333rem;
+  margin-top: 0.25333rem;
 }
+
 .page1 .play2 .playBox2 .task .taks5 p b {
   color: #C7535B;
-  margin-top: 0.1333333333rem;
+  margin-top: 0.13333rem;
   display: block;
 }
+
 .page1 .play2 .playBox2 .task .taks4 {
-  top: 7.5066666667rem;
-  height: 1.5rem;
+  top: 7.50667rem;
+  height: 1.65rem;
   line-height: normal;
   background: url(../images/taskListBg2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play2 .playBox2 .task .taks4 p {
-  margin-top: 0.2533333333rem;
+  margin-top: 0.25333rem;
 }
+
 .page1 .play2 .playBox2 .task .taks4 p b {
   color: #C7535B;
   margin-top: 0rem;
   display: block;
 }
+
 .page1 .play2 .playBox2 .task .taks4 .but {
   margin-top: 0.48rem;
 }
+
 .page1 .play3 {
   display: none;
 }
+
 .page1 .play3 .draw {
-  width: 9.0666666667rem;
-  height: 9.8133333333rem;
+  width: 9.06667rem;
+  height: 9.81333rem;
   position: relative;
   margin: 0 auto 0rem;
   background: url(../images/drawBg.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play3 .draw .stab {
   width: 8.28rem;
-  height: 0.8133333333rem;
+  height: 0.81333rem;
   display: flex;
   justify-content: space-between;
   position: absolute;
-  top: 1.0266666667rem;
+  top: 1.02667rem;
   left: 50%;
   transform: translateX(-50%);
   background: url(../images/stab3.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page1 .play3 .draw .stab div {
   width: 33.3333%;
 }
+
 .page1 .play3 .draw .moom {
   position: absolute;
   width: 100%;
-  left: 0.3866666667rem;
-  top: 2.3733333333rem;
+  left: 0.38667rem;
+  top: 2.37333rem;
   color: #FFF0B9;
   font-weight: bold;
   font-size: 0.32rem;
 }
+
 .page1 .play3 .draw .dhjl {
-  width: 1.8133333333rem;
+  width: 1.81333rem;
   height: 0.64rem;
   position: absolute;
-  right: 0.2266666667rem;
-  top: 2.2533333333rem;
+  right: 0.22667rem;
+  top: 2.25333rem;
   position: absolute;
 }
+
 .page1 .play3 .draw .drawBg {
-  width: 8.7866666667rem;
-  height: 5.1466666667rem;
+  width: 8.78667rem;
+  height: 5.14667rem;
   background: url(../images/drawInbg.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
   left: 50%;
-  top: 3.0133333333rem;
+  top: 3.01333rem;
   transform: translateX(-50%);
 }
+
 .page1 .play3 .draw .drawBg .drawBox {
   width: 7.08rem;
-  height: 2.2666666667rem;
+  height: 2.26667rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 1.4266666667rem;
+  top: 1.42667rem;
   overflow: hidden;
 }
+
 .page1 .play3 .draw .drawBg .drawBox .drawBoxAll {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 0rem;
   width: 7.08rem;
-  height: 49.8666666667rem;
+  height: 49.86667rem;
 }
+
 .page1 .play3 .draw .drawBg .drawBox .drawBoxAll img {
   display: block;
   width: 100%;
-  height: 24.9333333333rem;
+  height: 24.93333rem;
 }
+
 .page1 .play3 .draw .but1 {
   width: 2.96rem;
   height: 1.08rem;
   position: absolute;
   left: 1.36rem;
-  bottom: 0.3333333333rem;
+  bottom: 0.33333rem;
 }
+
 .page1 .play3 .draw .but10 {
   width: 2.96rem;
   height: 1.08rem;
   position: absolute;
   right: 1.36rem;
-  bottom: 0.3333333333rem;
+  bottom: 0.33333rem;
 }
+
 .page1 .play3 .drawBoxBg {
-  width: 9.0533333333rem;
-  height: 6.9066666667rem;
+  width: 9.05333rem;
+  height: 6.90667rem;
   background: url(../images/drawBoxBg.png) no-repeat;
   background-size: 100% 100%;
-  margin: 0 auto 0.4933333333rem;
+  margin: 0 auto 0.49333rem;
   overflow: hidden;
 }
+
 .page1 .play3 .drawBoxBg .swiper {
-  width: 6.5733333333rem;
+  width: 6.57333rem;
   height: 5.4rem;
   margin: 1.1rem auto 0;
 }
@@ -506,53 +569,62 @@ body::-webkit-scrollbar {
 .page2 {
   display: none;
 }
+
 .page2 .listBox {
-  width: 9.0666666667rem;
+  width: 9.06667rem;
   height: 31.4rem;
-  margin: 0 auto 2.1333333333rem;
+  margin: 0 auto 2.13333rem;
   background: url(../images/listBox.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
 }
+
 .page2 .listBox .listRule_icon {
   position: absolute;
-  width: 0.6666666667rem;
-  height: 2.2666666667rem;
-  right: -0.2933333333rem;
+  width: 0.66667rem;
+  height: 2.26667rem;
+  right: -0.29333rem;
   top: 0.84rem;
 }
+
 .page2 .listBox .listTab {
-  width: 5.4666666667rem;
-  height: 0.9866666667rem;
+  width: 5.46667rem;
+  height: 0.98667rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.9066666667rem;
+  top: 0.90667rem;
   display: flex;
   justify-content: space-between;
 }
+
 .page2 .listBox .listTab div {
   width: 2.72rem;
 }
+
 .page2 .listBox .listTab .listTab1 {
   background: url(../images/listTab1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .listTab .listTab2 {
   background: url(../images/listTab2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .listTab .listTab_active1 {
   background: url(../images/listTab_active1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .listTab .listTab_active2 {
   background: url(../images/listTab_active2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .dayTab {
-  width: 3.1333333333rem;
-  height: 0.6933333333rem;
+  width: 3.13333rem;
+  height: 0.69333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -560,75 +632,87 @@ body::-webkit-scrollbar {
   display: flex;
   justify-content: space-between;
 }
+
 .page2 .listBox .dayTab div {
-  width: 1.3733333333rem;
+  width: 1.37333rem;
 }
+
 .page2 .listBox .dayTab .day1 {
   background: url(../images/day1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .dayTab .day2 {
   background: url(../images/day2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .dayTab .day_active1 {
   background: url(../images/day_active1.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .dayTab .day_active2 {
   background: url(../images/day_active2.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .listText {
-  width: 8.0533333333rem;
+  width: 8.05333rem;
   height: 2.16rem;
   position: absolute;
-  top: 2.8933333333rem;
+  top: 2.89333rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .time {
-  width: 8.6666666667rem;
-  height: 0.7733333333rem;
+  width: 8.66667rem;
+  height: 0.77333rem;
   display: flex;
   justify-content: space-between;
   position: absolute;
-  top: 5.3733333333rem;
+  top: 5.37333rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .time div {
-  width: 1.4266666667rem;
-  height: 0.7733333333rem;
+  width: 1.42667rem;
+  height: 0.77333rem;
   line-height: 0.64rem;
   background: url(../images/date.png) no-repeat;
   background-size: 100% 100%;
   text-align: center;
   color: #fff;
 }
+
 .page2 .listBox .time .active {
   background: url(../images/dateAct.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .page2 .listBox .noBg {
   width: 7.08rem;
-  height: 2.3733333333rem;
+  height: 2.37333rem;
   position: absolute;
-  top: 10.4533333333rem;
+  top: 10.45333rem;
   left: 50%;
   transform: translateX(-50%);
   background: url(../images/noBg.png) no-repeat;
   background-size: 100% 100%;
   z-index: 3;
 }
+
 .page2 .listBox .noBg .no1 {
-  width: 2.9466666667rem;
-  height: 2.8533333333rem;
+  width: 2.94667rem;
+  height: 2.85333rem;
   position: absolute;
   top: -3.5rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .noBg .no1 .txBg {
   width: 100%;
   height: 100%;
@@ -638,15 +722,17 @@ body::-webkit-scrollbar {
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .noBg .no1 .tx {
-  width: 1.9333333333rem;
-  height: 1.9333333333rem;
+  width: 1.93333rem;
+  height: 1.93333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 0.36rem;
   border-radius: 50%;
 }
+
 .page2 .listBox .noBg .no1 p {
   width: 100%;
   text-align: center;
@@ -660,6 +746,7 @@ body::-webkit-scrollbar {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .page2 .listBox .noBg .no1 b {
   width: 100%;
   text-align: center;
@@ -670,14 +757,16 @@ body::-webkit-scrollbar {
   left: 0;
   top: 4.9rem;
 }
+
 .page2 .listBox .noBg .no2 {
   width: 2.12rem;
-  height: 2.2266666667rem;
+  height: 2.22667rem;
   position: absolute;
   top: -1.9rem;
   left: 0.9rem;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .noBg .no2 .txBg {
   width: 100%;
   height: 100%;
@@ -687,20 +776,22 @@ body::-webkit-scrollbar {
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .noBg .no2 .tx {
-  width: 1.5333333333rem;
-  height: 1.5333333333rem;
+  width: 1.53333rem;
+  height: 1.53333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.2933333333rem;
+  top: 0.29333rem;
   border-radius: 50%;
 }
+
 .page2 .listBox .noBg .no2 p {
   width: 100%;
   text-align: center;
   color: #FFF6F6;
-  font-size: 0.2133333333rem;
+  font-size: 0.21333rem;
   font-weight: bold;
   position: absolute;
   left: 0;
@@ -709,24 +800,27 @@ body::-webkit-scrollbar {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .page2 .listBox .noBg .no2 b {
   width: 100%;
   text-align: center;
   color: #FFF6F6;
-  font-size: 0.2133333333rem;
+  font-size: 0.21333rem;
   font-weight: bold;
   position: absolute;
   left: 0;
   top: 3.6rem;
 }
+
 .page2 .listBox .noBg .no3 {
   width: 2.12rem;
-  height: 2.2266666667rem;
+  height: 2.22667rem;
   position: absolute;
   top: -1.9rem;
   right: -1.2rem;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .noBg .no3 .txBg {
   width: 100%;
   height: 100%;
@@ -736,19 +830,21 @@ body::-webkit-scrollbar {
   left: 50%;
   transform: translateX(-50%);
 }
+
 .page2 .listBox .noBg .no3 .tx {
-  width: 1.5333333333rem;
-  height: 1.5333333333rem;
+  width: 1.53333rem;
+  height: 1.53333rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 0.2933333333rem;
+  top: 0.29333rem;
 }
+
 .page2 .listBox .noBg .no3 p {
   width: 100%;
   text-align: center;
   color: #FFF6F6;
-  font-size: 0.2133333333rem;
+  font-size: 0.21333rem;
   font-weight: bold;
   position: absolute;
   right: 0;
@@ -757,28 +853,31 @@ body::-webkit-scrollbar {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
 .page2 .listBox .noBg .no3 b {
   width: 100%;
   text-align: center;
   color: #FFF6F6;
-  font-size: 0.2133333333rem;
+  font-size: 0.21333rem;
   font-weight: bold;
   position: absolute;
   right: 0;
   top: 3.6rem;
 }
+
 .page2 .listBox .noBgB {
-  width: 8.6666666667rem;
-  height: 2.1066666667rem;
+  width: 8.66667rem;
+  height: 2.10667rem;
   position: absolute;
-  top: 11.9333333333rem;
+  top: 11.93333rem;
   left: 50%;
   transform: translateX(-50%);
   z-index: 2;
 }
+
 .page2 .listBox .ul {
-  width: 8.7866666667rem;
-  height: 24.9733333333rem;
+  width: 8.78667rem;
+  height: 24.97333rem;
   background: url(../images/listUlBg.png) no-repeat;
   background-size: 100% 100%;
   position: absolute;
@@ -786,24 +885,27 @@ body::-webkit-scrollbar {
   left: 50%;
   transform: translateX(-50%);
   box-sizing: border-box;
-  padding-top: 7.3066666667rem;
+  padding-top: 7.30667rem;
 }
+
 .page2 .listBox .ul ul {
-  width: 8.6533333333rem;
+  width: 8.65333rem;
   height: 16.7rem;
   margin: 0 auto;
   overflow-y: scroll;
 }
+
 .page2 .listBox .ul ul li {
   width: 100%;
-  height: 1.8666666667rem;
+  height: 1.86667rem;
   background: url(../images/liBg.png) no-repeat;
   background-size: 100% 100%;
   z-index: 3;
   box-sizing: border-box;
-  padding: 0 0.5466666667rem;
+  padding: 0 0.54667rem;
   position: relative;
 }
+
 .page2 .listBox .ul ul li .num {
   width: 0.56rem;
   height: 0.56rem;
@@ -817,26 +919,29 @@ body::-webkit-scrollbar {
   margin-right: 1.7rem;
   margin-top: 0.64rem;
 }
+
 .page2 .listBox .ul ul li .txBg {
-  width: 1.5333333333rem;
-  height: 1.4666666667rem;
+  width: 1.53333rem;
+  height: 1.46667rem;
   position: absolute;
   left: 1.266667rem;
-  top: 0.2666666667rem;
+  top: 0.26667rem;
   z-index: 2;
 }
+
 .page2 .listBox .ul ul li .tx {
-  width: 1.1333333333rem;
+  width: 1.13333rem;
   height: 1.12rem;
   border-radius: 50%;
   position: absolute;
   left: 1.36rem;
   top: 0.36rem;
 }
+
 .page2 .listBox .ul ul li .name {
   float: left;
-  height: 1.8666666667rem;
-  line-height: 1.8666666667rem;
+  height: 1.86667rem;
+  line-height: 1.86667rem;
   color: #fff;
   font-size: 0.32rem;
   font-weight: bold;
@@ -845,14 +950,16 @@ body::-webkit-scrollbar {
   white-space: nowrap;
   width: 2.4rem;
 }
+
 .page2 .listBox .ul ul li .sore {
   float: right;
-  height: 1.8666666667rem;
-  line-height: 1.8666666667rem;
+  height: 1.86667rem;
+  line-height: 1.86667rem;
   color: #fff;
   font-size: 0.32rem;
   font-weight: bold;
 }
+
 .page2 .listBox .my {
   width: 100%;
   height: 1.92rem;
@@ -865,8 +972,9 @@ body::-webkit-scrollbar {
   box-sizing: border-box;
   padding: 0 0.84rem;
 }
+
 .page2 .listBox .my .num {
-  width: 1.0666666667rem;
+  width: 1.06667rem;
   height: 1.92rem;
   line-height: 1.92rem;
   text-align: center;
@@ -876,22 +984,25 @@ body::-webkit-scrollbar {
   float: left;
   margin-right: 1.9rem;
 }
+
 .page2 .listBox .my .txBg {
-  width: 1.5333333333rem;
-  height: 1.4666666667rem;
+  width: 1.53333rem;
+  height: 1.46667rem;
   position: absolute;
-  left: 2.2666666667rem;
-  top: 0.2666666667rem;
+  left: 2.26667rem;
+  top: 0.26667rem;
   z-index: 2;
 }
+
 .page2 .listBox .my .tx {
-  width: 1.1333333333rem;
+  width: 1.13333rem;
   height: 1.12rem;
   border-radius: 50%;
   position: absolute;
   left: 2.36rem;
   top: 0.36rem;
 }
+
 .page2 .listBox .my .name {
   float: left;
   height: 1.92rem;
@@ -904,6 +1015,7 @@ body::-webkit-scrollbar {
   white-space: nowrap;
   width: 2.5rem;
 }
+
 .page2 .listBox .my .sore {
   float: right;
   height: 1.92rem;
@@ -923,6 +1035,7 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .rule .rule_in {
   width: 9rem;
   height: 13.92rem;
@@ -933,16 +1046,18 @@ body::-webkit-scrollbar {
   background: url(../images/rule_in.png) no-repeat;
   background-size: 100% 100%;
 }
+
 .rule .rule_in div {
-  width: 8.0666666667rem;
+  width: 8.06667rem;
   height: 12rem;
   overflow-y: scroll;
   margin: 1.1rem auto 0;
 }
+
 .rule .rule_in div img {
   display: block;
   width: 100%;
-  height: 27.4533333333rem;
+  height: 27.45333rem;
 }
 
 .dividerecordsBg {
@@ -955,9 +1070,10 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .dividerecordsBg .dividerecordsBg_in {
-  width: 9.3066666667rem;
-  height: 9.4266666667rem;
+  width: 9.30667rem;
+  height: 9.42667rem;
   position: relative;
   left: 50%;
   top: 50%;
@@ -966,6 +1082,7 @@ body::-webkit-scrollbar {
   background-size: 100% 100%;
   overflow: hidden;
 }
+
 .dividerecordsBg .dividerecordsBg_in .title {
   width: 4.4rem;
   display: flex;
@@ -973,13 +1090,15 @@ body::-webkit-scrollbar {
   margin: 2rem auto 0;
   transform: translateX(3%);
 }
+
 .dividerecordsBg .dividerecordsBg_in .title div {
   width: 2rem;
   text-align: center;
   color: #fff;
   font-weight: bold;
-  font-size: 0.3733333333rem;
+  font-size: 0.37333rem;
 }
+
 .dividerecordsBg .dividerecordsBg_in .ul {
   width: 100%;
   height: 5rem;
@@ -987,23 +1106,26 @@ body::-webkit-scrollbar {
   margin: 0.3rem auto 0;
   transform: translateX(2%);
 }
+
 .dividerecordsBg .dividerecordsBg_in .ul .list {
   width: 4.4rem;
   display: flex;
   justify-content: space-between;
   margin: 0 auto 0.2rem;
 }
+
 .dividerecordsBg .dividerecordsBg_in .ul .list span {
   width: 2rem;
   text-align: center;
   color: #fff;
-  font-size: 0.2666666667rem;
+  font-size: 0.26667rem;
 }
+
 .dividerecordsBg .dividerecordsBg_in .ul .list p {
   width: 2rem;
   text-align: center;
   color: #fff;
-  font-size: 0.2933333333rem;
+  font-size: 0.29333rem;
   font-weight: bold;
 }
 
@@ -1017,9 +1139,10 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .duihuanBg .dividerecordsBg_in {
-  width: 9.3066666667rem;
-  height: 9.4266666667rem;
+  width: 9.30667rem;
+  height: 9.42667rem;
   position: relative;
   left: 50%;
   top: 50%;
@@ -1028,6 +1151,7 @@ body::-webkit-scrollbar {
   background-size: 100% 100%;
   overflow: hidden;
 }
+
 .duihuanBg .dividerecordsBg_in .title {
   width: 4.4rem;
   display: flex;
@@ -1035,13 +1159,15 @@ body::-webkit-scrollbar {
   margin: 2rem auto 0;
   transform: translateX(3%);
 }
+
 .duihuanBg .dividerecordsBg_in .title div {
   width: 2rem;
   text-align: center;
   color: #fff;
   font-weight: bold;
-  font-size: 0.3733333333rem;
+  font-size: 0.37333rem;
 }
+
 .duihuanBg .dividerecordsBg_in .ul {
   width: 100%;
   height: 5rem;
@@ -1049,23 +1175,26 @@ body::-webkit-scrollbar {
   margin: 0.3rem auto 0;
   transform: translateX(2%);
 }
+
 .duihuanBg .dividerecordsBg_in .ul .list {
   width: 4.4rem;
   display: flex;
   justify-content: space-between;
   margin: 0 auto 0.2rem;
 }
+
 .duihuanBg .dividerecordsBg_in .ul .list span {
   width: 2rem;
   text-align: center;
   color: #fff;
-  font-size: 0.2666666667rem;
+  font-size: 0.26667rem;
 }
+
 .duihuanBg .dividerecordsBg_in .ul .list p {
   width: 2rem;
   text-align: center;
   color: #fff;
-  font-size: 0.2933333333rem;
+  font-size: 0.29333rem;
   font-weight: bold;
 }
 
@@ -1079,9 +1208,10 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .carveup .carveup_in {
-  width: 5.2266666667rem;
-  height: 6.0533333333rem;
+  width: 5.22667rem;
+  height: 6.05333rem;
   background: url(../images/carveUp.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
@@ -1089,22 +1219,24 @@ body::-webkit-scrollbar {
   top: 50%;
   transform: translate(-50%, -50%);
 }
+
 .carveup .carveup_in .box {
-  width: 2.9333333333rem;
-  height: 3.0266666667rem;
+  width: 2.93333rem;
+  height: 3.02667rem;
   position: absolute;
-  top: 1.0133333333rem;
+  top: 1.01333rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .carveup .carveup_in p {
   width: 100%;
   position: absolute;
-  top: 3.3333333333rem;
+  top: 3.33333rem;
   text-align: center;
   left: 0;
   color: #794300;
-  font-size: 0.2666666667rem;
+  font-size: 0.26667rem;
   font-weight: bold;
 }
 
@@ -1118,6 +1250,7 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .listrule1 .listrule1_in {
   width: 8.76rem;
   height: 15.6rem;
@@ -1128,6 +1261,7 @@ body::-webkit-scrollbar {
   top: 50%;
   transform: translate(-50%, -50%);
 }
+
 .listrule1 .listrule1_in .box {
   width: 8.4rem;
   height: 14rem;
@@ -1135,11 +1269,12 @@ body::-webkit-scrollbar {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 1.4133333333rem;
+  top: 1.41333rem;
 }
+
 .listrule1 .listrule1_in .box img {
   width: 100%;
-  height: 27.2533333333rem;
+  height: 27.25333rem;
 }
 
 .listrule2 {
@@ -1152,6 +1287,7 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .listrule2 .listrule2_in {
   width: 8.76rem;
   height: 15.6rem;
@@ -1162,6 +1298,7 @@ body::-webkit-scrollbar {
   top: 50%;
   transform: translate(-50%, -50%);
 }
+
 .listrule2 .listrule2_in .box {
   width: 8.4rem;
   height: 14rem;
@@ -1169,11 +1306,12 @@ body::-webkit-scrollbar {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  top: 1.4133333333rem;
+  top: 1.41333rem;
 }
+
 .listrule2 .listrule2_in .box img {
   width: 100%;
-  height: 27.2533333333rem;
+  height: 27.25333rem;
 }
 
 .exchange {
@@ -1186,9 +1324,10 @@ body::-webkit-scrollbar {
   z-index: 9;
   display: none;
 }
+
 .exchange .box {
   width: 6.64rem;
-  height: 6.9066666667rem;
+  height: 6.90667rem;
   background: url(../images/exchange.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
@@ -1196,40 +1335,44 @@ body::-webkit-scrollbar {
   top: 50%;
   transform: translate(-50%, -50%);
 }
+
 .exchange .box .h2 {
   width: 100%;
-  height: 0.3733333333rem;
+  height: 0.37333rem;
   position: absolute;
-  top: 0.4266666667rem;
+  top: 0.42667rem;
   color: #661F00;
   font-size: 0.48rem;
   font-weight: bold;
   left: 0;
   text-align: center;
 }
+
 .exchange .box .h3 {
   width: 100%;
-  height: 0.3733333333rem;
+  height: 0.37333rem;
   position: absolute;
-  top: 1.0666666667rem;
+  top: 1.06667rem;
   color: #CAB684;
   font-size: 0.24rem;
   left: 0;
   text-align: center;
 }
+
 .exchange .box .but {
-  width: 3.4533333333rem;
-  height: 0.7333333333rem;
+  width: 3.45333rem;
+  height: 0.73333rem;
   position: absolute;
-  top: 5.7733333333rem;
+  top: 5.77333rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .exchange .box ul {
   width: 5.8rem;
   height: 3.6rem;
   position: absolute;
-  top: 1.5333333333rem;
+  top: 1.53333rem;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
@@ -1237,6 +1380,7 @@ body::-webkit-scrollbar {
   justify-content: space-around;
   overflow-y: scroll;
 }
+
 .exchange .box ul li {
   width: 1.72rem;
   height: 1.72rem;
@@ -1245,52 +1389,60 @@ body::-webkit-scrollbar {
   position: relative;
   margin-bottom: 0.2rem;
 }
+
 .exchange .box ul li img {
-  width: 0.9733333333rem;
+  width: 0.97333rem;
   height: 1.04rem;
   position: absolute;
-  top: 0.2133333333rem;
+  top: 0.21333rem;
   left: 50%;
   transform: translateX(-50%);
 }
+
 .exchange .box ul li .type1 {
-  width: 0.9733333333rem;
-  height: 0.9733333333rem;
+  width: 0.97333rem;
+  height: 0.97333rem;
 }
+
 .exchange .box ul li .type2 {
   width: 1.4rem;
   height: 0.5rem;
   top: 0.55rem;
 }
+
 .exchange .box ul li .type3 {
   width: 1.3rem;
   height: 0.7rem;
   top: 0.4rem;
 }
+
 .exchange .box ul li .type4 {
   width: 1.3rem;
   height: 0.8rem;
   top: 0.35rem;
 }
+
 .exchange .box ul li .type5 {
-  width: 0.9733333333rem;
+  width: 0.97333rem;
   height: 1.04rem;
 }
+
 .exchange .box ul li b {
   color: #794300;
   font-size: 0.24rem;
   position: absolute;
-  right: 0.1333333333rem;
+  right: 0.13333rem;
   top: 0.16rem;
 }
+
 .exchange .box ul li p {
   width: 100%;
   text-align: center;
   color: #794300;
-  font-size: 0.2133333333rem;
+  font-size: 0.21333rem;
   position: absolute;
   left: 0;
-  bottom: 0.1733333333rem;
+  bottom: 0.17333rem;
   white-space: nowrap;
 }
 
@@ -1304,6 +1456,7 @@ body::-webkit-scrollbar {
   z-index: 99;
   display: none;
 }
+
 .endActivity .endActivity_in {
   width: 6rem;
   height: 4.76rem;
@@ -1315,13 +1468,12 @@ body::-webkit-scrollbar {
   background-size: 100% 100%;
   overflow: hidden;
 }
+
 .endActivity .endActivity_in .but {
   position: absolute;
   width: 3.2rem;
   height: 0.8rem;
   left: 50%;
-  top: 3.3333333333rem;
+  top: 3.33333rem;
   transform: translateX(-50%);
 }
-
-/*# sourceMappingURL=index.css.map */
diff --git a/view/peko/activity/midAutumnFestival/css/index.scss b/view/peko/activity/midAutumnFestival/css/index.scss
index 79578f0..709d452 100644
--- a/view/peko/activity/midAutumnFestival/css/index.scss
+++ b/view/peko/activity/midAutumnFestival/css/index.scss
@@ -12,7 +12,7 @@
 
 .iconfont {
     font-family: "iconfont" !important;
-    font-size: px2rem(50, );
+    font-size: px2rem(50);
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -40,7 +40,7 @@
 .rabbit {
     position: absolute;
     z-index: 99;
-    // width: px2rem(100, );
+    // width: px2rem(100);
 }
 
 
@@ -64,11 +64,11 @@ body {
 
 .back {
     position: fixed;
-    top: px2rem(70, );
-    left: px2rem(34, );
+    top: px2rem(70);
+    left: px2rem(34);
     z-index: 8;
-    width: px2rem(62, );
-    height: px2rem(62, );
+    width: px2rem(62);
+    height: px2rem(62);
 
     img {
         width: 100%;
@@ -77,20 +77,20 @@ body {
 
     p {
         color: #fff;
-        font-size: px2rem(32, );
+        font-size: px2rem(32);
         position: absolute;
         width: 9rem;
         left: 0;
         top: 0;
         height: 100%;
         text-align: center;
-        line-height: px2rem(62, );
+        line-height: px2rem(62);
     }
 }
 
 .header {
-    width: px2rem(750, );
-    height: px2rem(702, );
+    width: px2rem(750);
+    height: px2rem(702);
     background: url(../images/header.png) no-repeat;
     background-size: 100% 100%;
     margin: 0 auto -2rem;
@@ -98,40 +98,40 @@ body {
 
     .rule_icon {
         position: absolute;
-        width: px2rem(50, );
-        height: px2rem(170, );
-        top: px2rem(314, );
-        right: px2rem(10, );
+        width: px2rem(50);
+        height: px2rem(170);
+        top: px2rem(314);
+        right: px2rem(10);
     }
 }
 
 .giftBox {
     position: relative;
-    width: px2rem(679, );
-    height: px2rem(550, );
-    margin: 0 auto px2rem(16, );
+    width: px2rem(679);
+    height: px2rem(550);
+    margin: 0 auto px2rem(16);
     background: url(../images/giftBox.png) no-repeat;
     background-size: 100% 100%;
 
     .swiper {
-        width: px2rem(543, );
-        height: px2rem(442, );
+        width: px2rem(543);
+        height: px2rem(442);
         position: absolute;
         left: 50%;
-        top: px2rem(82, );
+        top: px2rem(82);
         transform: translateX(-50%);
     }
 }
 
 .tab {
-    width: px2rem(495, );
-    height: px2rem(91, );
+    width: px2rem(495);
+    height: px2rem(91);
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
 
     div {
-        width: px2rem(226, );
+        width: px2rem(226);
         height: 100%;
     }
 
@@ -163,20 +163,20 @@ body {
         // display: none;
 
         .playBox {
-            width: px2rem(729, );
-            height: px2rem(892, );
+            width: px2rem(729);
+            height: px2rem(892);
             background: url(../images/playBox.png) no-repeat;
             background-size: 100% 100%;
             margin: 0 auto;
             position: relative;
 
             .stab {
-                width: px2rem(621, );
-                height: px2rem(61, );
+                width: px2rem(621);
+                height: px2rem(61);
                 display: flex;
                 justify-content: space-between;
                 position: absolute;
-                top: px2rem(77, );
+                top: px2rem(77);
                 left: 50%;
                 transform: translateX(-50%);
                 background: url(../images/stab1.png) no-repeat;
@@ -203,66 +203,66 @@ body {
             }
 
             .h2Title {
-                width: px2rem(342, );
-                height: px2rem(85, );
+                width: px2rem(342);
+                height: px2rem(85);
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: px2rem(183, );
+                top: px2rem(183);
             }
 
             .dividerecords {
-                width: px2rem(124, );
-                height: px2rem(54, );
+                width: px2rem(124);
+                height: px2rem(54);
                 position: absolute;
-                right: px2rem(52, );
-                top: px2rem(250, );
+                right: px2rem(52);
+                top: px2rem(250);
             }
 
             .dosBg {
-                width: px2rem(433, );
-                height: px2rem(220, );
+                width: px2rem(433);
+                height: px2rem(220);
                 background: url(../images/dosBg.png) no-repeat;
                 background-size: 100% 100%;
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: px2rem(293, );
+                top: px2rem(293);
                 overflow: hidden;
 
                 .h3Title {
-                    width: px2rem(212, );
-                    height: px2rem(43, );
+                    width: px2rem(212);
+                    height: px2rem(43);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(26, );
+                    top: px2rem(26);
                 }
 
                 b {
                     display: block;
                     width: 100%;
-                    margin-top: px2rem(73, );
+                    margin-top: px2rem(73);
                     text-align: center;
                     color: #fff;
-                    font-size: px2rem(40, );
+                    font-size: px2rem(40);
                     font-weight: bold;
                 }
 
                 p {
                     width: 100%;
-                    height: px2rem(56, );
-                    line-height: px2rem(56, );
+                    height: px2rem(56);
+                    line-height: px2rem(56);
                     color: #fff;
                     font-weight: bold;
-                    font-size: px2rem(32, );
+                    font-size: px2rem(32);
                     text-align: center;
-                    margin-top: px2rem(6, );
+                    margin-top: px2rem(6);
 
                     span {
                         display: inline-block;
-                        width: px2rem(60, );
-                        height: px2rem(56, );
+                        width: px2rem(60);
+                        height: px2rem(56);
                         text-align: center;
                         background: url(../images/spanIcon.png) no-repeat;
                         background-size: 100% 100%;
@@ -272,7 +272,7 @@ body {
         }
 
         .bRuleBg {
-            width: px2rem(743, );
+            width: px2rem(743);
             height: 4.7rem;
             background: url(../images/bRuleBg.png) no-repeat;
             background-size: 100% 100%;
@@ -280,21 +280,21 @@ body {
             position: relative;
 
             .guafenBut {
-                width: px2rem(295, );
-                height: px2rem(109, );
+                width: px2rem(295);
+                height: px2rem(109);
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: px2rem(-60, );
+                top: px2rem(-60);
             }
 
             .goSengBut {
-                width: px2rem(235, );
-                height: px2rem(69, );
+                width: px2rem(235);
+                height: px2rem(69);
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
-                top: px2rem(250, );
+                top: px2rem(250);
             }
         }
     }
@@ -303,21 +303,21 @@ body {
         display: none;
 
         .playBox2 {
-            width: px2rem(680, );
-            height: px2rem(998, );
-            margin: 0 auto px2rem(37, );
+            width: px2rem(680);
+            height: px2rem(998);
+            margin: 0 auto px2rem(37);
             position: relative;
             background: url(../images/palyBg2.png) no-repeat;
             background-size: 100% 100%;
             overflow: hidden;
 
             .stab {
-                width: px2rem(621, );
-                height: px2rem(61, );
+                width: px2rem(621);
+                height: px2rem(61);
                 display: flex;
                 justify-content: space-between;
                 position: absolute;
-                top: px2rem(77, );
+                top: px2rem(77);
                 left: 50%;
                 transform: translateX(-50%);
                 background: url(../images/stab2.png) no-repeat;
@@ -329,99 +329,99 @@ body {
             }
 
             .play2Text {
-                width: px2rem(613, );
-                height: px2rem(28, );
+                width: px2rem(613);
+                height: px2rem(28);
                 position: absolute;
-                top: px2rem(168, );
+                top: px2rem(168);
                 left: 50%;
                 transform: translateX(-50%);
             }
 
             .task {
-                width: px2rem(653, );
-                height: px2rem(696, );
+                width: px2rem(653);
+                height: px2rem(696);
                 background: url(../images/task.png) no-repeat;
                 background-size: 100% 100%;
-                margin: px2rem(206, ) auto 0;
+                margin: px2rem(206) auto 0;
                 position: relative;
 
                 .moonSecurities {
                     color: #8C492A;
-                    font-size: px2rem(26, );
+                    font-size: px2rem(26);
                     position: absolute;
-                    top: px2rem(102, );
-                    left: px2rem(29, );
+                    top: px2rem(102);
+                    left: px2rem(29);
                     font-weight: bold;
                 }
 
                 .dayTask {
-                    width: px2rem(227, );
-                    height: px2rem(59, );
+                    width: px2rem(227);
+                    height: px2rem(59);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(133, );
+                    top: px2rem(133);
                 }
 
                 .foeTask {
-                    width: px2rem(227, );
-                    height: px2rem(59, );
+                    width: px2rem(227);
+                    height: px2rem(59);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(386, );
+                    top: px2rem(386);
                 }
 
                 .taksli {
-                    width: px2rem(611, );
-                    height: px2rem(76, );
+                    width: px2rem(611);
+                    height: px2rem(76);
                     background: url(../images/taskListBg.png) no-repeat;
                     background-size: 100% 100%;
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(201, );
+                    top: px2rem(201);
                     display: flex;
                     justify-content: space-between;
-                    line-height: px2rem(76, );
+                    line-height: px2rem(76);
                     overflow: hidden;
                     box-sizing: border-box;
-                    padding-left: px2rem(30, );
+                    padding-left: px2rem(30);
 
                     p {
                         color: #8C492A;
-                        font-size: px2rem(24, );
+                        font-size: px2rem(24);
                     }
 
                     .but {
-                        width: px2rem(146, );
-                        height: px2rem(54, );
-                        margin-top: px2rem(20, );
+                        width: px2rem(146);
+                        height: px2rem(54);
+                        margin-top: px2rem(20);
                         display: block;
                     }
                 }
 
                 .taks1 {
-                    top: px2rem(201, );
+                    top: px2rem(201);
                 }
 
                 .taks2 {
-                    top: px2rem(285, );
+                    top: px2rem(285);
                 }
 
                 .taks3 {
-                    top: px2rem(459, );
-                    height: px2rem(95, );
+                    top: px2rem(459);
+                    height: px2rem(95);
                     line-height: normal;
                     background: url(../images/taskListBg2.png) no-repeat;
                     background-size: 100% 100%;
 
                     p {
-                        margin-top: px2rem(19, );
+                        margin-top: px2rem(19);
 
                         b {
                             color: #C7535B;
-                            margin-top: px2rem(10, );
+                            margin-top: px2rem(10);
                             display: block;
                         }
                     }
@@ -429,36 +429,36 @@ body {
 
                 .taks5 {
                     display: none;
-                    top: px2rem(563, );
-                    height: px2rem(95, );
+                    top: px2rem(563);
+                    height: px2rem(95);
                     line-height: normal;
                     background: url(../images/taskListBg2.png) no-repeat;
                     background-size: 100% 100%;
 
                     p {
-                        margin-top: px2rem(19, );
+                        margin-top: px2rem(19);
 
                         b {
                             color: #C7535B;
-                            margin-top: px2rem(10, );
+                            margin-top: px2rem(10);
                             display: block;
                         }
                     }
                 }
 
                 .taks4 {
-                    top: px2rem(563, );
-                    height: 1.5rem;
+                    top: px2rem(563);
+                    height: 1.65rem;
                     line-height: normal;
                     background: url(../images/taskListBg2.png) no-repeat;
                     background-size: 100% 100%;
 
                     p {
-                        margin-top: px2rem(19, );
+                        margin-top: px2rem(19);
 
                         b {
                             color: #C7535B;
-                            margin-top: px2rem(0, );
+                            margin-top: px2rem(0);
                             display: block;
                         }
                     }
@@ -475,20 +475,20 @@ body {
         display: none;
 
         .draw {
-            width: px2rem(680, );
-            height: px2rem(736, );
+            width: px2rem(680);
+            height: px2rem(736);
             position: relative;
-            margin: 0 auto px2rem(0, );
+            margin: 0 auto px2rem(0);
             background: url(../images/drawBg.png) no-repeat;
             background-size: 100% 100%;
 
             .stab {
-                width: px2rem(621, );
-                height: px2rem(61, );
+                width: px2rem(621);
+                height: px2rem(61);
                 display: flex;
                 justify-content: space-between;
                 position: absolute;
-                top: px2rem(77, );
+                top: px2rem(77);
                 left: 50%;
                 transform: translateX(-50%);
                 background: url(../images/stab3.png) no-repeat;
@@ -502,86 +502,86 @@ body {
             .moom {
                 position: absolute;
                 width: 100%;
-                left: px2rem(29, );
-                top: px2rem(178, );
+                left: px2rem(29);
+                top: px2rem(178);
                 color: #FFF0B9;
                 font-weight: bold;
-                font-size: px2rem(24, );
+                font-size: px2rem(24);
             }
 
             .dhjl {
-                width: px2rem(136, );
-                height: px2rem(48, );
+                width: px2rem(136);
+                height: px2rem(48);
                 position: absolute;
-                right: px2rem(17, );
-                top: px2rem(169, );
+                right: px2rem(17);
+                top: px2rem(169);
                 position: absolute;
             }
 
             .drawBg {
-                width: px2rem(659, );
-                height: px2rem(386, );
+                width: px2rem(659);
+                height: px2rem(386);
                 background: url(../images/drawInbg.png) no-repeat;
                 background-size: 100% 100%;
                 position: absolute;
                 left: 50%;
-                top: px2rem(226, );
+                top: px2rem(226);
                 transform: translateX(-50%);
 
                 .drawBox {
-                    width: px2rem(531, );
-                    height: px2rem(170, );
+                    width: px2rem(531);
+                    height: px2rem(170);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(107, );
+                    top: px2rem(107);
                     overflow: hidden;
 
                     .drawBoxAll {
                         position: absolute;
                         left: 50%;
                         transform: translateX(-50%);
-                        top: px2rem(0, );
-                        width: px2rem(531, );
-                        height: px2rem(3740, );
+                        top: px2rem(0);
+                        width: px2rem(531);
+                        height: px2rem(3740);
 
                         img {
                             display: block;
                             width: 100%;
-                            height: px2rem(1870, );
+                            height: px2rem(1870);
                         }
                     }
                 }
             }
 
             .but1 {
-                width: px2rem(222, );
-                height: px2rem(81, );
+                width: px2rem(222);
+                height: px2rem(81);
                 position: absolute;
-                left: px2rem(102, );
-                bottom: px2rem(25, );
+                left: px2rem(102);
+                bottom: px2rem(25);
             }
 
             .but10 {
-                width: px2rem(222, );
-                height: px2rem(81, );
+                width: px2rem(222);
+                height: px2rem(81);
                 position: absolute;
-                right: px2rem(102, );
-                bottom: px2rem(25, );
+                right: px2rem(102);
+                bottom: px2rem(25);
             }
         }
 
         .drawBoxBg {
-            width: px2rem(679, );
-            height: px2rem(518, );
+            width: px2rem(679);
+            height: px2rem(518);
             background: url(../images/drawBoxBg.png) no-repeat;
             background-size: 100% 100%;
-            margin: 0 auto px2rem(37, );
+            margin: 0 auto px2rem(37);
             overflow: hidden;
 
             .swiper {
-                width: px2rem(493, );
-                height: px2rem(405, );
+                width: px2rem(493);
+                height: px2rem(405);
                 margin: 1.1rem auto 0;
             }
         }
@@ -592,33 +592,33 @@ body {
     display: none;
 
     .listBox {
-        width: px2rem(680, );
+        width: px2rem(680);
         height: 31.4rem;
-        margin: 0 auto px2rem(160, );
+        margin: 0 auto px2rem(160);
         background: url(../images/listBox.png) no-repeat;
         background-size: 100% 100%;
         position: relative;
 
         .listRule_icon {
             position: absolute;
-            width: px2rem(50, );
-            height: px2rem(170, );
-            right: px2rem(-22, );
-            top: px2rem(63, );
+            width: px2rem(50);
+            height: px2rem(170);
+            right: px2rem(-22);
+            top: px2rem(63);
         }
 
         .listTab {
-            width: px2rem(410, );
-            height: px2rem(74, );
+            width: px2rem(410);
+            height: px2rem(74);
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(68, );
+            top: px2rem(68);
             display: flex;
             justify-content: space-between;
 
             div {
-                width: px2rem(204, );
+                width: px2rem(204);
             }
 
             .listTab1 {
@@ -643,17 +643,17 @@ body {
         }
 
         .dayTab {
-            width: px2rem(235, );
-            height: px2rem(52, );
+            width: px2rem(235);
+            height: px2rem(52);
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(150, );
+            top: px2rem(150);
             display: flex;
             justify-content: space-between;
 
             div {
-                width: px2rem(103, );
+                width: px2rem(103);
             }
 
             .day1 {
@@ -678,28 +678,28 @@ body {
         }
 
         .listText {
-            width: px2rem(604, );
-            height: px2rem(162, );
+            width: px2rem(604);
+            height: px2rem(162);
             position: absolute;
-            top: px2rem(217, );
+            top: px2rem(217);
             left: 50%;
             transform: translateX(-50%);
         }
 
         .time {
-            width: px2rem(650, );
-            height: px2rem(58, );
+            width: px2rem(650);
+            height: px2rem(58);
             display: flex;
             justify-content: space-between;
             position: absolute;
-            top: px2rem(403, );
+            top: px2rem(403);
             left: 50%;
             transform: translateX(-50%);
 
             div {
-                width: px2rem(107, );
-                height: px2rem(58, );
-                line-height: px2rem(48, );
+                width: px2rem(107);
+                height: px2rem(58);
+                line-height: px2rem(48);
                 background: url(../images/date.png) no-repeat;
                 background-size: 100% 100%;
                 text-align: center;
@@ -713,10 +713,10 @@ body {
         }
 
         .noBg {
-            width: px2rem(531, );
-            height: px2rem(178, );
+            width: px2rem(531);
+            height: px2rem(178);
             position: absolute;
-            top: px2rem(784, );
+            top: px2rem(784);
             left: 50%;
             transform: translateX(-50%);
             background: url(../images/noBg.png) no-repeat;
@@ -724,8 +724,8 @@ body {
             z-index: 3;
 
             .no1 {
-                width: px2rem(221, );
-                height: px2rem(214, );
+                width: px2rem(221);
+                height: px2rem(214);
                 position: absolute;
                 top: -3.5rem;
                 left: 50%;
@@ -742,12 +742,12 @@ body {
                 }
 
                 .tx {
-                    width: px2rem(145, );
-                    height: px2rem(145, );
+                    width: px2rem(145);
+                    height: px2rem(145);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(27, );
+                    top: px2rem(27);
                     border-radius: 50%;
                 }
 
@@ -755,7 +755,7 @@ body {
                     width: 100%;
                     text-align: center;
                     color: #FFF6F6;
-                    font-size: px2rem(18, );
+                    font-size: px2rem(18);
                     font-weight: bold;
                     position: absolute;
                     left: 0;
@@ -769,7 +769,7 @@ body {
                     width: 100%;
                     text-align: center;
                     color: #FFF6F6;
-                    font-size: px2rem(18, );
+                    font-size: px2rem(18);
                     font-weight: bold;
                     position: absolute;
                     left: 0;
@@ -778,8 +778,8 @@ body {
             }
 
             .no2 {
-                width: px2rem(159, );
-                height: px2rem(167, );
+                width: px2rem(159);
+                height: px2rem(167);
                 position: absolute;
                 top: -1.9rem;
                 left: 0.9rem;
@@ -796,12 +796,12 @@ body {
                 }
 
                 .tx {
-                    width: px2rem(115, );
-                    height: px2rem(115, );
+                    width: px2rem(115);
+                    height: px2rem(115);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(22, );
+                    top: px2rem(22);
                     border-radius: 50%;
                 }
 
@@ -809,7 +809,7 @@ body {
                     width: 100%;
                     text-align: center;
                     color: #FFF6F6;
-                    font-size: px2rem(16, );
+                    font-size: px2rem(16);
                     font-weight: bold;
                     position: absolute;
                     left: 0;
@@ -823,7 +823,7 @@ body {
                     width: 100%;
                     text-align: center;
                     color: #FFF6F6;
-                    font-size: px2rem(16, );
+                    font-size: px2rem(16);
                     font-weight: bold;
                     position: absolute;
                     left: 0;
@@ -832,8 +832,8 @@ body {
             }
 
             .no3 {
-                width: px2rem(159, );
-                height: px2rem(167, );
+                width: px2rem(159);
+                height: px2rem(167);
                 position: absolute;
                 top: -1.9rem;
                 right: -1.2rem;
@@ -850,19 +850,19 @@ body {
                 }
 
                 .tx {
-                    width: px2rem(115, );
-                    height: px2rem(115, );
+                    width: px2rem(115);
+                    height: px2rem(115);
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
-                    top: px2rem(22, );
+                    top: px2rem(22);
                 }
 
                 p {
                     width: 100%;
                     text-align: center;
                     color: #FFF6F6;
-                    font-size: px2rem(16, );
+                    font-size: px2rem(16);
                     font-weight: bold;
                     position: absolute;
                     right: 0;
@@ -876,7 +876,7 @@ body {
                     width: 100%;
                     text-align: center;
                     color: #FFF6F6;
-                    font-size: px2rem(16, );
+                    font-size: px2rem(16);
                     font-weight: bold;
                     position: absolute;
                     right: 0;
@@ -886,81 +886,81 @@ body {
         }
 
         .noBgB {
-            width: px2rem(650, );
-            height: px2rem(158, );
+            width: px2rem(650);
+            height: px2rem(158);
             position: absolute;
-            top: px2rem(895, );
+            top: px2rem(895);
             left: 50%;
             transform: translateX(-50%);
             z-index: 2;
         }
 
         .ul {
-            width: px2rem(659, );
-            height: px2rem(1873, );
+            width: px2rem(659);
+            height: px2rem(1873);
             background: url(../images/listUlBg.png) no-repeat;
             background-size: 100% 100%;
             position: absolute;
-            top: px2rem(480, );
+            top: px2rem(480);
             left: 50%;
             transform: translateX(-50%);
             box-sizing: border-box;
-            padding-top: px2rem(548, );
+            padding-top: px2rem(548);
 
             ul {
-                width: px2rem(649, );
+                width: px2rem(649);
                 height: 16.7rem;
                 margin: 0 auto;
                 overflow-y: scroll;
 
                 li {
                     width: 100%;
-                    height: px2rem(140, );
+                    height: px2rem(140);
                     background: url(../images/liBg.png) no-repeat;
                     background-size: 100% 100%;
                     z-index: 3;
                     box-sizing: border-box;
-                    padding: 0 px2rem(41, );
+                    padding: 0 px2rem(41);
                     position: relative;
 
                     .num {
-                        width: px2rem(42, );
-                        height: px2rem(42, );
-                        line-height: px2rem(42, );
+                        width: px2rem(42);
+                        height: px2rem(42);
+                        line-height: px2rem(42);
                         background: #C1454E;
                         text-align: center;
                         color: #fff;
-                        font-size: px2rem(24, );
+                        font-size: px2rem(24);
                         font-weight: bold;
                         float: left;
                         margin-right: 1.7rem;
-                        margin-top: px2rem(48, );
+                        margin-top: px2rem(48);
                     }
 
                     .txBg {
-                        width: px2rem(115, );
-                        height: px2rem(110, );
+                        width: px2rem(115);
+                        height: px2rem(110);
                         position: absolute;
                         left: 1.266667rem;
-                        top: px2rem(20, );
+                        top: px2rem(20);
                         z-index: 2;
                     }
 
                     .tx {
-                        width: px2rem(85, );
-                        height: px2rem(84, );
+                        width: px2rem(85);
+                        height: px2rem(84);
                         border-radius: 50%;
                         position: absolute;
                         left: 1.36rem;
-                        top: px2rem(27, );
+                        top: px2rem(27);
                     }
 
                     .name {
                         float: left;
-                        height: px2rem(140, );
-                        line-height: px2rem(140, );
+                        height: px2rem(140);
+                        line-height: px2rem(140);
                         color: #fff;
-                        font-size: px2rem(24, );
+                        font-size: px2rem(24);
                         font-weight: bold;
                         overflow: hidden;
                         text-overflow: ellipsis;
@@ -970,10 +970,10 @@ body {
 
                     .sore {
                         float: right;
-                        height: px2rem(140, );
-                        line-height: px2rem(140, );
+                        height: px2rem(140);
+                        line-height: px2rem(140);
                         color: #fff;
-                        font-size: px2rem(24, );
+                        font-size: px2rem(24);
                         font-weight: bold;
                     }
                 }
@@ -982,7 +982,7 @@ body {
 
         .my {
             width: 100%;
-            height: px2rem(144, );
+            height: px2rem(144);
             position: fixed;
             left: 0;
             bottom: 0;
@@ -990,44 +990,44 @@ body {
             background-size: 100% 100%;
             z-index: 3;
             box-sizing: border-box;
-            padding: 0 px2rem(63, );
+            padding: 0 px2rem(63);
 
             .num {
-                width: px2rem(80, );
-                height: px2rem(144, );
-                line-height: px2rem(144, );
+                width: px2rem(80);
+                height: px2rem(144);
+                line-height: px2rem(144);
                 text-align: center;
                 color: #3C346D;
-                font-size: px2rem(24, );
+                font-size: px2rem(24);
                 font-weight: bold;
                 float: left;
                 margin-right: 1.9rem;
             }
 
             .txBg {
-                width: px2rem(115, );
-                height: px2rem(110, );
+                width: px2rem(115);
+                height: px2rem(110);
                 position: absolute;
-                left: px2rem(170, );
-                top: px2rem(20, );
+                left: px2rem(170);
+                top: px2rem(20);
                 z-index: 2;
             }
 
             .tx {
-                width: px2rem(85, );
-                height: px2rem(84, );
+                width: px2rem(85);
+                height: px2rem(84);
                 border-radius: 50%;
                 position: absolute;
-                left: px2rem(177, );
-                top: px2rem(27, );
+                left: px2rem(177);
+                top: px2rem(27);
             }
 
             .name {
                 float: left;
-                height: px2rem(144, );
-                line-height: px2rem(144, );
+                height: px2rem(144);
+                line-height: px2rem(144);
                 color: #3C346D;
-                font-size: px2rem(24, );
+                font-size: px2rem(24);
                 font-weight: bold;
                 overflow: hidden;
                 text-overflow: ellipsis;
@@ -1037,10 +1037,10 @@ body {
 
             .sore {
                 float: right;
-                height: px2rem(144, );
-                line-height: px2rem(144, );
+                height: px2rem(144);
+                line-height: px2rem(144);
                 color: #3C346D;
-                font-size: px2rem(24, );
+                font-size: px2rem(24);
                 font-weight: bold;
             }
         }
@@ -1058,8 +1058,8 @@ body {
     display: none;
 
     .rule_in {
-        width: px2rem(675, );
-        height: px2rem(1044, );
+        width: px2rem(675);
+        height: px2rem(1044);
         position: absolute;
         left: 50%;
         top: 50%;
@@ -1068,7 +1068,7 @@ body {
         background-size: 100% 100%;
 
         div {
-            width: px2rem(605, );
+            width: px2rem(605);
             height: 12rem;
             overflow-y: scroll;
             margin: 1.1rem auto 0;
@@ -1076,7 +1076,7 @@ body {
             img {
                 display: block;
                 width: 100%;
-                height: px2rem(2059, );
+                height: px2rem(2059);
             }
         }
     }
@@ -1095,8 +1095,8 @@ body {
     display: none;
 
     .dividerecordsBg_in {
-        width: px2rem(698, );
-        height: px2rem(707, );
+        width: px2rem(698);
+        height: px2rem(707);
         position: relative;
         left: 50%;
         top: 50%;
@@ -1113,11 +1113,11 @@ body {
             transform: translateX(3%);
 
             div {
-                width: px2rem(150, );
+                width: px2rem(150);
                 text-align: center;
                 color: #fff;
                 font-weight: bold;
-                font-size: px2rem(28, );
+                font-size: px2rem(28);
             }
         }
 
@@ -1135,17 +1135,17 @@ body {
                 margin: 0 auto 0.2rem;
 
                 span {
-                    width: px2rem(150, );
+                    width: px2rem(150);
                     text-align: center;
                     color: #fff;
-                    font-size: px2rem(20, );
+                    font-size: px2rem(20);
                 }
 
                 p {
-                    width: px2rem(150, );
+                    width: px2rem(150);
                     text-align: center;
                     color: #fff;
-                    font-size: px2rem(22, );
+                    font-size: px2rem(22);
                     font-weight: bold;
                 }
             }
@@ -1164,8 +1164,8 @@ body {
     display: none;
 
     .dividerecordsBg_in {
-        width: px2rem(698, );
-        height: px2rem(707, );
+        width: px2rem(698);
+        height: px2rem(707);
         position: relative;
         left: 50%;
         top: 50%;
@@ -1182,11 +1182,11 @@ body {
             transform: translateX(3%);
 
             div {
-                width: px2rem(150, );
+                width: px2rem(150);
                 text-align: center;
                 color: #fff;
                 font-weight: bold;
-                font-size: px2rem(28, );
+                font-size: px2rem(28);
             }
         }
 
@@ -1204,17 +1204,17 @@ body {
                 margin: 0 auto 0.2rem;
 
                 span {
-                    width: px2rem(150, );
+                    width: px2rem(150);
                     text-align: center;
                     color: #fff;
-                    font-size: px2rem(20, );
+                    font-size: px2rem(20);
                 }
 
                 p {
-                    width: px2rem(150, );
+                    width: px2rem(150);
                     text-align: center;
                     color: #fff;
-                    font-size: px2rem(22, );
+                    font-size: px2rem(22);
                     font-weight: bold;
                 }
             }
@@ -1233,8 +1233,8 @@ body {
     display: none;
 
     .carveup_in {
-        width: px2rem(392, );
-        height: px2rem(454, );
+        width: px2rem(392);
+        height: px2rem(454);
         background: url(../images/carveUp.png) no-repeat;
         background-size: 100% 100%;
         position: relative;
@@ -1243,10 +1243,10 @@ body {
         transform: translate(-50%, -50%);
 
         .box {
-            width: px2rem(220, );
-            height: px2rem(227, );
+            width: px2rem(220);
+            height: px2rem(227);
             position: absolute;
-            top: px2rem(76, );
+            top: px2rem(76);
             left: 50%;
             transform: translateX(-50%);
         }
@@ -1254,11 +1254,11 @@ body {
         p {
             width: 100%;
             position: absolute;
-            top: px2rem(250, );
+            top: px2rem(250);
             text-align: center;
             left: 0;
             color: #794300;
-            font-size: px2rem(20, );
+            font-size: px2rem(20);
             font-weight: bold;
         }
     }
@@ -1275,8 +1275,8 @@ body {
     display: none;
 
     .listrule1_in {
-        width: px2rem(657, );
-        height: px2rem(1170, );
+        width: px2rem(657);
+        height: px2rem(1170);
         background: url(../images/listrule1.png) no-repeat;
         background-size: 100% 100%;
         position: relative;
@@ -1285,17 +1285,17 @@ body {
         transform: translate(-50%, -50%);
 
         .box {
-            width: px2rem(630, );
+            width: px2rem(630);
             height: 14rem;
             overflow-y: scroll;
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(106, );
+            top: px2rem(106);
 
             img {
                 width: 100%;
-                height: px2rem(2044, );
+                height: px2rem(2044);
             }
         }
     }
@@ -1312,8 +1312,8 @@ body {
     display: none;
 
     .listrule2_in {
-        width: px2rem(657, );
-        height: px2rem(1170, );
+        width: px2rem(657);
+        height: px2rem(1170);
         background: url(../images/listrule2.png) no-repeat;
         background-size: 100% 100%;
         position: relative;
@@ -1322,17 +1322,17 @@ body {
         transform: translate(-50%, -50%);
 
         .box {
-            width: px2rem(630, );
+            width: px2rem(630);
             height: 14rem;
             overflow-y: scroll;
             position: absolute;
             left: 50%;
             transform: translateX(-50%);
-            top: px2rem(106, );
+            top: px2rem(106);
 
             img {
                 width: 100%;
-                height: px2rem(2044, );
+                height: px2rem(2044);
             }
         }
     }
@@ -1349,8 +1349,8 @@ body {
     display: none;
 
     .box {
-        width: px2rem(498, );
-        height: px2rem(518, );
+        width: px2rem(498);
+        height: px2rem(518);
         background: url(../images/exchange.png) no-repeat;
         background-size: 100% 100%;
         position: relative;
@@ -1360,11 +1360,11 @@ body {
 
         .h2 {
             width: 100%;
-            height: px2rem(28, );
+            height: px2rem(28);
             position: absolute;
-            top: px2rem(32, );
+            top: px2rem(32);
             color: #661F00;
-            font-size: px2rem(36, );
+            font-size: px2rem(36);
             font-weight: bold;
             left: 0;
             text-align: center;
@@ -1372,29 +1372,29 @@ body {
 
         .h3 {
             width: 100%;
-            height: px2rem(28, );
+            height: px2rem(28);
             position: absolute;
-            top: px2rem(80, );
+            top: px2rem(80);
             color: #CAB684;
-            font-size: px2rem(18, );
+            font-size: px2rem(18);
             left: 0;
             text-align: center;
         }
 
         .but {
-            width: px2rem(259, );
-            height: px2rem(55, );
+            width: px2rem(259);
+            height: px2rem(55);
             position: absolute;
-            top: px2rem(433, );
+            top: px2rem(433);
             left: 50%;
             transform: translateX(-50%);
         }
 
         ul {
-            width: px2rem(435, );
-            height: px2rem(270, );
+            width: px2rem(435);
+            height: px2rem(270);
             position: absolute;
-            top: px2rem(115, );
+            top: px2rem(115);
             left: 50%;
             transform: translateX(-50%);
             display: flex;
@@ -1403,25 +1403,25 @@ body {
             overflow-y: scroll;
 
             li {
-                width: px2rem(129, );
-                height: px2rem(129, );
+                width: px2rem(129);
+                height: px2rem(129);
                 background: url(../images/exchangeliBg.png) no-repeat;
                 background-size: 100% 100%;
                 position: relative;
                 margin-bottom: 0.2rem;
 
                 img {
-                    width: px2rem(73, );
-                    height: px2rem(78, );
+                    width: px2rem(73);
+                    height: px2rem(78);
                     position: absolute;
-                    top: px2rem(16, );
+                    top: px2rem(16);
                     left: 50%;
                     transform: translateX(-50%);
                 }
 
                 .type1 {
-                    width: px2rem(73, );
-                    height: px2rem(73, );
+                    width: px2rem(73);
+                    height: px2rem(73);
                 }
 
                 .type2 {
@@ -1443,26 +1443,26 @@ body {
                 }
 
                 .type5 {
-                    width: px2rem(73, );
-                    height: px2rem(78, );
+                    width: px2rem(73);
+                    height: px2rem(78);
                 }
 
                 b {
                     color: #794300;
-                    font-size: px2rem(18, );
+                    font-size: px2rem(18);
                     position: absolute;
-                    right: px2rem(10, );
-                    top: px2rem(12, );
+                    right: px2rem(10);
+                    top: px2rem(12);
                 }
 
                 p {
                     width: 100%;
                     text-align: center;
                     color: #794300;
-                    font-size: px2rem(16, );
+                    font-size: px2rem(16);
                     position: absolute;
                     left: 0;
-                    bottom: px2rem(13, );
+                    bottom: px2rem(13);
                     white-space: nowrap;
                 }
             }
@@ -1481,8 +1481,8 @@ body {
     display: none;
 
     .endActivity_in {
-        width: px2rem(450, );
-        height: px2rem(357, );
+        width: px2rem(450);
+        height: px2rem(357);
         position: relative;
         left: 50%;
         top: 50%;
@@ -1493,10 +1493,10 @@ body {
 
         .but {
             position: absolute;
-            width: px2rem(240, );
-            height: px2rem(60, );
+            width: px2rem(240);
+            height: px2rem(60);
             left: 50%;
-            top: px2rem(250, );
+            top: px2rem(250);
             transform: translateX(-50%);
         }
     }