合同样式

src/main/ui/static/payment/partner/templates/contract_for_compliance.html

@@ -30,6 +30,8 @@
         padding: 10px 50px;
     }
 
+    #img1,#img2{width: 341px;height: 157px;}
+
     @media (min-width:100px) and (max-width:399px){
         #img1,#img2{width: 60px;height: 45px;}
         *{font-size:1px;}
@@ -38,6 +40,10 @@
             font-size: 17px;
             padding: 10px 0px;
         }
+        .loading-class {
+            width: 60px;
+            height: 60px;
+        }
     }
     @media (min-width:400px) and (max-width:799px){
         #img1,#img2{width: 160px;height: 75px;}
@@ -47,6 +53,10 @@
             font-size: 17px;
             padding: 10px 20px;
         }
+        .loading-class {
+            width: 70px;
+            height: 70px;
+        }
     }
     @media (min-width:800px) and (max-width:1024px) {
         #img1,#img2{width: 190px;height: 85px;}
@@ -56,6 +66,10 @@
             font-size: 22px;
             padding: 10px 20px;
         }
+        .loading-class {
+            width: 80px;
+            height: 80px;
+        }
     }
     @media (min-width:1025px) and (max-width:1440px) {
         #img1,#img2{width: 260px;height: 105px;}
@@ -65,9 +79,23 @@
             font-size: 28px;
             padding: 10px 30px;
         }
+        .loading-class {
+            width: 90px;
+            height: 90px;
+        }
     }
     @media (min-width:1441px) and (max-width:1600px){
-        *{font-size:20px;}
+        #img1,#img2{width: 341px;height: 157px;}
+        *{font-size:25px;}
+        .return-class {
+            float: right;
+            font-size: 34px;
+            padding: 10px 35px;
+        }
+        .loading-class {
+            width: 100px;
+            height: 100px;
+        }
     }
 
 </style>
@@ -96,7 +124,7 @@
 
                     <div style="z-index: 9999; position: fixed ! important; left: 40%;top: 30%;" >
                         <div style="text-align:center">
-                            <img id="waiting" style="width: 100px;height: 100px" src=""  oncontextmenu="return false;" onselectstart="return false;"/>
+                            <img id="waiting" class="loading-class" src=""  oncontextmenu="return false;" onselectstart="return false;"/>
                             <p id="tip"style="display:none;color: white;font-size: 150%;width: 200px">The contract is in the process of being made</p>
 
                         </div>