nav-flex-space-around

 <div class="guang-list-page guang-page yoho-page" id="guangList">
 
     {{# guang}}
-        <ul id="guang-nav" class="guang-nav clearfix">
+        <ul id="guang-nav" class="guang-nav">
             {{# navs}}
                 <li class="guang-nav-item {{#focus}}focus{{/focus}}" data-type={{typeId}}>
                     {{type}}

@@ -59,14 +59,15 @@
     .guang-nav {
         background-color: #fff;
         overflow: hidden;
+        width: 100%;
         height: 80px;
+        display: flex;
+        justify-content: space-around;
     }
 
     .guang-nav-item {
-        float: left;
         color: #ccc;
         font-size: 14PX;
-        width: 100px;
         text-align: center;
         line-height: 80px;