• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (c) 2021 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16.container {
17    background-color: white;
18    flex-direction: column;
19    background-image: url("/common/background.png");
20    background-size: 100% 85%;
21    background-repeat: no-repeat;
22    background-position: 0 100%;
23    font-family: HYQiHei-65S;
24}
25.percent{
26    text-align: right;
27    font-weight: bolder;
28    position: absolute;
29    padding-left: 88%;
30    padding-top: 6%;
31}
32
33
34.sign{
35    color: black;
36    padding-left: 20px;
37    font-size: 80px;
38}
39
40.left{
41    color: black;
42    font-size: 40px;
43    position: relative;
44}
45
46.banner1{
47    width: 88%;
48    height:9px;
49    background-color: #E6E6E6;
50
51}
52.banner2{
53    width: 0%;
54    height: 9px;
55    background-color: #0A9AFD;
56    position: relative;
57}
58
59.loadImg {
60    margin-top: 330px;
61    width: 100px;
62    height: 100px;
63    margin-left: 300px;
64    object-fit:scale-down;
65    align-items: center;
66    justify-content: center;
67    animation-name: one2;
68    animation-duration: 2s;
69    animation-iteration-count: infinite;
70    animation-timing-function: linear;
71    margin-bottom: 50px;
72}
73@keyframes one2{
74    from{
75        transform: rotate(0deg) ;
76    }
77    to{
78        transform: rotate(360deg);
79    }
80}
81
82.title{
83    color: black;
84    padding-top: 350px;
85    font-size: 60px;
86    text-align: center;
87    width: 100%;
88    padding-bottom: 30px;
89
90}
91
92.title1{
93    color: black;
94    padding-left: 95px;
95    font-size: 45px;
96}
97
98.title1_1{
99    padding-top: 200px;
100}
101
102.allbutton {
103    width: 400px;
104    height: 80px;
105    margin-left: 160px;
106    margin-top: 30px;
107    border-radius: 50px;
108    background-color: #0A9AFD;
109}
110
111.button3{
112    width: 400px;
113    height: 80px;
114    text-align: center;
115    font-size: 50px;
116    color: white;
117}
118
119.allbutton1 {
120    width: 240px;
121    height: 70px;
122    margin-left: 110px;
123    margin-top: 30px;
124    border-radius: 50px;
125    background-color: #0A9AFD;
126}
127
128.button1{
129    width: 240px;
130    height: 70px;
131    border-radius: 50px;
132    text-align: center;
133    font-size: 36px;
134    color: white;
135}
136
137.allbutton2 {
138    width: 240px;
139    height: 70px;
140    text-align: center;
141    margin-left: 40px;
142    margin-top: 30px;
143    border-radius: 50px;
144    background-color: #0A9AFD;
145
146}
147
148.button2{
149    color: white;
150    width: 240px;
151    height: 70px;
152    border-radius: 50px;
153    text-align: center;
154    font-size: 36px;
155
156}
157
158.dialog-main {
159    width: 500px;
160}
161.dialog-div {
162    flex-direction: column;
163    align-items: center;
164}
165.inner-txt {
166    width: 400px;
167    height: 160px;
168    flex-direction: column;
169    align-items: center;
170    justify-content: space-around;
171}
172.inner-btn {
173    width: 400px;
174    height: 120px;
175    justify-content: space-around;
176    align-items: center;
177}
178
179
180
181
182
183
184