diff --git a/view/yinmeng/modules/statistic/css/serial.css b/view/yinmeng/modules/statistic/css/serial.css
index 48a2bb9..cf74adf 100644
--- a/view/yinmeng/modules/statistic/css/serial.css
+++ b/view/yinmeng/modules/statistic/css/serial.css
@@ -13,265 +13,285 @@ body {
   position: relative;
   margin: 0 auto;
 }
-
 .max .starlet {
   width: 100%;
-  height: 5.06667rem;
-  background: url("../images/serial.png");
-  background-size: 100% 100%;
+  height: 6.9333333333rem;
+  background: linear-gradient(180deg, #FFE710 0%, #FFFDE1 67%, #F8F8FB 100%);
   z-index: 1000;
   overflow: hidden;
   cursor: pointer;
 }
-
 .max .starlet img {
-  width: 3.58667rem;
-  height: 0.98667rem;
+  width: 2.56rem;
+  height: 1.28rem;
   display: block;
-  margin: 0.97333rem auto 0;
+  margin: 0.9733333333rem auto 0;
 }
-
 .max .starlet img.yinmeng {
   width: 2.48rem;
-  height: 1.01333rem;
+  height: 1.0133333333rem;
 }
-
 .max .userInfo {
   width: 9.2rem;
   height: 2rem;
   margin: 0 auto;
   border-radius: 0.32rem;
-  margin-top: 0.53333rem;
+  margin-top: 0.5333333333rem;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
   background-color: #fff;
 }
-
 .max .userInfo .user-i {
   width: 70%;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
   -ms-justify-content: flex-start;
   justify-content: flex-start;
   justify-content: center;
   flex-direction: column;
 }
-
 .max .userInfo .user-i > div {
   width: 100%;
-  height: 1.06667rem;
+  height: 1.0666666667rem;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
   line-height: 1.4rem;
 }
-
 .max .userInfo .user-i > div:first-child {
   font-size: 0.4rem;
   color: #333;
-  margin-left: 0.38667rem;
+  margin-left: 0.3866666667rem;
 }
-
 .max .userInfo .user-i > div:last-child {
   color: #999;
   font-size: 0.32rem;
-  line-height: 0.86667rem;
+  line-height: 0.8666666667rem;
 }
-
 .max .userInfo .user-i > div label {
-  margin-left: 0.38667rem;
+  margin-left: 0.3866666667rem;
 }
-
 .max .userInfo .user-i > div .erbanNo {
-  margin-left: 0.26667rem;
+  margin-left: 0.2666666667rem;
 }
-
 .max .userInfo .user-room-receipt {
-  width: 2.66667rem;
+  width: 2.6666666667rem;
   height: 0.64rem;
   border-radius: 0.32rem;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
   color: #fff;
   text-align: center;
   line-height: 0.64rem;
-  margin-right: 0.26667rem;
-  background-image: linear-gradient(to right, #FFA936, #FFCB47);
-  background-image: -webkit-linear-gradient(to right, #FFA936, #FFCB47);
+  margin-right: 0.2666666667rem;
+  background: #FFE710;
 }
-
 .max .serial {
   width: 9.2rem;
   margin: 0 auto;
   overflow: hidden;
   border-radius: 0.32rem;
   background: #fff;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
   flex-direction: column;
-  margin-top: 0.26667rem;
+  margin-top: 0.2666666667rem;
 }
-
 .max .serial li {
   width: 100%;
   height: 2rem;
   background-color: white;
   border-bottom: 1px solid #EFEFEF;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
   -ms-justify-content: flex-start;
   justify-content: flex-start;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
 }
-
 .max .serial li p {
   flex: 1;
-  height: 1.33333rem;
+  height: 1.3333333333rem;
   color: #333;
 }
-
 .max .serial li p:first-child {
   text-align: center;
   border-right: 1px solid lightgray;
-  width: 5.33333rem;
+  width: 5.3333333333rem;
   font-size: 18px;
-  line-height: 1.33333rem;
+  line-height: 1.3333333333rem;
   font-weight: bold;
 }
-
 .max .serial li p.content {
-  width: 5.33333rem;
+  width: 5.3333333333rem;
   text-align: center;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   justify-content: center;
 }
-
 .max .serial li p.content span {
   display: block;
   width: 100%;
   font-size: 18px;
   line-height: 18px;
-  font-size: 0.29333rem;
+  font-size: 0.2933333333rem;
 }
-
 .max .serial li p.content span:first-child {
   color: #FFBC52;
   font-size: 0.4rem;
 }
-
 .max .serial li p.content span.name {
   color: #999999;
 }
-
 .max .serial .week {
   background-color: #fff;
   width: 100%;
   height: 2rem;
   border-bottom: 1px solid #EFEFEF;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
   -ms-justify-content: flex-start;
   justify-content: flex-start;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
 }
-
 .max .serial .week p {
   border: 0;
   flex: 1;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
 }
-
 .max .serial .week p.weeks {
   text-align: center;
   border-right: 1px solid lightgray;
-  width: 5.33333rem;
+  width: 5.3333333333rem;
   font-size: 18px;
-  line-height: 1.33333rem;
+  line-height: 1.3333333333rem;
   font-weight: bold;
 }
-
 .max .serial .week p.content {
   box-sizing: border-box;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
   flex-direction: column;
   line-height: 18px;
 }
-
 .max .serial .week p.content .number {
   color: #FFBC52;
   font-size: 0.4rem;
 }
-
 .max .serial .week p.content .name {
   text-align: center;
   color: #999999;
-  font-size: 0.29333rem;
+  font-size: 0.2933333333rem;
 }
-
 .max .serial .month {
   background-color: #F5F5F5;
   width: 100%;
   height: 2rem;
   border-bottom: 1px solid #EFEFEF;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
   -ms-justify-content: flex-start;
   justify-content: flex-start;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
 }
-
 .max .serial .month p {
   border: 0;
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
 }
-
 .max .serial .month p.date {
-  width: 2.66667rem;
+  width: 2.6666666667rem;
   font-weight: bold;
   color: #CCCCCC;
   line-height: 18px;
   font-size: 18px;
 }
-
 .max .serial .month p.content {
+  display: -webkit-flex;
   display: flex;
   display: -moz-box;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
   -ms-align-items: center;
   align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 30px;
   line-height: 18px;
 }
-
 .max .serial .month p.content .number {
   font-size: 18px;
-  margin-bottom: 0.13333rem;
+  margin-bottom: 0.1333333333rem;
 }
-
 .max .serial .month p.content .name {
   color: #CCCCCC;
 }
+
+/*# sourceMappingURL=serial.css.map */
diff --git a/view/yinmeng/modules/statistic/css/serial.scss b/view/yinmeng/modules/statistic/css/serial.scss
index d39db2b..b4c05dc 100644
--- a/view/yinmeng/modules/statistic/css/serial.scss
+++ b/view/yinmeng/modules/statistic/css/serial.scss
@@ -21,16 +21,17 @@ body {
 
     .starlet {
         width: 100%;
-        height: px2rem(380);
-        background: url('../images/serial.png');
-        background-size: 100% 100%;
+        height: px2rem(520);
+        // background: url('../images/serial.png');
+        // background-size: 100% 100%;
+        background: linear-gradient(180deg, #FFE710 0%, #FFFDE1 67%, #F8F8FB 100%);
         z-index: 1000;
         overflow: hidden;
         cursor: pointer;
 
         img {
-            width: px2rem(269);
-            height: px2rem(74);
+            width: px2rem(192);
+            height: px2rem(96);
             display: block;
             margin: px2rem(73) auto 0;
             &.yinmeng{
@@ -104,8 +105,7 @@ body {
             text-align: center;
             line-height: px2rem(48);
             margin-right: px2rem(20);
-            background-image: linear-gradient(to right,#FFA936,#FFCB47);
-            background-image: -webkit-linear-gradient(to right,#FFA936,#FFCB47);
+            background: #FFE710;
         }
 
     }
diff --git a/view/yinmeng/modules/statistic/images/logo.png b/view/yinmeng/modules/statistic/images/logo.png
index 4ebfdfa..e43d2fe 100644
Binary files a/view/yinmeng/modules/statistic/images/logo.png and b/view/yinmeng/modules/statistic/images/logo.png differ