updata-five

public/stylesheets/about-ie8.css

@@ -10,6 +10,11 @@
 .company-introduction .friend-list a.clear-bt {
   border-top: none;
 }
+.company-introduction .friend-list a.clear-after {
+  content: '';
+  width: 0;
+  height: 0;
+}
 /* .company-introduction end */
 .container-width-small .company-introduction > .company-introduction-box,
 .container-width-small .about-us-banner .banner-box {

public/stylesheets/about-ie8.less

@@ -17,6 +17,11 @@
       &.clear-bt {
         border-top:none;
       }
+      &.clear-after {
+        content: '';
+        width: 0;
+        height: 0;
+      }
     }
   }
 }

public/stylesheets/product-ie8.css

 /*.product-info start*/
-.intro {
-  width: 950px;
-  margin: 0 auto;
-}
 .detail {
-  width: 950px;
   margin: 0 auto;
   padding-bottom: 150px;
 }
@@ -28,3 +23,45 @@
   border-bottom: 0;
 }
 /*.product-info end*/
+/*.product-status start*/
+.product-status div.status-11 {
+  border-color: #ff4a4a;
+}
+/*.product-status end*/
+/*.modal-box-erweima start*/
+.modal-box-erweima .modal-dialog {
+  background: #ececec;
+}
+/*.modal-box-erweima end*/
+/*.modal-box start*/
+.modal-box .modal-dialog {
+  background: #ececec;
+}
+/*.modal-box end*/
+.container-width-small .intro,
+.container-width-small .appointment,
+.container-width-small .detail {
+  width: 990px;
+  margin: 0 auto;
+}
+.container-width-small .intro table {
+  width: 742.5px;
+}
+.container-width .intro,
+.container-width .appointment,
+.container-width .detail {
+  width: 1150px;
+  margin: 0 auto;
+}
+.container-width .intro table {
+  width: 862.5px;
+}
+.container-width-large .intro,
+.container-width-large .appointment,
+.container-width-large .detail {
+  width: 1360px;
+  margin: 0 auto;
+}
+.container-width-large .intro table {
+  width: 1020px;
+}

public/stylesheets/product-ie8.less

-/*.product-info start*/
-
-.intro {
-  width: 950px;
-  margin: 0 auto;
-}
-
+@import 'variable';
 
+/*.product-info start*/
 .detail {
-  width: 950px;
   margin: 0 auto;
   padding-bottom: 150px;
   table {
@@ -32,3 +26,61 @@
 }
 
 /*.product-info end*/
+
+/*.product-status start*/
+.product-status {
+  div.status-11 {
+    border-color: #ff4a4a;
+  }
+}
+/*.product-status end*/
+
+/*.modal-box-erweima start*/
+.modal-box-erweima {
+  .modal-dialog {
+    background: #ececec;
+  }
+}
+/*.modal-box-erweima end*/
+
+/*.modal-box start*/
+.modal-box {
+  .modal-dialog {
+    background: #ececec;
+  }
+}
+/*.modal-box end*/
+
+.container-width-small {
+  .intro,
+  .appointment,
+  .detail {
+    width: @container-width-small;
+    margin: 0 auto;
+  }
+  .intro table {
+    width: @container-width-small/4*3;
+  }
+}
+.container-width {
+  .intro,
+  .appointment,
+  .detail {
+    width: @container-width;
+    margin: 0 auto;
+  }
+  .intro table {
+    width: @container-width/4*3;
+  }
+}
+.container-width-large {
+  .intro,
+  .appointment,
+  .detail {
+    width: @container-width-large;
+    margin: 0 auto;
+  }
+  .intro table {
+    width: @container-width-large/4*3;
+  }
+}
\ No newline at end of file

public/stylesheets/product.css

@@ -99,7 +99,7 @@
   font-size: 40px;
   color: #000;
 }
