css fix detail fix

f776538c · hank · 607e553a · f776538c · f776538c · f776538c
Commit f776538c authored Mar 13, 2019 by hank
18 changed files
--- a/html/about.html
+++ b/html/about.html
@@ -249,6 +249,8 @@
  <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
  <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
  <script src="../js/banner.js"></script>
+  <script src="../js/partticles.js"></script>
+
 </body>
 <script>
  $(document).ready(function () {

--- a/html/dynamic.html
+++ b/html/dynamic.html
@@ -179,6 +179,8 @@
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
  <script src="../js/masonry-docs.min.js"></script>
  <script src="../js/banner.js"></script>
+  <script src="../js/partticles.js"></script>
+
  <!--[if lte IE 9]>   
    <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">

--- a/html/dynamicDetail.html
+++ b/html/dynamicDetail.html
@@ -218,6 +218,8 @@
  <script src="../js/masonry-docs.min.js"></script>
  <script src="../js/banner.js"></script>
  <script src="../js/tools.js"></script>
+  <script src="../js/partticles.js"></script>
+
 </body>
 <script>
  $(document).ready(function () {

--- a/html/productDetail.html
+++ b/html/productDetail.html
@@ -95,7 +95,7 @@
    </div>
  </div>
  <div class="main2-container">
-    <div class="container" style="height: 650px;">
+    <div class="container product-detail-container" style="">
        <div class="detail-container">
            <div class="introduce animated fadeInUp" style="animation-delay: 0.2s;">
  
@@ -180,6 +180,8 @@
  <script src="../js/masonry-docs.min.js"></script>
  <script src="../js/banner.js"></script>
  <script src="../js/tools.js"></script>
+  <script src="../js/partticles.js"></script>
+
 </body>
 <script>
  $(document).ready(function () {
@@ -187,6 +189,7 @@
      console.log(JSON.parse(res))
      var result = JSON.parse(res).data
      $('.detail-container .introduce .name').text(result.title)
+      $('.detail-container .introduce .en').text(result.title_en)
      $('.detail-container .introduce .bottom').html(result.content)
      update(createHtml(result.images))
    })

--- a/html/products.html
+++ b/html/products.html
@@ -405,6 +405,7 @@

  <script src="../js/banner.js"></script>
  <script src="../js/tools.js"></script>
+  <script src="../js/partticles.js"></script>
  <script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
    
  "></script>

--- a/html/products2.html
+++ b/html/products2.html
@@ -408,6 +408,8 @@
  <script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
    
  "></script>
+  <script src="../js/partticles.js"></script>
+
 </body>
 <script>
  $(document).ready(function () {

--- a/html/recruit.html
+++ b/html/recruit.html
@@ -26,6 +26,7 @@
  <!-- <script src="../js/less.min.js"></script>
  <script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script> -->
  <script src="../js/tools.js"></script>
+
 </head>

 <body>
@@ -334,6 +335,8 @@
  <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
  <script src="../js/banner.js"></script>
  <script src="../js/masonry-docs.min.js"></script>
+  <script src="../js/partticles.js"></script>
+
 </body>
 <script>
  $(document).ready(function () {

--- a/html/solution.html
+++ b/html/solution.html
@@ -344,6 +344,8 @@
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
  <script src="../js/masonry-docs.min.js"></script>
  <script src="../js/banner.js"></script>
+  <script src="../js/partticles.js"></script>
+
  <!--[if lte IE 9]>   
    <script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">

--- a/style/about.css
+++ b/style/about.css
@@ -238,8 +238,8 @@ ul {
  font-size: 14.5px;
 }
 .our-products .views-content .one {
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  background: url('../img/03_01.png') no-repeat top center;
  position: relative;
  width: 378px;
@@ -301,8 +301,8 @@ ul {
  top: 162px;
  left: 457px;
  border: 2px solid #D6D6D6 ;
-  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961) inset;
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961) inset;
+  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1) inset;
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1) inset;
 }
 .map-container .introduce {
  margin-left: 27px;
@@ -311,8 +311,8 @@ ul {
  background: url('../img/mapbg.png') no-repeat top center;
  background-size: cover;
  margin-top: 41px;
-  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  padding-left: 34px;
 }
 .map-container .introduce .top {
@@ -351,7 +351,6 @@ ul {
 }
 .left-menu {
  display: inline-block;
-  background: url('/img/bg3.png') top center no-repeat;
  background-position: 0 0;
  width: 280px;
 }

--- a/style/about.less
+++ b/style/about.less
@@ -254,8 +254,8 @@ ul {
      font-size: 14.5px;
    }
    .one {
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
      background: url('../img/03_01.png') no-repeat top center;
      position: relative;
      width:378px;
@@ -321,8 +321,8 @@ ul {
    top: 162px;
    left: 457px;
    border: 2px solid #D6D6D6 ;
-    // -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
-    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137) inset;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137) inset;
+    // -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1) inset;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1) inset;
  }
  .introduce {
    margin-left: 27px;
@@ -331,8 +331,8 @@ ul {
    background: url('../img/mapbg.png') no-repeat top center;
    background-size: cover;
    margin-top: 41px;
-    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
-            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    padding-left: 34px;
    .top {
      padding-top: 60px;
@@ -373,7 +373,7 @@ ul {
 // 解决方案
 .left-menu {
  display: inline-block;
-   background: url('/img/bg3.png') top center no-repeat;
+  //  background: url('/img/bg3.png') top center no-repeat;
   background-position: 0 0;
   width: 280px;
  .menu-title {

--- a/style/common.css
+++ b/style/common.css
@@ -1765,4 +1765,10 @@ margin-top: 0.1rem;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
+}
+@media (min-width: 768px) {
+.navbar-right .dropdown-menu {
+  right: auto !important;
+  left: -7px !important;
+}
 }
\ No newline at end of file
--- a/style/index.css
+++ b/style/index.css
@@ -401,8 +401,8 @@ ul {
  line-height: 30px;
 }
 .our-products .views-content .one {
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  float: left;
  position: relative;
  width: 340px;
@@ -419,8 +419,8 @@ ul {
  clear: both;
 }
 .our-products .views-content .two {
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: inline-block;
  position: relative;
  width: 340px;
@@ -567,7 +567,6 @@ ul {
 }
 .left-menu {
  display: inline-block;
-  background: url('/img/bg3.png') top center no-repeat;
  background-position: 0 0;
  width: 280px;
 }
@@ -817,8 +816,8 @@ ul {
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
 }
 .about-container .bottom-list .item .title {
@@ -840,8 +839,8 @@ ul {
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
 }
 .about-container .bottom-list .item2 .title {
@@ -856,8 +855,8 @@ ul {
  top: -80px;
  border-radius: 50%;
  background: white;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 }
 .about-container .bottom-list .item2:hover {
  -webkit-transition: 0.3s;
@@ -917,8 +916,8 @@ ul {
  text-indent: 0px;
  margin-right: 1%;
  margin-bottom: 30px;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 }
 .solution-container .case .case-item img {
  width: 100%;

--- a/style/index.less
+++ b/style/index.less
@@ -427,8 +427,8 @@ ul {
      }
    }
    .one {
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

      float: left;
      position: relative;
@@ -447,8 +447,8 @@ ul {
      clear: both;
    }
    .two {
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      display: inline-block;
      position: relative;
      width:340px;
@@ -608,7 +608,7 @@ ul {
 // 解决方案
 .left-menu {
  display: inline-block;
-   background: url('/img/bg3.png') top center no-repeat;
+  //  background: url('/img/bg3.png') top center no-repeat;
   background-position: 0 0;
   width: 280px;
  .menu-title {
@@ -871,8 +871,8 @@ ul {
      background-color: rgba(255, 255, 255, 1);
      border: none;
      border-radius: 0px;
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      text-align: center;
      .title {
        font-size: 22px;
@@ -895,8 +895,8 @@ ul {
      background-color: rgba(255, 255, 255, 1);
      border: none;
      border-radius: 0px;
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      text-align: center;
      .title {
        font-size: 22px;
@@ -910,8 +910,8 @@ ul {
        top: -80px;
        border-radius: 50%;
        background: white;
-        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      }
      &:hover {
        -webkit-transition: 0.3s;
@@ -986,8 +986,8 @@ ul {
      text-indent: 0px;
      margin-right: 1%;
      margin-bottom: 30px;
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-              box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+              box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      .img-container {}
      img {
        width: 100%;

--- a/style/products.css
+++ b/style/products.css
@@ -303,8 +303,8 @@ ul {
  font-size: 14.5px;
 }
 .our-products .views-content .one {
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  background: url('../img/03_01.png') no-repeat top center;
  position: relative;
  width: 378px;
@@ -324,7 +324,6 @@ ul {
 }
 .left-menu {
  display: inline-block;
-  background: url('/img/bg3.png') top center no-repeat;
  background-position: 0 0;
  width: 280px;
 }

--- a/style/products.less
+++ b/style/products.less
@@ -327,8 +327,8 @@ ul {
      font-size: 14.5px;
    }
    .one {
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
      background: url('../img/03_01.png') no-repeat top center;
      position: relative;
      width:378px;
@@ -352,7 +352,7 @@ ul {
 // 解决方案
 .left-menu {
  display: inline-block;
-   background: url('/img/bg3.png') top center no-repeat;
+  //  background: url('/img/bg3.png') top center no-repeat;
   background-position: 0 0;
   width: 280px;
  .menu-title {

--- a/style/solution.css
+++ b/style/solution.css
@@ -245,8 +245,8 @@ ul {
  font-size: 14.5px;
 }
 .our-products .views-content .one {
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  background: url('../img/03_01.png') no-repeat top center;
  position: relative;
  width: 378px;
@@ -422,7 +422,6 @@ ul {
 }
 .left-menu {
  display: inline-block;
-  background: url('/img/bg3.png') top center no-repeat;
  background-position: 0 0;
  width: 280px;
 }
@@ -528,8 +527,8 @@ ul {
  background: url('../img/mapbg.png') no-repeat top center;
  background-size: cover;
  margin-top: 41px;
-  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  padding-left: 34px;
 }
 .join .introduce .top {
@@ -589,8 +588,8 @@ ul {
  padding-bottom: 70px;
 }
 .jobs .detail {
-  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  background: url('../img/mapbg.png') no-repeat top center;
  background-size: cover;
  padding: 0 26px;
@@ -650,6 +649,9 @@ ul {
  text-indent: 0px;
  margin-right: 1%;
 }
+.product-detail-container {
+  min-height: 650px;
+}
 .detail-container {
  background: url('/img/kuang3.png') top center no-repeat;
  min-height: 400px;
@@ -661,11 +663,11 @@ ul {
 .detail-container .introduce {
  margin-left: 5%;
  width: 368px;
-  height: 460px;
+  min-height: 460px;
  background: url('../img/mapbg.png') no-repeat top center;
  background-size: cover;
-  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961);
+  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  padding-left: 34px;
 }
 .detail-container .introduce .top {
@@ -816,9 +818,8 @@ ul {
  line-height: 30px;
 }
 .dynamic-detail .blockquote img {
-  width: 100%;
+  max-width: 100%;
  height: auto;
-  max-height: 300px;
 }
 .dynamic-detail .hot {
  background: #f1f1f1;

--- a/style/solution.less
+++ b/style/solution.less
@@ -260,8 +260,8 @@ ul {
      font-size: 14.5px;
    }
    .one {
-      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-      box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
      background: url('../img/03_01.png') no-repeat top center;
      position: relative;
      width:378px;
@@ -456,7 +456,7 @@ ul {
 // 解决方案
 .left-menu {
  display: inline-block;
-   background: url('/img/bg3.png') top center no-repeat;
+  //  background: url('/img/bg3.png') top center no-repeat;
   background-position: 0 0;
   width: 280px;
  .menu-title {
@@ -568,8 +568,8 @@ ul {
    background: url('../img/mapbg.png') no-repeat top center;
    background-size: cover;
    margin-top: 41px;
-    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
-            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    padding-left: 34px;
    .top {
      padding-top: 60px;
@@ -629,8 +629,8 @@ ul {
  margin-top: 100px;
  padding-bottom: 70px;
  .detail{
-    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
-            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background: url('../img/mapbg.png') no-repeat top center;
    background-size: cover;
    padding: 0 26px;
@@ -692,6 +692,9 @@ ul {
  }
  
 }
+.product-detail-container {
+  min-height: 650px;
+}
 .detail-container {
  background: url('/img/kuang3.png') top center no-repeat;
  min-height: 400px;
@@ -702,12 +705,12 @@ ul {
  .introduce {
    margin-left:5%;
    width:368px;
-    height:460px;
+    min-height: 460px;
    background: url('../img/mapbg.png') no-repeat top center;
    background-size: cover;
    
-    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
-            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
+    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    padding-left: 34px;
    .top {
      padding-top: 60px;
@@ -875,9 +878,8 @@ ul {
    color: #000;
    line-height: 30px;
    img {
-      width: 100%;
+      max-width: 100%;
      height: auto;
-      max-height: 300px;
    }
  }
  .hot {

--- a/upload.sh
+++ b/upload.sh
-\scp -r ./ root@47.94.12.217:/home/webroot/html
\ No newline at end of file
+\scp -r ./style root@47.94.12.217:/home/webroot/html
\ No newline at end of file