bug fixes

src/components/layout/header.vue

@@ -34,7 +34,7 @@ export default {
 .app-header {
   background-color: #fff;
   .inner {
-    max-width: 1110px;
+    max-width: 1140px;
     margin: 0 auto;
   }
 }

src/pages/shop.vue

@@ -145,11 +145,12 @@ export default {
 <style lang="scss" scoped>
 .shop-content {
   .inner {
-    width: 1110px;
+    width: 1140px;
     margin: 0 auto;
     display: flex;
     padding-top: 20px;
     .shop-content__left {
+      flex: 1;
       .left-con__top {
         display: flex;
         .swiper-box {
@@ -177,6 +178,7 @@ export default {
           }
         }
         .order-detail {
+          flex: 1;
           border-right: 1px solid #dedede;
           padding-right: 22px;
           box-sizing: border-box;
@@ -189,7 +191,6 @@ export default {
             color: #333333;
           }
           .price {
-            width: 434px;
             height: 65px;
             background: #f6f4f5;
             display: flex;
@@ -200,21 +201,22 @@ export default {
               margin-left: 16px;
             }
             .num {
-              padding-left: 40px;
+              flex: 1;
               font-weight: bold;
               font-size: 36px;
               color: #c01540;
+              text-align: right;
+              white-space: nowrap;
               span {
                 font-size: 24px;
               }
             }
             .stock {
-              margin-left: auto;
+              margin-left: 10px;
               padding: 0 20px;
               border-left: 1px solid #dedede;
               height: 42px;
               font-size: 14px;
-              // line-height: 28px;
               color: #a0a0a0;
               span {
                 color: rgba(192, 21, 64, 1);