-.intro .product-status > div {
+.intro .product-status div {
   position: absolute;
   top: -10px;
   left: -10px;
@@ -108,7 +108,7 @@
   border-radius: 50%;
   border: 10px solid transparent;
 }
-.intro .product-status > div.status-11 {
+.intro .product-status div.status-11 {
   border-right-color: #ff4a4a;
   animation: huxian 1s infinite linear;
 }
@@ -194,13 +194,13 @@ body {
 }
 .modal-box {
   display: none;
+  position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 999;
-  position: fixed;
 }
 .modal-box .modal-dialog {
   position: fixed;
@@ -210,17 +210,17 @@ body {
   margin-left: -300px;
   width: 600px;
   height: 400px;
-  background: #fff;
   border-radius: 10px;
   overflow: hidden;
+  background: #fff;
 }
-.modal-box .modal-dialog div:nth-child(1) {
+.modal-box .modal-dialog div.modal-dialog-top {
   width: 100%;
   height: 80px;
   background: #ff4a4b;
   position: relative;
 }
-.modal-box .modal-dialog div:nth-child(1) a {
+.modal-box .modal-dialog div.modal-dialog-top a {
   display: inline-block;
   width: 46px;
   height: 46px;
@@ -235,10 +235,10 @@ body {
   cursor: pointer;
   color: #fff;
 }
-.modal-box .modal-dialog div:nth-child(2) {
+.modal-box .modal-dialog div.modal-dialog-content {
   position: relative;
 }
-.modal-box .modal-dialog div:nth-child(2) i {
+.modal-box .modal-dialog div.modal-dialog-content i {
   display: inline-block;
   width: 69px;
   height: 69px;
@@ -247,7 +247,7 @@ body {
   left: 90px;
   top: 8px;
 }
-.modal-box .modal-dialog div:nth-child(2) h3 {
+.modal-box .modal-dialog div.modal-dialog-content h3 {
   font-size: 50px;
   font-weight: bold;
   color: #ff4a4a;
@@ -281,18 +281,17 @@ body {
   background: #fff;
   overflow: hidden;
 }
-.modal-box-erweima .modal-dialog > div {
-  text-align: center;
-}
-.modal-box-erweima .modal-dialog > div:nth-child(1) {
+.modal-box-erweima .modal-dialog .modal-dialog-top {
+  position: relative;
   height: 50px;
+  text-align: center;
   background: #ff4a4b;
-  position: relative;
 }
-.modal-box-erweima .modal-dialog > div:nth-child(2) {
+.modal-box-erweima .modal-dialog .modal-dialog-bottom {
   padding-top: 40px;
+  text-align: center;
 }
-.modal-box-erweima .modal-dialog > div:nth-child(2) p {
+.modal-box-erweima .modal-dialog .modal-dialog-bottom p {
   font-size: 26px;
 }
 .modal-box-erweima .modal-dialog .modal-dialog-close {
@@ -317,7 +316,7 @@ body {
     width: 990px;
     margin: 0 auto;
   }
-  body .intro > table {
+  body .intro table {
     width: 742.5px;
   }
 }
@@ -328,7 +327,7 @@ body {
     width: 1150px;
     margin: 0 auto;
   }
-  body .intro > table {
+  body .intro table {
     width: 862.5px;
   }
 }
@@ -339,7 +338,7 @@ body {
     width: 1360px;
     margin: 0 auto;
   }
-  body .intro > table {
+  body .intro table {
     width: 1020px;
   }
 }

public/stylesheets/product.less

@@ -105,7 +105,7 @@
       font-size: 40px;
       color: #000;
     }
-    & > div {
+     div {
       position: absolute;
       top: -10px;
       left: -10px;
@@ -209,13 +209,13 @@ body {
 
 .modal-box {
   display: none;
+  position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 999;
-  position: fixed;
   .modal-dialog {
     position: fixed;
     left: 50%;
@@ -224,11 +224,11 @@ body {
     margin-left: -300px;
     width: 600px;
     height: 400px;
-    background: #fff;
     border-radius: 10px;
     overflow: hidden;
+    background: #fff;
     div {
-      &:nth-child(1) {
+      &.modal-dialog-top {
         width: 100%;
         height: 80px;
         background: #ff4a4b;
@@ -249,7 +249,7 @@ body {
           color: #fff;
         }
       }
-      &:nth-child(2) {
+      &.modal-dialog-content {
         position: relative;
         i {
           display: inline-block;
@@ -299,22 +299,21 @@ body {
     top:200px;
     margin-left: -225px;
     border-radius: 10px;
-    background: #fff;
+    background:#fff;
     overflow: hidden;
-    & > div {
-      text-align: center;
-      &:nth-child(1){
+    .modal-dialog-top {
+      position: relative;
       height: 50px;
+      text-align: center;
       background: #ff4a4b;
-        position: relative;
     }
-      &:nth-child(2) {
+    .modal-dialog-bottom {
       padding-top: 40px;
+      text-align: center;
       p {
         font-size: 26px;
       }
     }
-    }
     .modal-dialog-close {
       width: 30px;
       height: 30px;
@@ -354,7 +353,7 @@ body {
     margin: 0 auto;
   }
 
-  .intro > table {
+  .intro table {
     width: @cw/4*3;
   }
 }

public/stylesheets/project-ie8.css

@@ -40,6 +40,11 @@
   transform: scale(1);
 }
 /* .hot-project-tabs end */
+/*.modal-box-success start*/
+.modal-box-success .modal-dialog {
+  background: #ececec;
+}
+/*.modal-box-success end*/
 .container-width-small .hot-project-introducer,
 .container-width-small .hot-project-tabs ul {
   width: 990px;

public/stylesheets/project-ie8.less

@@ -57,6 +57,14 @@
 
 /* .hot-project-tabs end */
 
+/*.modal-box-success start*/
+.modal-box-success {
+  .modal-dialog {
+    background: #ececec;
+  }
+}
+/*.modal-box-success end*/
+
 
 .container-width-small {
   .hot-project-introducer,

public/stylesheets/project.css

@@ -390,19 +390,19 @@
   border-radius: 10px;
   overflow: hidden;
 }
-.modal-box-success .modal-dialog div:nth-child(1) {
+.modal-box-success .modal-dialog div.modal-dialog-header {
   width: 100%;
   height: 80px;
   background: #ff4a4b;
   position: relative;
 }
-.modal-box-success .modal-dialog div:nth-child(1) h4 {
+.modal-box-success .modal-dialog div.modal-dialog-header h4 {
   line-height: 80px;
   font-size: 30px;
   color: #fff;
   padding-left: 50px;
 }
-.modal-box-success .modal-dialog div:nth-child(1) a {
+.modal-box-success .modal-dialog div.modal-dialog-header a {
   display: inline-block;
   width: 46px;
   height: 46px;
@@ -417,10 +417,10 @@
   cursor: pointer;
   color: #fff;
 }
-.modal-box-success .modal-dialog div:nth-child(2) {
+.modal-box-success .modal-dialog div.modal-dialog-content {
   position: relative;
 }
-.modal-box-success .modal-dialog div:nth-child(2) i {
+.modal-box-success .modal-dialog div.modal-dialog-content i {
   display: inline-block;
   width: 69px;
   height: 69px;
@@ -429,7 +429,7 @@
   left: 90px;
   top: 8px;
 }
-.modal-box-success .modal-dialog div:nth-child(2) h3 {
+.modal-box-success .modal-dialog div.modal-dialog-content h3 {
   font-size: 50px;
   font-weight: bold;
   color: #ff4a4a;

public/stylesheets/project.less

@@ -427,7 +427,7 @@
     border-radius: 10px;
     overflow: hidden;
     div {
-      &:nth-child(1) {
+      &.modal-dialog-header {
         width: 100%;
         height: 80px;
         background: #ff4a4b;
@@ -454,7 +454,7 @@
           color: #fff;
         }
       }
-      &:nth-child(2) {
+      &.modal-dialog-content {
         position: relative;
         i {
           display: inline-block;

views/about.hbs

@@ -50,11 +50,11 @@
             <a href="http://www.jxi.cn/Index.aspx" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/21pemhvbmdqaWFuZ18wMw==_125x140.png);" class="clear-bl clear-bt"></a>
             <a href="http://www.zritc.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/5m4emhvbmdyb25nXzAz_199x144.png);" class="clear-bt"></a>
             <a href="http://www.natrust.cn/home/cn/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/nz1Z3VvbWluXzAz_109x142.png);" class="clear-bt"></a>
-            <a href="http://www.ebtrust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/4qvZ3VhbmdkYV8wMw==_167x142.png);" class="clear-bt"></a>
+            <a href="http://www.ebtrust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/4qvZ3VhbmdkYV8wMw==_167x142.png);" class="clear-bt clear-after"></a>
             <a href="http://trust.ecitic.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/16uemhvbmd4aW5nXzAz_166x51.png);" class="clear-bl"></a>
             <a href="http://www.fd-trust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/w2mZmFuZ3poZW5nXzAz_208x50.png);"></a>
             <a href="http://www.huaxintrust.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/cb0aHVheGluZ18wMw==_196x54.png);"></a>
-            <a href="http://ztxt.show.imosi.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/frsemhvbmd0YWlfMDM=_190x51.png);"></a>
+            <a href="http://ztxt.show.imosi.com/" target='_blank 'style="background-image:url(https://res.fudou6.com/c/4/20160802/frsemhvbmd0YWlfMDM=_190x51.png); " class="clear-after"></a>
         </div>
     </div>
 </div>

views/product.hbs

@@ -150,10 +150,10 @@
 </div>
 <div class="modal-box">
     <div class="modal-dialog">
-        <div>
+        <div class="modal-dialog-top">
             <a id="modalBoxHidden">&times;</a>
         </div>
-        <div>
+        <div class="modal-dialog-content">
             <i></i>
             <h3>恭喜你预约成功!</h3>
         </div>
@@ -162,10 +162,10 @@
 </div>
 <div class="modal-box-erweima">
     <div class="modal-dialog">
-        <div>
+        <div class="modal-dialog-top">
             <a class="modal-dialog-close">&times</a>
         </div>
-        <div>
+        <div class="modal-dialog-bottom">
             <a href="javascript:;">
                 <img src="https://res.fudou6.com/c/4/20160802/acpNi5waWNfaGQ=_280x280.jpg" alt="erweima"/>
             </a>

views/project.hbs

@@ -114,11 +114,11 @@
 </div>
 <div class="modal-box-success">
     <div class="modal-dialog">
-        <div>
+        <div class="modal-dialog-header">
             <h4>优质项目介绍</h4>
             <a href="javascript:void('close');" class="modal-dialog-close">&times;</a>
         </div>
-        <div>
+        <div class="modal-dialog-content">
             <i></i>
             <h3>提交成功!</h3>
         </div>