|
|
@@ -105,9 +105,9 @@ body{
|
|
|
.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;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}
|
|
|
+.doing .cov1{left: -.5rem;margin: 0;top: 1rem;background: #32deec;border-radius: 1rem;width: 4.3rem;border: 0;background: url(../img/user0.png);background-size: 4.3rem;height: 1rem;}
|
|
|
+.num{opacity: 0;color: #FFF;FONT-SIZE: 0.6REM;position: absolute;top: 0;text-shadow: 0px 0px 6px #7f8dde;}
|
|
|
+.doing .num{opacity: 1;line-height: .8rem;text-align: center;}
|
|
|
.doing .cov1 .num{
|
|
|
/* color: #FFF; */
|
|
|
/* FONT-SIZE: 0.5REM; */
|
|
|
@@ -117,29 +117,30 @@ body{
|
|
|
left: .8rem;
|
|
|
}
|
|
|
.doing .cov4,.end .cov4{right: 50%;top: 10rem;width: 2rem;margin-left: -1rem;}
|
|
|
-.doing .cov4{right: 0;top: 2rem;background: #fec13f;width: 4rem;border-radius: 1rem;margin-right: 0rem;}
|
|
|
-.doing .cov1 .userface{ width: 2.0rem;height: 2.0rem; }
|
|
|
+.doing .cov4{right: -.4rem;top: 2rem;width: 4rem;border-radius: 1rem;margin-right: 0rem;height: 1rem;background: url(../img/user1.png);background-size: 4.3rem;}
|
|
|
+.doing .cov1 .userface{width: 1.0rem;height: 1.0rem;left: .8rem;}
|
|
|
.doing .cov2 , .doing .loading{opacity: 0;position: absolute;left: 50%;margin-left: -2.3rem;}
|
|
|
.doing .cov3{top: 0rem;z-index: 9;}
|
|
|
-.doing .userface{
|
|
|
- margin-top: -.5rem;
|
|
|
-}
|
|
|
+.doing .userface{position: absolute;top: -.5rem;}
|
|
|
.cov .name{
|
|
|
color: #fff;
|
|
|
font-style: normal;
|
|
|
position: absolute;
|
|
|
left: .8rem;
|
|
|
font-size: .35rem;
|
|
|
- top: 1.5rem;
|
|
|
+ top: 1rem;
|
|
|
+ left: .2rem;
|
|
|
+ width: 2rem;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-.cov4 .name{left: 2.8rem;}
|
|
|
+.cov4 .name{left: 1.7rem;top: -1.2rem;}
|
|
|
.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;}
|
|
|
+.doing .cov4 .userface{opacity:1;width: 1rem;height: 1rem;left: 2.3rem;}
|
|
|
+.qs-item{padding: 3.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{
|
|
|
width: 5.4rem;
|
|
|
@@ -156,16 +157,20 @@ body{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
margin: 0;
|
|
|
- background: transparent;
|
|
|
+ background: url(../img/check.png) no-repeat center;
|
|
|
border: 0;
|
|
|
- color: #333;
|
|
|
+ background-size: 100%;
|
|
|
+ color: #222e71;
|
|
|
+ font-size: .44rem;
|
|
|
}
|
|
|
-.qs-item li.on,.qs-item .cur_answer{
|
|
|
- background-color:#ffb93b;
|
|
|
+.qs-item li.on,.qs-item li .cur_answer{
|
|
|
+ background: url(../img/check-true.png) no-repeat center;
|
|
|
+ background-size:100%;
|
|
|
color: #FFF;
|
|
|
}
|
|
|
.qs-item .cur_answer.cur_error{
|
|
|
- background-color:#E91E63;
|
|
|
+ background: url(../img/check-error.png) no-repeat center;
|
|
|
+ background-size:100%;
|
|
|
color: #FFF;
|
|
|
}
|
|
|
.qs-item .cur_answer.cur_true{
|
