clear-fix

 {{# list}}
 <div class="grade-bill">
     <div class="grade-bill-left">
-        <div class="order"><span>{{desc}}</span>{{#if activityInfoTitle}}<span class="order-tip">({{activityInfoTitle}}</span><span class="order-tip-end">)</span>{{/if}}</div>
+        <div class="order clearfix"><span>{{desc}}</span>{{#if activityInfoTitle}}<span class="order-tip">({{activityInfoTitle}}</span><span class="order-tip-end">)</span>{{/if}}</div>
         <div class="time">{{createTimeStr}}</div>
     </div>
     <div class="grade-bill-right">

@@ -21,6 +21,14 @@
 }
 
 .grade-detail-page {
+    .clearfix:after {
+        content: ".";
+        display: block;
+        height: 0;
+        clear: both;
+        visibility: hidden;
+    }
+
     > .user-defined-header > .nav-title {
         font-size: 32px;
         font-weight: 500;
@@ -143,6 +151,8 @@
             .grade-bill-left > .order {
                 font-size: 22px;
                 white-space: nowrap;
+                width: 100%;
+                height: 40px;
 
                 span {
                     float: left;
@@ -161,12 +171,12 @@
                     text-overflow: ellipsis;
                     margin-left: 10px;
                 }
+            }
 
-                .time {
-                    margin-top: 4px;
-                    font-size: 18px;
-                    color: #444;
-                }
+            .grade-bill-left > .time {
+                margin-top: 4px;
+                font-size: 18px;
+                color: #444;
             }
 
             .grade-bill-right {