Merge branch 'master' of http://119.23.72.7/liangjianmin/pcb

css/common/base.css

@@ -159,6 +159,20 @@ html,
 body {
   width: 100%;
 }
+.width-1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+.ellipsis {
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  -icab-text-overflow: ellipsis;
+  -khtml-text-overflow: ellipsis;
+  -moz-text-overflow: ellipsis;
+  -webkit-text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 .common-header {
   height: 90px;
 }
@@ -331,10 +345,6 @@ body {
 }
 .common-footer {
   height: 342px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
 }
 .common-footer .footer-top {
   height: 244px;

css/common/base.less

@@ -134,6 +134,21 @@ html, body {
 body {
   // overflow: hidden;
 }
+.width-1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+
+.ellipsis {
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  -icab-text-overflow: ellipsis;
+  -khtml-text-overflow: ellipsis;
+  -moz-text-overflow: ellipsis;
+  -webkit-text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 .common-header{
   height: 90px;
   &.common-header-b{
@@ -319,10 +334,6 @@ body {
 }
 .common-footer {
   height: 342px;
-  position: absolute;
-  bottom: 0;
-  left:0;
-  right:0;
   .footer-top {
     height: 244px;
 

css/home/home.css

@@ -159,6 +159,20 @@ html,
 body {
   width: 100%;
 }
+.width-1180 {
+  width: 1180px;
+  margin: 0 auto;
+}
+.ellipsis {
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  -icab-text-overflow: ellipsis;
+  -khtml-text-overflow: ellipsis;
+  -moz-text-overflow: ellipsis;
+  -webkit-text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 .common-header {
   height: 90px;
 }
@@ -331,10 +345,6 @@ body {
 }
 .common-footer {
   height: 342px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
 }
 .common-footer .footer-top {
   height: 244px;
@@ -511,24 +521,8 @@ body {
 .iconzhuanshi:before {
   content: "\e622";
 }
-.width-1180 {
-  width: 1180px;
-  margin: 0 auto;
-}
-.ellipsis {
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  -icab-text-overflow: ellipsis;
-  -khtml-text-overflow: ellipsis;
-  -moz-text-overflow: ellipsis;
-  -webkit-text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
 .home {
   min-width: 1180px;
-  position: relative;
-  padding-bottom: 342px;
 }
 .home .pre-div,
 .home .next-div {
@@ -622,6 +616,16 @@ body {
   width: 167px;
   height: 151px;
   background-color: #E89721;
+  color: #fff;
+  text-align: center;
+  cursor: pointer;
+}
+.home .home-header .width-1180 .header-form .header-form-content .header-form-content-r div {
+  font-size: 40px;
+  padding: 32px 0 17px;
+}
+.home .home-header .width-1180 .header-form .header-form-content .header-form-content-r p {
+  font-size: 16px;
 }
 .home .home-custom-desc .width-1180 {
   padding: 36px 0;

css/home/home.less

 @import '../common/base.less';
 @import '../common/font/iconfont.less';
 
-.width-1180 {
-  width: 1180px;
-  margin: 0 auto;
-}
-
-.ellipsis {
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  -icab-text-overflow: ellipsis;
-  -khtml-text-overflow: ellipsis;
-  -moz-text-overflow: ellipsis;
-  -webkit-text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
+
 
 .home {
   // width: 100%;
   min-width: 1180px;
-  position: relative;
-  padding-bottom: 342px;
-
   .pre-div,
   .next-div {
     position: absolute;
@@ -132,6 +115,16 @@
             width: 167px;
             height: 151px;
             background-color:#E89721 ;
+            color:#fff;
+            text-align: center;
+            cursor: pointer;
+            div{
+              font-size: 40px;
+              padding:32px 0 17px;
+            }
+            p{
+              font-size:  16px;
+            }
           }
         }
       }

index.html

@@ -87,7 +87,10 @@
                     </div>
                     <div class="header-form-content clr">
                         <div class="header-form-content-l fl"></div>
-                        <div class="header-form-content-r fr"></div>
+                        <div class="header-form-content-r fr">
+                            <div class="iconfont iconjisuanqi"></div>
+                            <p>Quote now</p>
+                        </div>
                     </div>
                 </div>
             </div>