Merge remote-tracking branch 'origin/大连青谷网站' into 大连青谷网站

pages/product/shiChangYingXiao.vue

@@ -291,23 +291,26 @@ export default {
   .nav-btns {
     width: 460px;
     height: 80px;
-    margin: 50px auto 70px;
+    margin: 46px auto 70px;
     border-radius: 80px;
     border: 1px solid #00b96b;
     display: flex;
     align-items: center;
+    padding: 5px;
 
     span  {
-      display: inline-block;
       width: 50%;
       height: 100%;
       line-height: 80px;
       text-align: center;
       cursor: pointer;
-      transition: all .5s ease;
+      display: inline-block;
+      border-radius: 80px;
+      outline: none;
+
+
 
       &.active {
-        border-radius: 80px;
         background: #00b96b;
         color: #fff;
       }
@@ -348,25 +351,27 @@ export default {
     margin: 0 auto;
     text-align: center;
     .nav-btns {
-      width: 460px;
-      height: 80px;
-      margin: 50px auto 70px;
-      border-radius: 80px;
+      width: 80%;
+      height: 40px;
+      margin: 25px auto 35px;
+      border-radius: 40px;
       border: 1px solid #00b96b;
       display: flex;
       align-items: center;
+      padding: 3px;
 
       span  {
         display: inline-block;
         width: 50%;
         height: 100%;
-        line-height: 80px;
+        line-height: 40px;
         text-align: center;
         cursor: pointer;
-        transition: all .5s ease;
+        font-size: 16px;
+        border-radius: 40px;
+        outline: none;
 
         &.active {
-          border-radius: 80px;
           background: #00b96b;
           color: #fff;
         }