修改部分样式

src/assets/css/GameRanking.css

-.Ranking{
+.Ranking {
     width: 100%;
     height: 100%;
     background: url(/static/image/gamerank/bg.png);
@@ -9,72 +9,82 @@
     top: 0;
     z-index: 10009;
 }
-.Ranking .logo{
+
+.Ranking .logo {
     position: relative;
     left: 4rem;
     top: 2rem;
 }
-.Ranking p.tit{
+
+.Ranking p.tit {
     text-align: center;
     font-size: 4rem;
     color: white;
     position: relative;
     top: -20px;
 }
-.Ranking .rank-box{
+
+.Ranking .rank-box {
     width: 80%;
     margin: 0 auto;
     display: flex;
     padding-top: 4rem;
 }
+
 .Ranking .rank-box .item {
     width: 9rem;
     padding: 6rem 0;
 }
-.Ranking .rank-box .item .head{
+
+.Ranking .rank-box .item .head {
     position: relative;
     width: 5rem;
     height: 5rem;
     border-radius: 50%;
-    background:linear-gradient(0deg,rgba(247,213,23,1),rgba(255,171,2,1));
+    background: linear-gradient(0deg, rgba(247, 213, 23, 1), rgba(255, 171, 2, 1));
     padding: .4rem;
     margin: 0 auto;
 }
-.Ranking .rank-box .item .head .maozi{
+
+.Ranking .rank-box .item .head .maozi {
     position: absolute;
     left: -12px;
     top: -20px;
     box-sizing: border-box;
 }
-.Ranking .rank-box .item .head .user-img{
+
+.Ranking .rank-box .item .head .user-img {
     width: 5rem;
     height: 5rem;
     border-radius: 50%;
 }
-.Ranking .rank-box .item .body{
-    
+
+.Ranking .rank-box .item .body {
     width: 60px;
     margin: 0 auto;
     height: 292px;
     position: relative;
-    margin-bottom: 3rem;
-} 
-.Ranking .rank-box .item .body .color{
+    margin-bottom: 2rem;
+}
+
+.Ranking .rank-box .item .body .color {
     position: absolute;
     left: 5%;
     bottom: 0;
     width: 89%;
-    border-radius:0px 0px 30px 30px;
+    border-radius: 0px 0px 30px 30px;
     background: url(/static/image/gamerank/tiao2.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }
-.Ranking .rank-box .item .name{
+
+.Ranking .rank-box .item .name {
     text-align: center;
     font-family: 'PingFangR';
     font-size: 2.4rem;
     color: white;
 }
+
 .Ranking .rank-box .item .name p:nth-child(1) {
     padding: .4rem;
 }
\ No newline at end of file

src/assets/css/init.css

-@font-face{
-    font-family:'yinxiang2020';
-    src:url('../font/yinxiang2020.woff');
+@font-face {
+    font-family: 'yinxiang2020';
+    src: url('../font/yinxiang2020.woff');
 }
-.yinxiang2020{
-  font-family: 'yinxiang2020';
+
+@font-face {
+    font-family: "PingFangR";
+    src: url("../font/Semibold.ttf") format("truetype");
+    font-style: normal;
+    font-weight: normal;
+}
+
+.yinxiang2020 {
+    font-family: 'yinxiang2020';
 }
-html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
-	margin: 0;
-	padding: 0
+
+html,
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+p,
+blockquote,
+pre,
+hr,
+figure,
+table,
+caption,
+th,
+td,
+form,
+fieldset,
+legend,
+input,
+button,
+textarea,
+menu {
+    margin: 0;
+    padding: 0
 }
 
-header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
-	display: block
+header,
+footer,
+section,
+article,
+aside,
+nav,
+hgroup,
+address,
+figure,
+figcaption,
+menu,
+details {
+    display: block
 }
 
 table {
-	border-collapse: collapse;
-	border-spacing: 0
+    border-collapse: collapse;
+    border-spacing: 0
 }
 
-caption,th {
-	text-align: left;
-	font-weight: normal
+caption,
+th {
+    text-align: left;
+    font-weight: normal
 }
 
-html,body,fieldset,img,iframe,abbr {
-	border: 0
+html,
+body,
+fieldset,
+img,
+iframe,
+abbr {
+    border: 0
 }
 
-i,cite,em,var,address,dfn {
-	font-style: normal
-}[hidefocus],summary {
-	outline: 0
+i,
+cite,
+em,
+var,
+address,
+dfn {
+    font-style: normal
+}
+
+[hidefocus],
+summary {
+    outline: 0
 }
 
 li {
-	list-style: none
+    list-style: none
 }
 
-html,body {
-	width: 100%;
-	height: 100%
+html,
+body {
+    width: 100%;
+    height: 100%
 }
 
 html {
-	overflow: hidden;
-	font-size: 62.5%
+    overflow: hidden;
+    font-size: 62.5%
 }
-.ce9{
-  color: #e9d5ab !important;
+
+.ce9 {
+    color: #e9d5ab !important;
 }
\ No newline at end of file