|
|
@@ -147,7 +147,14 @@ body{
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
.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 .tit{color: #FFF;font-size: .4rem;text-align: center;display: block;margin-bottom: .2rem;
|
|
|
+ -webkit-animation-name: zoomIn;
|
|
|
+ animation-name: zoomIn;
|
|
|
+ -webkit-animation-duration: 1s;
|
|
|
+ animation-duration: 1s;
|
|
|
+ -webkit-animation-fill-mode: both;
|
|
|
+ animation-fill-mode: both;
|
|
|
+}
|
|
|
.qs-item .list{
|
|
|
margin: 0 auto;
|
|
|
width: 4.4rem;
|
|
|
@@ -167,16 +174,16 @@ body{
|
|
|
.qs-item li:nth-child(2n){
|
|
|
-webkit-animation-name: fadeInLeft;
|
|
|
animation-name: fadeInLeft;
|
|
|
- -webkit-animation-duration: 2s;
|
|
|
- animation-duration: 2s;
|
|
|
+ -webkit-animation-duration: 1s;
|
|
|
+ animation-duration: 1s;
|
|
|
-webkit-animation-fill-mode: both;
|
|
|
animation-fill-mode: both;
|
|
|
}
|
|
|
.qs-item li:nth-child(2n-1){
|
|
|
-webkit-animation-name: fadeInRight;
|
|
|
animation-name: fadeInRight;
|
|
|
- -webkit-animation-duration: 2s;
|
|
|
- animation-duration: 2s;
|
|
|
+ -webkit-animation-duration: 1s;
|
|
|
+ animation-duration: 1s;
|
|
|
-webkit-animation-fill-mode: both;
|
|
|
animation-fill-mode: both;
|
|
|
}
|
