修复样式问题

view/molistar/activity/ssGuild/css/index.css

@@ -109,7 +109,7 @@ body::-webkit-scrollbar {
   color: #FFEDBA;
   font-size: 0.34667rem;
   font-weight: 400;
-  line-height: 0.49rem;
+  line-height: 0.53333rem;
   position: relative;
   z-index: 2;
   display: flex;
@@ -233,8 +233,8 @@ body::-webkit-scrollbar {
   height: 5.06667rem;
   position: absolute;
   top: 3.14667rem;
-  left: -0.4rem;
+  left: 0rem;
-  background: url(../images/top23.png) no-repeat;
+  background: url(../images/top2.png) no-repeat;
   background-size: 100% 100%;
 }
 
@@ -243,8 +243,8 @@ body::-webkit-scrollbar {
   height: 2.21333rem;
   position: absolute;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translateX(-62%);
-  top: 0.93333rem;
+  top: 0.8rem;
   z-index: 2;
 }
 
@@ -252,9 +252,8 @@ body::-webkit-scrollbar {
   width: 1.54667rem;
   height: 1.54667rem;
   position: absolute;
-  left: 50%;
+  left: 0.8rem;
-  transform: translateX(-50%);
+  top: 1.13333rem;
-  top: 1.33333rem;
   border-radius: 50%;
 }
 
@@ -270,8 +269,8 @@ body::-webkit-scrollbar {
   position: absolute;
   text-align: center;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translateX(-62%);
-  top: 3.1rem;
+  top: 3rem;
 }
 
 .page1 .cloud .no2 .id {
@@ -286,16 +285,15 @@ body::-webkit-scrollbar {
   position: absolute;
   text-align: center;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translateX(-62%);
-  top: 3.5rem;
+  top: 3.4rem;
 }
 
 .page1 .cloud .no2 .grade {
   width: 0.8rem;
   height: 0.53333rem;
   position: absolute;
-  left: 50%;
+  left: 1.17333rem;
-  transform: translateX(-50%);
   top: 3.86667rem;
 }
 
@@ -304,8 +302,8 @@ body::-webkit-scrollbar {
   height: 5.06667rem;
   position: absolute;
   top: 3.14667rem;
-  right: -0.4rem;
+  right: 0rem;
-  background: url(../images/top23.png) no-repeat;
+  background: url(../images/top3.png) no-repeat;
   background-size: 100% 100%;
 }
 
@@ -313,9 +311,8 @@ body::-webkit-scrollbar {
   width: 2.21333rem;
   height: 2.21333rem;
   position: absolute;
-  left: 50%;
+  right: 0.45333rem;
-  transform: translateX(-50%);
+  top: 0.8rem;
-  top: 0.93333rem;
   z-index: 2;
 }
 
@@ -323,9 +320,8 @@ body::-webkit-scrollbar {
   width: 1.54667rem;
   height: 1.54667rem;
   position: absolute;
-  left: 50%;
+  right: 0.78667rem;
-  transform: translateX(-50%);
+  top: 1.13333rem;
-  top: 1.33333rem;
   border-radius: 50%;
 }
 
@@ -341,7 +337,7 @@ body::-webkit-scrollbar {
   position: absolute;
   text-align: center;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translateX(-37%);
   top: 3.1rem;
 }
 
@@ -357,7 +353,7 @@ body::-webkit-scrollbar {
   position: absolute;
   text-align: center;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translateX(-37%);
   top: 3.5rem;
 }
 
@@ -365,8 +361,7 @@ body::-webkit-scrollbar {
   width: 0.8rem;
   height: 0.53333rem;
   position: absolute;
-  left: 50%;
+  right: 1.16rem;
-  transform: translateX(-50%);
   top: 3.86667rem;
 }
 
@@ -418,7 +413,7 @@ body::-webkit-scrollbar {
 
 .page1 ul li .user p {
   width: 3.28rem;
-  margin-top: 0.82667rem;
+  margin-top: 0.7rem;
   margin-bottom: 0.26667rem;
   overflow: hidden;
   white-space: nowrap;
@@ -492,7 +487,7 @@ body::-webkit-scrollbar {
 
 .page1 .my .user p {
   width: 3.28rem;
-  margin-top: 0.82667rem;
+  margin-top: 0.7rem;
   margin-bottom: 0.26667rem;
   overflow: hidden;
   white-space: nowrap;

view/molistar/activity/ssGuild/css/index.scss

@@ -110,7 +110,7 @@ body {
         color: #FFEDBA;
         font-size: px2rem(26);
         font-weight: 400;
-        line-height: 0.49rem;
+        line-height: px2rem(40);
         position: relative;
         z-index: 2;
         display: flex;
@@ -237,8 +237,8 @@ body {
             height: px2rem(380);
             position: absolute;
             top: px2rem(236);
-            left: -0.4rem;
+            left: 0rem;
-            background: url(../images/top23.png) no-repeat;
+            background: url(../images/top2.png) no-repeat;
             background-size: 100% 100%;
 
             .ts {
@@ -246,8 +246,8 @@ body {
                 height: px2rem(166);
                 position: absolute;
                 left: 50%;
-                transform: translateX(-50%);
+                transform: translateX(-62%);
-                top: px2rem(70);
+                top: px2rem(60);
                 z-index: 2;
             }
 
@@ -255,9 +255,8 @@ body {
                 width: px2rem(116);
                 height: px2rem(116);
                 position: absolute;
-                left: 50%;
+                left: px2rem(60);
-                transform: translateX(-50%);
+                top: px2rem(85);
-                top: px2rem(100);
                 border-radius: 50%;
             }
 
@@ -273,8 +272,8 @@ body {
                 position: absolute;
                 text-align: center;
                 left: 50%;
-                transform: translateX(-50%);
+                transform: translateX(-62%);
-                top: 3.1rem;
+                top: 3rem;
             }
 
             .id {
@@ -289,16 +288,15 @@ body {
                 position: absolute;
                 text-align: center;
                 left: 50%;
-                transform: translateX(-50%);
+                transform: translateX(-62%);
-                top: 3.5rem;
+                top: 3.4rem;
             }
 
             .grade {
                 width: px2rem(60);
                 height: px2rem(40);
                 position: absolute;
-                left: 50%;
+                left: px2rem(88);
-                transform: translateX(-50%);
                 top: px2rem(290);
             }
         }
@@ -308,17 +306,16 @@ body {
             height: px2rem(380);
             position: absolute;
             top: px2rem(236);
-            right: -0.4rem;
+            right: 0rem;
-            background: url(../images/top23.png) no-repeat;
+            background: url(../images/top3.png) no-repeat;
             background-size: 100% 100%;
 
             .ts {
                 width: px2rem(166);
                 height: px2rem(166);
                 position: absolute;
-                left: 50%;
+                right: px2rem(34);
-                transform: translateX(-50%);
+                top: px2rem(60);
-                top: px2rem(70);
                 z-index: 2;
             }
 
@@ -326,9 +323,8 @@ body {
                 width: px2rem(116);
                 height: px2rem(116);
                 position: absolute;
-                left: 50%;
+                right: px2rem(59);
-                transform: translateX(-50%);
+                top: px2rem(85);
-                top: px2rem(100);
                 border-radius: 50%;
             }
 
@@ -344,7 +340,7 @@ body {
                 position: absolute;
                 text-align: center;
                 left: 50%;
-                transform: translateX(-50%);
+                transform: translateX(-37%);
                 top: 3.1rem;
             }
 
@@ -360,7 +356,7 @@ body {
                 position: absolute;
                 text-align: center;
                 left: 50%;
-                transform: translateX(-50%);
+                transform: translateX(-37%);
                 top: 3.5rem;
             }
 
@@ -368,8 +364,7 @@ body {
                 width: px2rem(60);
                 height: px2rem(40);
                 position: absolute;
-                left: 50%;
+                right: px2rem(87);
-                transform: translateX(-50%);
                 top: px2rem(290);
             }
         }
@@ -420,7 +415,7 @@ body {
 
                 p {
                     width: px2rem(246);
-                    margin-top: px2rem(62);
+                    margin-top: 0.7rem;
                     margin-bottom: px2rem(20);
                     overflow: hidden;
                     white-space: nowrap;
@@ -495,7 +490,7 @@ body {
 
             p {
                 width: px2rem(246);
-                margin-top: px2rem(62);
+                margin-top: 0.7rem;
                 margin-bottom: px2rem(20);
                 overflow: hidden;
                 white-space: nowrap;
@@ -628,7 +623,8 @@ body {
             float: right;
         }
     }
-    .page1 .rule{
+
+    .page1 .rule {
         height: px2rem(1423);
     }