一左二有图片资源位样式修改

@@ -18,7 +18,7 @@
             (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=640){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/640)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window);
         </script>
         {{#if devEnv}}
-            <link rel="stylesheet" href="//localhost:5001/css/index.css">
+            <link rel="stylesheet" href="//172.16.10.72:5001/css/index.css">
         {{^}}
             <link rel="stylesheet" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css">
         {{/if}}
@@ -41,8 +41,8 @@
             <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
         {{/wechatShare}}
         {{#if devEnv}}
-            <script src="//localhost:5001/libs.js"></script>
-            <script src="//localhost:5001/{{module}}.{{page}}.js"></script>
+            <script src="//172.16.10.72:5001/libs.js"></script>
+            <script src="//172.16.10.72:5001/{{module}}.{{page}}.js"></script>
         {{^}}
             <script src="//cdn.yoho.cn/m-yohobuy-node/{{version}}/libs.js"></script>
             <script src="//cdn.yoho.cn/m-yohobuy-node/{{version}}/{{module}}.{{page}}.js"></script>

-<div class="left-right-thumb-row">
+<div class="left-right-thumb-row clearfix">
 {{# data}}
+    <div class="left-container">
         {{# left}}
             <a href="{{url}}">
                 <div class="thumb-row-box left-thumb-row-box" style="background-image:url({{image src 275 160}})"></div>
             </a>
         {{/ left}}
+    </div>
     <div class="right-container">
         {{# right}}
             <a href="{{url}}">

@@ -2,8 +2,9 @@
     background-color: #fff;
     text-align: center;
     margin-bottom: 30px;
-    padding: 30px 0;
+    padding: 30px 28px;
     border-bottom: 1px solid #e0e0e0;
+    font-size: 0;
 
     .thumb-row-box {
         display: inline-block;
@@ -13,7 +14,7 @@
         background-size: 100% 100%;
         background-repeat: no-repeat;
         background-position: center;
-        margin: 0 14.4px;
+        margin: 0;
 
         &.first {
             margin: 0 !important;
@@ -24,15 +25,19 @@
         height: 308px;
     }
 
+    .left-container {
+        float: left;
+    }
+
     .right-container {
-        display: inline-block;
+        float: right;
         width: 275px;
         height: 280px;
         border-radius: 4px;
-        margin: 0 14.4px;
+        margin: 0;
 
         .right-thumb-row-box {
-            margin: 32px 0 0;
+            margin: 44px 0 0;
         }
     }
 }