升级版本 merge王水玲的潮流教室的优化。

 {
 {
   "name": "m-yohobuy-node",
   "name": "m-yohobuy-node",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "private": true,
   "private": true,
   "description": "A New Yohobuy Project With Express",
   "description": "A New Yohobuy Project With Express",
   "repository": {
   "repository": {

@@ -5573,11 +5573,12 @@ a{
     font-weight: bold;
     font-weight: bold;
 }
 }
 .star-page .head-tab{
 .star-page .head-tab{
-    position: relative;
+    position: fixed;
+    top: 0;
     width: 100%;
     width: 100%;
     height: 2.2rem;
     height: 2.2rem;
     background: #000;
     background: #000;
-    z-index: 1;
+    z-index: 3;
     transform-origin: top;
     transform-origin: top;
     transform: scale(1, 1);
     transform: scale(1, 1);
     transition: transform 400ms;
     transition: transform 400ms;
@@ -5653,6 +5654,10 @@ a{
 .star-page .avatar-wrap{
 .star-page .avatar-wrap{
     height: 4.5rem;
     height: 4.5rem;
 }
 }
+.star-page .star-main{
+    position: relative;
+    margin-top: 2.2rem;
+}
 .star-page .avatar-swiper{
 .star-page .avatar-swiper{
     overflow: hidden;
     overflow: hidden;
     margin-top: 0.75rem;
     margin-top: 0.75rem;
@@ -5663,7 +5668,7 @@ a{
     width: auto;
     width: auto;
     width: 2.75rem;
     width: 2.75rem;
     height: 2.75rem;
     height: 2.75rem;
-    margin-top: 0.85rem;
+    margin-top: 0.9rem;
     background: #000;
     background: #000;
 }
 }
 .star-page .avatar-swiper li span{
 .star-page .avatar-swiper li span{
@@ -5876,19 +5881,41 @@ a{
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: contain;
     background-size: contain;
 }
 }
+.star-page .star{
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+    background-repeat: no-repeat;
+    background-size: contain;
+}
 .star-page .default-avater{
 .star-page .default-avater{
     background-image: url('../img/guang/star/user-avatar.png');
     background-image: url('../img/guang/star/user-avatar.png');
 }
 }
 .star-page .loading-tip{
 .star-page .loading-tip{
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, 0);
+    padding: 0.75rem 0;
     display: none;
     display: none;
     text-align: center;
     text-align: center;
     color: #ccc;
     color: #ccc;
     font-size: 0.45rem;
     font-size: 0.45rem;
-    margin: 0.75rem 0;
 }
 }
 .star-page .swiper-num{
 .star-page .swiper-num{
-    width: 1.375rem;
-    display: none;
+    position: fixed;
+    top: 0;
+    z-index: -1;
+}
+.star-page .swiper-num1{
+    width: 2.75rem;
+}
+.star-page .swiper-num2{
+    width: 3.25rem;
+}
+.star-page .swiper-num3{
+    width: 4.5rem;
 }
 }
 .star-index-bg{
 .star-index-bg{
     background: #000;
     background: #000;
@@ -5910,6 +5937,7 @@ a{
 }
 }
 .star-page .special-list li img{
 .star-page .special-list li img{
     width: 100%;
     width: 100%;
+    min-height: 7.75rem;
 }
 }
 .star-page .special-list li p{
 .star-page .special-list li p{
     width: 100%;
     width: 100%;
@@ -5951,6 +5979,7 @@ a{
 }
 }
 .star-page .collocation-list li img, .star-page .detail-list li img{
 .star-page .collocation-list li img, .star-page .detail-list li img{
     width: 100%;
     width: 100%;
+    min-height: 7.75rem;
 }
 }
 .star-page .collocation-list li .title, .star-page .detail-list li .title{
 .star-page .collocation-list li .title, .star-page .detail-list li .title{
     font-size: 1rem;
     font-size: 1rem;
@@ -6012,6 +6041,8 @@ a{
     color: #b0b0b0;
     color: #b0b0b0;
     height: 0.8rem;
     height: 0.8rem;
     line-height: 0.8rem;
     line-height: 0.8rem;
+    position: relative;
+    top: -1px;
 }
 }
 .star-class-body{
 .star-class-body{
     background: #333;
     background: #333;