修复超过多少多少医生文案，垂直居中兼容性问题

assets/style/awards-list/personal-grade.less

@@ -97,23 +97,14 @@
               margin-bottom: 6px;
             }
             .trapezoid {
-              position: relative;
-              .detail-bg {
-                width: 110px;
-                padding-left: 5px;
-                border-right:5px solid transparent;
-                border-top:21px solid #FFF36C;
-                padding-right: 5px;
-              }
-              .detail-text {
-                position: absolute;
-                top: 3px;
-                left: 5px;
-                color: #F7753F;
-                font-size: 14px;
-                font-weight: 700;
-                line-height: 14px;
-              }
+              width: 113px;
+              height: 23px;
+              line-height: 25px;
+              padding: 0 7px 0 5px;
+              background:linear-gradient(-75deg,transparent 0,transparent 15px,#FFF36C 0,);
+              color: #F7753F;
+              font-size: 14px;
+              font-weight: 700;
             }
             .detail {
               color: #FFF36C;

pages/awards-list/personal-grade.vue

@@ -26,11 +26,8 @@
             <div class="line" :class="{'line168': !myGrades.diligence }"></div>
             <div class="content">
               <p class="label">累计获得勤奋分</p>
-              <p class="grade">{{myGrades.diligence}}</p>
-              <div class="trapezoid" v-if="myGrades.diligence">
-                <p class="detail-bg"></p>
-                <p class="detail-text">超过{{myGrades.superCount||0}}%的医生</p>
-              </div>
+              <p class="grade" >{{myGrades.diligence}}</p>
+              <p class="trapezoid" v-if="myGrades.diligence">超过{{myGrades.superCount||0}}%的医生</p>
               <div class="detail" v-else>未参与本次活动</div>
             </div>
           </div>