修完bug

@@ -35,7 +35,10 @@
             <div class="liverec_info">
             <div class="liverec_info">
                 <img class="liverec_head" src="{{image master_pic 120 120}}" alt="头像">
                 <img class="liverec_head" src="{{image master_pic 120 120}}" alt="头像">
                 <div class="liverec_pannel">
                 <div class="liverec_pannel">
-                    <p class="liverec_name">{{master_name}} <span class="name-tag">{{master_meta}}</span></p>
+                    <p class="liverec_name">
+                        <span class="name-name">{{master_name}}</span>
+                        <span class="name-tag">{{master_meta}}</span>
+                    </p>
                     <p class="liverec_tag">{{title}}</p>
                     <p class="liverec_tag">{{title}}</p>
                 </div>
                 </div>
             </div>
             </div>

@@ -57,60 +57,13 @@ $border: #e0e0e0;
         line-height: 1.5;
         line-height: 1.5;
     }
     }
     
     
-    /*&_info {
-        position: relative;
-        height: 102px;
-        width: 320px;
-        border-top: 1px solid $border;
-        border-bottom: 1px solid $border;
-    }*/
-
-    /*&_head {
-        position: absolute;
-        top: 20px;
-        left: 30px;
-        height: 60px;
-        width: 60px;
-        border-radius: 50%;
-    }*/
-
-    /*&_pannel {
-        position: absolute;
-        top: 20px;
-        left: 110px;
-    }*/
-
-    &_name {
-        margin-bottom: 14px;
-        font-size: 26px;
-        color: $black;
-        line-height: 100%;
-    }
-
-    /*.name-tag {
-        position: relative;
-        top: -2px;
-        display: inline-block;
-        height: 26px;
-        width: 86px;
-        font-size: 17.9px;
-        background: $black;
-        margin-left: 5px;
-        border-radius: 20px;
-        color: $white;
-        text-align: center;
-        line-height: 1.5;
-    }*/
-
     &_tag {
     &_tag {
         font-size: 20px;
         font-size: 20px;
+        line-height: 1.2;
         color: $black;
         color: $black;
-        line-height: 100%;
-        display: -webkit-box;
         overflow: hidden;
         overflow: hidden;
-        word-break: break-all;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 1;
+        white-space: nowrap;
+        text-overflow: ellipsis;
     }
     }
 }
 }
 
 
@@ -128,19 +81,34 @@ $border: #e0e0e0;
 }
 }
 
 
 .liverec_pannel {
 .liverec_pannel {
+    line-height: 1;
     overflow: hidden;
     overflow: hidden;
 }
 }
 
 
 .liverec_name {
 .liverec_name {
-    line-height: 1;
     font-size: 26px;
     font-size: 26px;
     margin-bottom: 14px;
     margin-bottom: 14px;
+    color: $black;
+
+    .name-name {
+        display: inline-block;
+        height: 26px;
+        max-width: 85px;
+        overflow: hidden;
+    }
 
 
     .name-tag {
     .name-tag {
         display: inline-block;
         display: inline-block;
-        width: 100px;
-        text-align: center;
         font-size: 18px;
         font-size: 18px;
+        height: 26px;
+        line-height: 26px;
+        padding: 0 8px;
+        max-width: 90px;
+        text-align: center;
+        background: $black;
+        border-radius: 20px;
+        color: $white;
+        vertical-align: top;
     }           
     }           
 }
 }