新潮教室

@@ -982,30 +982,52 @@
 
 
 @media screen and (max-height: 480rem / $pxConvertRem){
-    .star-classroom .pop-intimacy {
-        height: 828rem / $pxConvertRem;
-    }
+    .star-classroom {
+        .pop-intimacy {
+            height: 808rem / $pxConvertRem;
 
-    .star-classroom .pop-intimacy .day-item .item {
-        height: 50rem / $pxConvertRem;
-        line-height: 50rem / $pxConvertRem;
-        margin-top: 0;
-    }
+            .day-item .item {
+                height: 50rem / $pxConvertRem;
+                line-height: 50rem / $pxConvertRem;
+                margin-top: 0;
+            }
 
-    .star-classroom .pop-intimacy .fan-charts {
-        height: 76rem / $pxConvertRem;
+            .fan-charts {
+                height: 76rem / $pxConvertRem;
 
-        h2 {
-            line-height: 76rem / $pxConvertRem;
-        }
+                h2 {
+                    line-height: 76rem / $pxConvertRem;
+                }
 
-        .arrow {
-            height: 76rem / $pxConvertRem;
-            line-height: 76rem / $pxConvertRem;
+                .arrow {
+                    height: 76rem / $pxConvertRem;
+                    line-height: 76rem / $pxConvertRem;
+                }
+            }
+
+            .intimacy-head h1{
+                font-size: 50rem / $pxConvertRem;
+            }
         }
-    }
 
-    .star-classroom .pop-intimacy .intimacy-head h1{
-        font-size: 50rem / $pxConvertRem;
+        .fan-charts-cont {
+            line-height: 80rem / $pxConvertRem;
+
+            .rank-ico {
+                top: 17rem / $pxConvertRem;
+            }
+
+            .rank-avatar {
+                top: 7rem / $pxConvertRem;
+            }
+
+            .fans-name {
+                height: 80rem / $pxConvertRem;
+            }
+
+            li {
+                height: 80rem / $pxConvertRem;
+            }
+        }
     }
 }
\ No newline at end of file

@@ -982,30 +982,52 @@
 
 
 @media screen and (max-height: 480px){
-    .star-classroom .pop-intimacy {
-        height: 828px;
-    }
+    .star-classroom {
+        .pop-intimacy {
+            height: 808px;
 
-    .star-classroom .pop-intimacy .day-item .item {
-        height: 50px;
-        line-height: 50px;
-        margin-top: 0;
-    }
+            .day-item .item {
+                height: 50px;
+                line-height: 50px;
+                margin-top: 0;
+            }
 
-    .star-classroom .pop-intimacy .fan-charts {
-        height: 76px;
+            .fan-charts {
+                height: 76px;
 
-        h2 {
-            line-height: 76px;
-        }
+                h2 {
+                    line-height: 76px;
+                }
 
-        .arrow {
-            height: 76px;
-            line-height: 76px;
+                .arrow {
+                    height: 76px;
+                    line-height: 76px;
+                }
+            }
+
+            .intimacy-head h1{
+                font-size: 50px;
+            }
         }
-    }
 
-    .star-classroom .pop-intimacy .intimacy-head h1{
-        font-size: 50px;
+        .fan-charts-cont {
+            line-height: 80px;
+
+            .rank-ico {
+                top: 17px;
+            }
+
+            .rank-avatar {
+                top: 7px;
+            }
+
+            .fans-name {
+                height: 80px;
+            }
+
+            li {
+                height: 80px;
+            }
+        }
     }
 }
\ No newline at end of file