Merge branch 'compatible'

index.html

@@ -33,56 +33,56 @@
     }
 
     .bgImg {
-      width: 456px;
+      width: 456Px;
     }
 
     .btnImg {
-      width: 288px;
+      width: 288Px;
       position: absolute;
       left: 50%;
-      margin-left: -144px;
-      bottom: 31px;
+      margin-left: -144Px;
+      bottom: 31Px;
       cursor: pointer;
     }
 
     .imgWrap {
-      width: 456px;
+      width: 456Px;
       position: absolute;
-      top: 141px;
+      top: 141Px;
       left: 50%;
-      margin-left: -288px;
+      margin-left: -288Px;
     }
 
     /* margin-top: 300px; */
     .textWrap {
-      margin-top: 300px;
+      margin-top: 300Px;
       text-align: center;
-      width: 500px;
+      width: 500Px;
       position: absolute;
-      top: 141px;
+      top: 141Px;
       left: 50%;
-      margin-left: -288px;
+      margin-left: -288Px;
     }
 
     .subMsg {
-      margin-top: 32px;
-      font-size: 22px;
-      line-height: 30px;
+      margin-top: 32Px;
+      font-size: 22Px;
+      line-height: 30Px;
       color: #777;
     }
 
     .subBtn {
-      width: 231px;
-      height: 62px;
+      width: 231Px;
+      height: 62Px;
       background: #198CFE;
-      border-radius: 18px;
+      border-radius: 18Px;
       border: none;
-      font-size: 22px;
+      font-size: 22Px;
       font-weight: 600;
       color: #FFFFFF;
-      line-height: 30px;
+      line-height: 30Px;
       cursor: pointer;
-      margin-top: 32px;
+      margin-top: 32Px;
       list-style: none outside none;
       text-decoration: none;
     }