增加normalize.css

src/App.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import "styles/iconfont/iconfont.css";
-import "styles/common.scss";
-import "styles/reset.css";
+import "styles/normalize.scss";
+import "styles/default.scss"
 import "./utils/prototype"
 export default class App extends Component {
   componentDidMount() {}

src/pages/home/index.scss

@@ -266,32 +266,66 @@
     .bihuan-process {
       margin: 100px 30px;
       .process {
-        width: 100%;
-        height: 5px;
-        background: linear-gradient(to right, #ffc003, #ff4753);
-        border-radius: 5px;
-        position: relative;
         display: flex;
-        align-items: center;
         justify-content: space-between;
-        li{
-          flex:auto;
+        position: relative;
+        width: 106%;
+        left: 50%;
+        transform: translateX(-50%);
+        &::after{
+          content: "";
+          position: absolute;
+          top: 12px;
+          left: 50%;
+          transform: translateX(-50%);
+          width: 90%;
+          height: 6px;
+          background: linear-gradient(to right,#ffc003,#ff4753);
+        }
+        li {
           position: relative;
           text-align: center;
-          padding-top: 50px;
+          padding-top: 44px;
+          flex:1;
+          &:nth-child(1):after {
+            background-color: #ffa811;
+          }
+          &:nth-child(2):after {
+            background-color: #ffb707;
+          }
+          &:nth-child(3):after {
+            background-color: #ffa811;
+          }
+          &:nth-child(4):after {
+            background-color: #ff961d;
+          }
+          &:nth-child(5):after {
+            background-color: #ff862c;
+          }
+          &:nth-child(6):after {
+            background-color: #ff7434;
+          }
+          &:nth-child(7):after {
+            background-color: #ff6849;
+          }
+          &:nth-child(8):after {
+            background-color: #ff514c;
+          }
+          &:nth-child(9):after {
+            background-color: #ff4753;
+          }
           &::after {
-            display: block;
+            content: "";
             width: 16px;
             height: 16px;
-            background-color: #ffc003;
-            border: 6px solid #fff;
-            border-radius: 50%;
-            box-shadow: 5px 5px 10px rgba(255, 105, 120, 0.36);
             position: absolute;
-            top: 15px;
+            top: 0;
             left: 50%;
             transform: translateX(-50%);
-            content: '',
+            border-radius: 50%;
+            border: 6px solid #fff;
+            box-shadow: 0 4px 20px 0 rgba(255, 105, 120, 0.36);
+            z-index: 1;
           }
         }
       }
@@ -317,7 +351,6 @@
           text-align: center;
         }
       }
-
     }
   }
 }