|
@@ -94,7 +94,7 @@ audio,canvas,video,progress{display:inline-block;}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
body{
|
|
body{
|
|
- background: url(../img/bg.png) repeat-x;
|
|
|
|
|
|
+ background: url(../img/bg.png) repeat-x;
|
|
}
|
|
}
|
|
.cov{ position: absolute; }
|
|
.cov{ position: absolute; }
|
|
.g-inner{margin: 0 auto;width: 7.5rem;}
|
|
.g-inner{margin: 0 auto;width: 7.5rem;}
|
|
@@ -125,21 +125,28 @@ body{
|
|
margin-top: -.5rem;
|
|
margin-top: -.5rem;
|
|
}
|
|
}
|
|
.doing .qs-item{ display:block}
|
|
.doing .qs-item{ display:block}
|
|
-.qs-item{padding: 4.8rem 1rem 0;display: none;}
|
|
|
|
|
|
+.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 .tit{color: #FFF;font-size: .4rem;text-align: center;display: block;margin-bottom: .2rem;}
|
|
.qs-item li{
|
|
.qs-item li{
|
|
- width: 5.4rem;
|
|
|
|
- height: 1.15rem;
|
|
|
|
- border-radius: 1.15rem;
|
|
|
|
- color: #8400b1;
|
|
|
|
- background-color: #FFF;
|
|
|
|
- text-align: center;
|
|
|
|
- line-height: 1.15rem;
|
|
|
|
- margin-bottom: .5rem;
|
|
|
|
|
|
+ width: 5.4rem;
|
|
|
|
+ height: 1.15rem;
|
|
|
|
+ border-radius: 1.15rem;
|
|
|
|
+ color: #8400b1;
|
|
|
|
+ background-color: #FFF;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 1.15rem;
|
|
|
|
+ margin-bottom: .5rem;
|
|
|
|
+}
|
|
|
|
+.qs-item li .answer {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ margin: 0;
|
|
|
|
+ background: transparent;
|
|
|
|
+ border: 0;
|
|
}
|
|
}
|
|
.qs-item li.on{
|
|
.qs-item li.on{
|
|
- background-color:#ffb93b;
|
|
|
|
- color: #FFF;
|
|
|
|
|
|
+ background-color:#ffb93b;
|
|
|
|
+ color: #FFF;
|
|
}
|
|
}
|
|
.qs-item .page{text-align: center; color: #fff; font-size: .3rem;}
|
|
.qs-item .page{text-align: center; color: #fff; font-size: .3rem;}
|
|
.end .qs-item{display: none;}
|
|
.end .qs-item{display: none;}
|
|
@@ -163,6 +170,6 @@ body{
|
|
border-radius: 1rem;
|
|
border-radius: 1rem;
|
|
}
|
|
}
|
|
.amt{
|
|
.amt{
|
|
- transition: all .3s;
|
|
|
|
- -webkit-transition: all .3s;
|
|
|
|
|
|
+ transition: all .3s;
|
|
|
|
+ -webkit-transition: all .3s;
|
|
}
|
|
}
|