https://mhtclouding.com/

1<!DOCTYPE html>
2<html>
3
4<head>
5  <meta charset="utf-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7  <meta name="renderer" content="webkit">
8  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
9  <link rel="icon" href="/tongying/favicon.png">
10  <title>若依管理系统</title>
11  <!--[if lt IE 11]>

11<script>window.location.href='/html/ie.html';</script>

11<![endif]-->
12  <style>
13    html,
14    body,
15    #app {
16      height: 100%;
17      margin: 0px;
18      padding: 0px;
19    }
20
21    .chromeframe {
22      margin: 0.2em 0;
23      background: #ccc;
24      color: #000;
25      padding: 0.2em 0;
26    }
27
28    #loader-wrapper {
29      position: fixed;
30      top: 0;
31      left: 0;
32      width: 100%;
33      height: 100%;
34      z-index: 999999;
35    }
36
37    #loader {
38      display: block;
39      position: relative;
40      left: 50%;
41      top: 50%;
42      width: 150px;
43      height: 150px;
44      margin: -75px 0 0 -75px;
45      border-radius: 50%;
46      border: 3px solid transparent;
47      border-top-color: #FFF;
48      -webkit-animation: spin 2s linear infinite;
49      -ms-animation: spin 2s linear infinite;
50      -moz-animation: spin 2s linear infinite;
51      -o-animation: spin 2s linear infinite;
52      animation: spin 2s linear infinite;
53      z-index: 1001;
54    }
55
56    #loader:before {
57      content: "";
58      position: absolute;
59      top: 5px;
60      left: 5px;
61      right: 5px;
62      bottom: 5px;
63      border-radius: 50%;
64      border: 3px solid transparent;
65      border-top-color: #FFF;
66      -webkit-animation: spin 3s linear infinite;
67      -moz-animation: spin 3s linear infinite;
68      -o-animation: spin 3s linear infinite;
69      -ms-animation: spin 3s linear infinite;
70      animation: spin 3s linear infinite;
71    }
72
73    #loader:after {
74      content: "";
75      position: absolute;
76      top: 15px;
77      left: 15px;
78      right: 15px;
79      bottom: 15px;
80      border-radius: 50%;
81      border: 3px solid transparent;
82      border-top-color: #FFF;
83      -moz-animation: spin 1.5s linear infinite;
84      -o-animation: spin 1.5s linear infinite;
85      -ms-animation: spin 1.5s linear infinite;
86      -webkit-animation: spin 1.5s linear infinite;
87      animation: spin 1.5s linear infinite;
88    }
89
90
91    @-webkit-keyframes spin {
92      0% {
93        -webkit-transform: rotate(0deg);
94        -ms-transform: rotate(0deg);
95        transform: rotate(0deg);
96      }
97
98      100% {
99        -webkit-transform: rotate(360deg);
100        -ms-transform: rotate(360deg);
101        transform: rotate(360deg);
102      }
103    }
104
105    @keyframes spin {
106      0% {
107        -webkit-transform: rotate(0deg);
108        -ms-transform: rotate(0deg);
109        transform: rotate(0deg);
110      }
111
112      100% {
113        -webkit-transform: rotate(360deg);
114        -ms-transform: rotate(360deg);
115        transform: rotate(360deg);
116      }
117    }
118
119
120    #loader-wrapper .loader-section {
121      position: fixed;
122      top: 0;
123      width: 51%;
124      height: 100%;
125      background: #7171C6;
126      z-index: 1000;
127      -webkit-transform: translateX(0);
128      -ms-transform: translateX(0);
129      transform: translateX(0);
130    }
131
132    #loader-wrapper .loader-section.section-left {
133      left: 0;
134    }
135
136    #loader-wrapper .loader-section.section-right {
137      right: 0;
138    }
139
140
141    .loaded #loader-wrapper .loader-section.section-left {
142      -webkit-transform: translateX(-100%);
143      -ms-transform: translateX(-100%);
144      transform: translateX(-100%);
145      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
146      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
147    }
148
149    .loaded #loader-wrapper .loader-section.section-right {
150      -webkit-transform: translateX(100%);
151      -ms-transform: translateX(100%);
152      transform: translateX(100%);
153      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
154      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
155    }
156
157    .loaded #loader {
158      opacity: 0;
159      -webkit-transition: all 0.3s ease-out;
160      transition: all 0.3s ease-out;
161    }
162
163    .loaded #loader-wrapper {
164      visibility: hidden;
165      -webkit-transform: translateY(-100%);
166      -ms-transform: translateY(-100%);
167      transform: translateY(-100%);
168      -webkit-transition: all 0.3s 1s ease-out;
169      transition: all 0.3s 1s ease-out;
170    }
171
172    .no-js #loader-wrapper {
173      display: none;
174    }
175
176    .no-js h1 {
177      color: #222222;
178    }
179
180    #loader-wrapper .load_title {
181      font-family: 'Open Sans';
182      color: #FFF;
183      font-size: 19px;
184      width: 100%;
185      text-align: center;
186      z-index: 9999999999999;
187      position: absolute;
188      top: 60%;
189      opacity: 1;
190      line-height: 30px;
191    }
192
193    #loader-wrapper .load_title span {
194      font-weight: normal;
195      font-style: italic;
196      font-size: 13px;
197      color: #FFF;
198      opacity: 0.5;
199    }
200  </style>
201  

201<script type="module" crossorigin src="/tongying/assets/index-uGWb9Yh4.js"></script>

201
202  <link rel="stylesheet" crossorigin href="/tongying/assets/index-HNSZ4J0v.css">
203</head>
204
205<body>
206  <div id="app">
207    <div id="loader-wrapper">
208      <div id="loader"></div>
209      <div class="loader-section section-left"></div>
210      <div class="loader-section section-right"></div>
211      <div class="load_title">正在加载系统资源，请耐心等待</div>
212    </div>
213  </div>�
214</body>
215
216</html>