css

css/vis/index.less

@@ -15,19 +15,19 @@ body, html {
   .top {
     position: relative;
     width: 100%;
-    height: 2.45rem;
-    background: url("../../images/top.png") no-repeat center;
+    height: 123px;
+    background: url("../../images/vis/top.png") no-repeat center;
     background-size: cover;
 
     .date-text {
       position: absolute;
-      left: 10%;
-      top: 0.53rem;
+      left: 158px;
+      top: 26px;
 
       span {
-        font-size: 0.38rem;
+        font-size: 19px;
         color: #ffffff;
-        padding: 0 0.07rem;
+        padding: 0 2px;
 
         &.number {
           color: #5891e7;
@@ -37,16 +37,16 @@ body, html {
 
     .date-wether {
       position: absolute;
-      right: 10%;
-      top: 0.53rem;
+      right: 137px;
+      top: 26px;
 
       span {
-        font-size: 0.38rem;
+        font-size: 19px;
         color: #ffffff;
-        padding: 0 0.07rem;
+        padding: 0 2px;
 
         &.ml {
-          margin-left: 0.6rem;
+          margin-left: 28px;
         }
 
         &.number {
@@ -57,13 +57,13 @@ body, html {
 
     .i1 {
       position: absolute;
-      bottom: 0.84rem;
+      bottom: 42px;
       left: 0;
       right: 0;
-      width: 16.06rem;
-      height: 0.8rem;
+      width: 804px;
+      height: 41px;
       margin: 0 auto;
-      background: url("../../images/t1.png") no-repeat center;
+      background: url("../../images/vis/t1.png") no-repeat center;
       background-size: cover;
     }
   }
@@ -73,11 +73,11 @@ body, html {
     padding-top: 0.60rem;
     margin: 0 auto;
     z-index: 9;
-    width: 19.41rem;
+    width: 971px; 
 
     img {
-      width: 19.41rem;
-      height: 16.28rem;
+      width: 971px;
+      height: 814px;
       margin: 0 auto;
       display: block;
     }
@@ -379,8 +379,6 @@ body, html {
       border-radius: 50%;
       -webkit-animation: scale-three 2s ease infinite;
       animation: scale-three 2s ease infinite;
-     /* animation-direction: alternate;
-      -webkit-animation-direction: alternate;*/
       animation-fill-mode: both;
     }
   }

css/vis/index.min.css

@@ -198,48 +198,48 @@ html {
 .home-page .top {
   position: relative;
   width: 100%;
-  height: 2.45rem;
-  background: url("../../images/top.png") no-repeat center;
+  height: 123px;
+  background: url("../../images/vis/top.png") no-repeat center;
   background-size: cover;
 }
 .home-page .top .date-text {
   position: absolute;
-  left: 10%;
-  top: 0.53rem;
+  left: 158px;
+  top: 26px;
 }
 .home-page .top .date-text span {
-  font-size: 0.38rem;
+  font-size: 19px;
   color: #ffffff;
-  padding: 0 0.07rem;
+  padding: 0 2px;
 }
 .home-page .top .date-text span.number {
   color: #5891e7;
 }
 .home-page .top .date-wether {
   position: absolute;
-  right: 10%;
-  top: 0.53rem;
+  right: 137px;
+  top: 26px;
 }
 .home-page .top .date-wether span {
-  font-size: 0.38rem;
+  font-size: 19px;
   color: #ffffff;
-  padding: 0 0.07rem;
+  padding: 0 2px;
 }
 .home-page .top .date-wether span.ml {
-  margin-left: 0.6rem;
+  margin-left: 28px;
 }
 .home-page .top .date-wether span.number {
   color: #5891e7;
 }
 .home-page .top .i1 {
   position: absolute;
-  bottom: 0.84rem;
+  bottom: 42px;
   left: 0;
   right: 0;
-  width: 16.06rem;
-  height: 0.8rem;
+  width: 804px;
+  height: 41px;
   margin: 0 auto;
-  background: url("../../images/t1.png") no-repeat center;
+  background: url("../../images/vis/t1.png") no-repeat center;
   background-size: cover;
 }
 .home-page .map-box {
@@ -247,11 +247,11 @@ html {
   padding-top: 0.6rem;
   margin: 0 auto;
   z-index: 9;
-  width: 19.41rem;
+  width: 971px;
 }
 .home-page .map-box img {
-  width: 19.41rem;
-  height: 16.28rem;
+  width: 971px;
+  height: 814px;
   margin: 0 auto;
   display: block;
 }
@@ -501,8 +501,6 @@ html {
   border-radius: 50%;
   -webkit-animation: scale-three 2s ease infinite;
   animation: scale-three 2s ease infinite;
-  /* animation-direction: alternate;
-      -webkit-animation-direction: alternate;*/
   animation-fill-mode: both;
 }
 .home-page .data-left {

vis.html

@@ -10,20 +10,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <link type="favicon" rel="shortcut icon" href="favicon.ico"/>
     <link rel="stylesheet" type="text/css" href="./css/vis/index.min.css"/>
-    <script type="text/javascript">
-      window.onload = function () {
-        getRem(3840, 100)
-      };
-      window.onresize = function () {
-        getRem(3840, 100)
-      };
-
-      function getRem(pwidth, prem) {
-        var html = document.getElementsByTagName("html")[0];
-        var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
-        html.style.fontSize = oWidth / pwidth * prem + "px";
-      }
-    </script>
 </head>
 
 <body>
@@ -36,7 +22,7 @@
             <span>月</span>
             <span class="number" id="day"></span>
             <span>日</span>
-            <span>星期</span>
+            <span style="margin-left: 5px;">星期</span>
             <span class="number" id="week"></span>
         </p>
         <p class="date-wether row verCenter">