|
|
@@ -43,9 +43,9 @@ audio,canvas,video,progress{display:inline-block;}
|
|
|
.loader .face:nth-child(1) {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- color: gold;
|
|
|
- border-color: currentColor transparent transparent currentColor;
|
|
|
- border-width: 0.2em 0.2em 0em 0em;
|
|
|
+ color: #bbc5ff;
|
|
|
+ /* border-color: currentColor transparent transparent currentColor; */
|
|
|
+ /* border-width: 0.2em 0.2em 0em 0em; */
|
|
|
--deg: -45deg;
|
|
|
animation-direction: normal;
|
|
|
}
|
|
|
@@ -53,9 +53,9 @@ audio,canvas,video,progress{display:inline-block;}
|
|
|
.loader .face:nth-child(2) {
|
|
|
width: 70%;
|
|
|
height: 70%;
|
|
|
- color: lime;
|
|
|
- border-color: currentColor currentColor transparent transparent;
|
|
|
- border-width: 0.2em 0em 0em 0.2em;
|
|
|
+ color: #bbc5ff;
|
|
|
+ /* border-color: currentColor currentColor transparent transparent; */
|
|
|
+ /* border-width: 0.2em 0em 0em 0.2em; */
|
|
|
--deg: -135deg;
|
|
|
animation-direction: reverse;
|
|
|
}
|
|
|
@@ -98,13 +98,13 @@ body{
|
|
|
}
|
|
|
.cov{ position: absolute; }
|
|
|
.g-inner{margin: 0 auto;width: 7.5rem;}
|
|
|
-.cov1{left: 50%;top: 3rem;margin-left: -1.2rem;}
|
|
|
+.cov1{left: 50%;top: 3.1rem;width: 2.4rem;margin-left: -1.3rem;border: solid #71a3fd .1rem;border-radius: 50%;}
|
|
|
.cov2{left: 50%;top: 10.5rem;margin-left: -1.5rem;width: 3rem;font-size: .3rem;text-align: center;}
|
|
|
.cov1 .userface{width: 2.4rem;height: 2.4rem;}
|
|
|
-.cov3{left: 50%;top: 7rem;width: 1rem;height: 1rem;line-height: 1rem;margin-left: -.5rem;text-align: center;font-size: .5rem;color: #E91E63;font-weight: bold;border-radius: .2rem;}
|
|
|
+.cov3{left: 50%;top: 7rem;width: 1rem;height: 1rem;line-height: 1rem;margin-left: -.5rem;text-align: center;font-size: .5rem;color: #FFF;font-weight: bold;border-radius: .2rem;}
|
|
|
.cov4{right: 50%;top: 8.5rem;width: 2rem;margin-right: -1rem;}
|
|
|
.userface{border-radius: 50%;overflow: hidden;background-color: #000;display: block;}
|
|
|
-.cov4 .userface{width: 2.0rem;height: 2.0rem;float: right;}
|
|
|
+.cov4 .userface{width: 2.0rem;height: 2.0rem;float: right;opacity: 0;}
|
|
|
.doing .cov1{left: 0;margin: 0;top: 1rem;background: #32deec;border-radius: 1rem;width: 4rem;}
|
|
|
.num{opacity: 0;color: #FFF;FONT-SIZE: 0.6REM;position: absolute;top: .2rem;}
|
|
|
.doing .num{opacity: 1}
|
|
|
@@ -133,11 +133,12 @@ body{
|
|
|
top: 1.5rem;
|
|
|
}
|
|
|
.cov4 .name{left: 2.8rem;}
|
|
|
-.gstart .name{ top: 3rem; }
|
|
|
+.gstart .name{top: 3rem;width: 2rem;left: 50%;margin-left: -1rem;text-align: center;}
|
|
|
.gstart .cov4 .name{ left: 46%; }
|
|
|
.doing.gstart .name{ top:inherit; }
|
|
|
.doing.gstart .cov4 .name{ left:inherit; }
|
|
|
.doing .qs-item{ display:block}
|
|
|
+.doing .cov4 .userface{opacity:1}
|
|
|
.qs-item{padding: 4.8rem 1rem 0;display: none;position: absolute;left: 0;top: 0;z-index: 99;}
|
|
|
.qs-item .tit{color: #FFF;font-size: .4rem;text-align: center;display: block;margin-bottom: .2rem;}
|
|
|
.qs-item li{
|
|
|
@@ -257,4 +258,5 @@ body{
|
|
|
left: 6rem;
|
|
|
top: .5rem;
|
|
|
}
|
|
|
-.popbg{ display: block; position: fixed;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.5); }
|
|
|
+.popbg{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
|
|
|
+.covxlz{ width: 2.86rem;left: 50%; margin-left: -1.43rem; bottom: .5rem; height: 1rem; border-radius: .5rem; background-color: #a7a8c5;line-height: 1rem;text-align: center;color: #222e71 }
|
