better-staridc-MNBT
1/** ----------------------------------
2 * 页面加载loading
3 -------------------------------------- */
4.loading_upds {
5 background: #fff;
6 height: 100%;
7 bottom: 0;
8 left: 0;
9 position: fixed;
10 right: 0;
11 top: 0;
12 z-index: 999999;
13 display: flex;
14 align-items: center;
15 justify-content: center;
16 text-align: center;
17}
18.loading_upds .ctn-preloader{
19 padding-left: 15px;
20 padding-right: 15px;
21}
22.loading_upds .spinner {
23 animation: logo-spinner 3s infinite linear;
24 border-radius: 50%;
25 border: 3px solid #f1f6f8;
26 border-left-color: #114DC2;
27 border-top-color: #114DC2;
28 margin: 0 auto 0em auto;
29 position: absolute;
30 left: -40px;
31 right: -40px;
32 bottom: -40px;
33 top: -40px;
34}
35.loading_upds .spinner:before {
36 content: "";
37 width: 20px;
38 height: 20px;
39 border: 6px solid #fff;
40 box-shadow: 0 0 20px 0 rgba(4, 46, 56, 0.2);
41 background: #114DC2;
42 position: absolute;
43 right: 9px;
44 top: 20px;
45 border-radius: 50%;
46}
47.loading_upds .round_spinner {
48 border-width: 1px;
49 border-color: rgb(238, 243, 244);
50 border-style: solid;
51 border-radius: 50%;
52 background-color: rgb(253, 253, 253);
53 box-shadow: 0 0 100px 0 rgba(4, 46, 56, 0.14);
54 width: 100px;
55 height: 100px;
56 display: flex;
57 align-items: center;
58 justify-content: center;
59 position: relative;
60 margin: 40px auto 40px;
61}
62@keyframes logo-spinner {
63 to {
64 transform: rotateZ(360deg);
65 }
66}