You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
1.2 KiB
CSS
92 lines
1.2 KiB
CSS
/* loading start */
|
|
#loading {
|
|
position: fixed;
|
|
top: 0px;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 10000;
|
|
background-color: #084db5;
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flex;
|
|
display: -o-flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
img[data-v-loadimg1]{
|
|
width: 140px;
|
|
height: 140px;
|
|
overflow:hidden;
|
|
}
|
|
img[data-v-loadimg2]{
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
overflow:hidden;
|
|
}
|
|
img[data-v-loadimg3]{
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 4%;
|
|
transform: translate(-50%);
|
|
width: 140px;
|
|
}
|
|
.fl{
|
|
float: left;
|
|
}
|
|
.ml2e{
|
|
margin-left: 2em;
|
|
}
|
|
.margin_top_3em{
|
|
margin-top: 3em;
|
|
}
|
|
.clf{
|
|
color: #fff;
|
|
}
|
|
.opcy0{
|
|
opacity: 0;
|
|
}
|
|
.opcy1{
|
|
opacity: 1;
|
|
animation: fadeIn 1s forwards;
|
|
}
|
|
.disable{
|
|
animation: fadeOut 1s forwards;
|
|
}
|
|
.logomove{
|
|
margin-left: 0;
|
|
animation: moveleft 1s forwards;
|
|
}
|
|
/* 渐出动画 */
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/* 渐入动画 */
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/* 移动动画 */
|
|
@keyframes moveleft {
|
|
0% {
|
|
margin-left: 145px;
|
|
}
|
|
100% {
|
|
margin-left: 0; }
|
|
}
|
|
#RTXT p {
|
|
font-family: "微软雅黑";
|
|
font-weight: 700;
|
|
}
|
|
/* loading end */ |