Merge branch '2020-717-formal'

src/components/activity/2020-717/activity/index.js

@@ -1017,7 +1017,7 @@ class Anniversary2020 extends Component {
         <section id={'audition'} className={'audition'}>
           <div className="block-title"
                style={{background: `url(${titleImages[3]}) no-repeat`, backgroundSize: 'contain'}}></div>
-          <h4>报名集训营/就业班有豪礼相送，不止AirPods，送完即止</h4>
+          <h4><span>报名集训营/就业班有豪礼相送，不止AirPods，送完即止</span></h4>
           <ul className="course-container">
             {
               !!_auditions.length && _auditions.map((item, index) => {

src/components/activity/2020-717/activity/index.scss

@@ -834,10 +834,18 @@
     margin-bottom: 20px;
 
     h4 {
+      height: 28px;
+      margin: 10px auto;
       color: #fff;
       font-size: 12px;
-      margin: 10px 0 15px;
       text-align: center;
+
+      span {
+        padding: 5px 10px;
+        background: linear-gradient(90deg, rgba(24, 1, 197, 1) 0%, rgba(61, 167, 255, 1) 100%);
+        border-radius: 20px;
+        line-height: 28px;
+      }
     }
 
     .block-title {