html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading1.jpg?1');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
.loading_gif{width:5.16%;height:3.18%;position: absolute;left:47.5%;top:45.84% }
/*.loading_line{position:absolute;width:50.2%;height:2.9%;top:30.8%;left:24.8%;background:#b7461c}*/
/*.loading_line_blank{width:0%;height:100%;background:#ff9d79;}*/
a{opacity:1}
/*loading*/
/*音乐*/
.music_blk{z-index:999;position:fixed;right:10px;top:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.music_on{
-webkit-animation:rotate 1.2s linear infinite;
animation:rotate 1.2s linear infinite;
}
#center{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;}
.s1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;background:url("../images/p0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg0{width: 100%;height:62.3%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;}
.s1 .bg1_0{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1 .bg1_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s1 .bg1_2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg1_3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.6.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
.s1 .bg3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.7.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1 .bg4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p0.8.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s1_click{width: 49%;height: 10%;position: absolute;top:76%;left:26%;opacity: 1;}
.s1.ani1,.s2.ani1,.s3.ani1{
-webkit-animation:1s 0.7s Out111 linear both ;
-o-animation:1s 0.7s Out111 linear both ;
-moz-animation:1s 0.7s Out111 linear both;
animation:1s 0.7s Out111 linear both;
}
.s2.ani,.s3.ani,.s4.ani{
-webkit-animation:1s 0.2s Out linear both ;
-o-animation:1s 0.2s Out linear both ;
-moz-animation:1s 0.2s Out linear both;
animation:1s 0.2s Out linear both;
}
.s1.ani .bg0{
-webkit-animation:0.5s 0.5s Out linear both ;
-o-animation:0.5s 0.5s Out linear both ;
-moz-animation:0.5s 0.5s Out linear both;
animation:0.5s 0.5s Out linear both;
}
.bg1.ani .bg1_0{
-webkit-animation:4s 1s bg1_0 linear both infinite;
-o-animation:4s 1s bg1_0 linear both infinite;
-moz-animation:4s 1s bg1_0 linear both infinite;
animation:4s 1s bg1_0 linear both infinite;
}
.bg1.ani .bg1_1{
-webkit-animation:4s 1s bg1_1 linear both infinite;
-o-animation:4s 1s bg1_1 linear both infinite;
-moz-animation:4s 1s bg1_1 linear both infinite;
animation:4s 1s bg1_1 linear both infinite;
}
.bg1.ani .bg1_2{
-webkit-animation:4s 1s bg1_2 linear both infinite;
-o-animation:4s 1s bg1_2 linear both infinite;
-moz-animation:4s 1s bg1_2 linear both infinite;
animation:4s 1s bg1_2 linear both infinite;
}
.bg1.ani .bg1_3{
-webkit-animation:4s 1s bg1_3 linear both infinite;
-o-animation:4s 1s bg1_3 linear both infinite;
-moz-animation:4s 1s bg1_3 linear both infinite;
animation:4s 1s bg1_3 linear both infinite;
}
.s1.ani .bg3{
-webkit-animation:0.5s 4s Out both;
-o-animation:0.5s 4s Out both;
-moz-animation:0.5s 4s Out both;
animation:0.5s 4s Out both ;
}
.s1.ani .bg4{
-webkit-animation:1.4s 4.5s Out1 linear infinite;
-moz-animation:1.4s 4.5s Out1 linear infinite;
-o-animation:1.4s 4.5s Out1 linear infinite;
animation:1.4s 4.5s Out1 linear infinite;
}
@keyframes bg1_0{
0%{opacity:1}
25%{opacity:1}
25.1%{opacity:0}
99.9%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes bg1_0{
0%{opacity:1}
25%{opacity:1}
25.1%{opacity:0}
99.9%{opacity:0}
100%{opacity:1}
}
@keyframes bg1_1{
0%{opacity:0}
25%{opacity:0}
25.1%{opacity:1}
50%{opacity: 1}
50.1%{opacity: 0}
100%{opacity:0}
}
@-webkit-keyframes bg1_1{
0%{opacity:0}
25%{opacity:0}
25.1%{opacity:1}
50%{opacity: 1}
50.1%{opacity: 0}
100%{opacity:0}
}
@keyframes bg1_2{
0%{opacity:0}
/*24.9%{opacity:0}*/
25%{opacity:0}
50%{opacity: 0}
50.1%{opacity: 1}
75%{opacity:1}
75.1%{opacity: 0}
100%{opacity:0}
}
@-webkit-keyframes bg1_2{
0%{opacity:0}
25%{opacity:0}
50%{opacity: 0}
50.1%{opacity: 1}
75%{opacity:1}
75.1%{opacity: 0}
100%{opacity:0}
}
@keyframes bg1_3{
0%{opacity:0}
75%{opacity:0}
75.1%{opacity: 1}
99.9%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes bg1_3{
0%{opacity:0}
75%{opacity:0}
75.1%{opacity: 1}
99.9%{opacity:1}
100%{opacity:0}
}
.s2{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:0;position: absolute;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg2{width: 80.5%;height:65%;position: absolute;top:69.64%;left:10%;background:url("../images/p1.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2 .bg3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p1.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2 .bg4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p1.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.s2 .bg5{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p1.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.s2_click{width: 49%;height: 10%;position: absolute;top:50%;left:26%;opacity: 1;}
.s2.ani .bg2{
-webkit-animation:6s 3s s2_bg2 linear both ;
-moz-animation:6s 3s s2_bg2 linear both;
-o-animation:6s 3s s2_bg2 linear both;
animation:6s 3s s2_bg2 linear both;
}
.s2.ani .bg1{
transition: opacity 1s 3s linear;-webkit-transition: opacity 1s 3s linear;opacity: 0;
}
.s2.ani .bg3{
-webkit-animation:1s 2s Out linear both ;
-moz-animation:1s 2s Out linear both;
-o-animation:1s 2s Out linear both;
animation:1s 2s Out linear both;
}
.s2.ani .bg4{
-webkit-animation:0.5s 8s Out linear both ;
-moz-animation:0.5s 8s Out linear both;
-o-animation:0.5s 8s Out linear both;
animation:0.5s 8s Out linear both;
}
.s2.ani .bg5{
-webkit-animation:1.4s 9s Out1 linear infinite;
-moz-animation:1.4s 9s Out1 linear infinite;
-o-animation:1.4s 9s Out1 linear infinite;
animation:1.4s 9s Out1 linear infinite;
}
.s3{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:0;position: absolute;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:200% 100%;}
.bg111{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;}
.s3 .bg1{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg2{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:33%;left:2%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg4{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:33%;left:26%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg3{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:33%;left:51%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg5{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:33%;left:76%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg6{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:48%;left:2%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg7{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:48%;left:26%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg8{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:48%;left:51%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg9{width: 21.65%;height: 13.4%;opacity:1;position: absolute;top:48%;left:76%;background:url("../images/add.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg10{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url("../images/p2.10.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0;display: none}
.s3 .bg11{width: 80.5%;height:65%;position: absolute;top:61.64%;left:10%;background:url("../images/p1.2.png?1") no-repeat 0 0;background-size:100% 100%;transform:translate3d(3%,-37%,0) scale(0.3) rotateZ(23deg);-webkit-transform:translate3d(3%,-37%,0) scale(0.3) rotateZ(23deg);opacity: 1}
.s3 .bg10_click{width: 57%;height: 10%;opacity:1;position: absolute;top:81%;left:20%;}
.s3.ani1 .bg1{
-webkit-animation:1s 0.5s Out linear both;
-moz-animation:1s 0.5s Out linear both;
-o-animation:1s 0.5s Out linear both;
animation:1s 0.5s Out linear both;
}
.s3.ani1 .bg10{
-webkit-animation:1s 1.8s Out linear both;
-moz-animation:1s 1.8s Out linear both;
-o-animation:1s 1.8s Out linear both;
animation:1s 1.8s Out linear both;
}
.s3.ani .bg2,.s3.ani .bg4,.s3.ani .bg6,.s3.ani .bg8{
-webkit-animation:1s 1.8s s3_bg linear infinite;
-moz-animation:1s 1.8s s3_bg linear infinite;
-o-animation:1s 1.8s s3_bg linear infinite;
animation:1s 1.8s s3_bg linear infinite;
}
.s3.ani .bg3,.s3.ani .bg5,.s3.ani .bg7,.s3.ani .bg9{
-webkit-animation:1s 2.3s s3_bg linear infinite;
-moz-animation:1s 2.3s s3_bg linear infinite;
-o-animation:1s 2.3s s3_bg linear infinite;
animation:1s 2.3s s3_bg linear infinite;
}
.s4{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:0;position: absolute;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.quest{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.q1,.q2,.q3,.q4,.q5{width: 100%;height: 100%;position: absolute;top:0;left:0;display: none}
.gif1{width:65.37%;height: 33.53%;position: absolute;left:17.55%;top:6.15%}
.q1_0{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.6.png?1") no-repeat 0 0;background-size:100% 100%;}
.q1_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p5-1.png?1") no-repeat 0 0;background-size:100% 100%;}
.q1_2{width: 100%;height: 100%;opacity:1;position: absolute;top:7%;left:0;background:url("../images/p3.3.png?1") no-repeat 0 0;background-size:100% 100%;}
.q1_0_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.7.png?1") no-repeat 0 0;background-size:100% 100%;
-webkit-animation:1.5s q1_0_1 linear infinite;
-moz-animation:1.5s q1_0_1 linear infinite;
-o-animation:1.5s q1_0_1 linear infinite;
animation:1.5s q1_0_1 linear infinite;
}
.q2_0{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.8.png?1") no-repeat 0 0;background-size:100% 100%;}
.q2_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p5-2.png?1") no-repeat 0 0;background-size:100% 100%;}
.q2_2{width: 100%;height: 100%;opacity:1;position: absolute;top:7%;left:0;background:url("../images/p3.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.q2_0_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.9.png?1") no-repeat 0 0;background-size:100% 100%;
-webkit-animation:1.5s q2_0_1 linear infinite;
-moz-animation:1.5s q2_0_1 linear infinite;
-o-animation:1.5s q2_0_1 linear infinite;
animation:1.5s q2_0_1 linear infinite;
}
.q3_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p5-3.png?1") no-repeat 0 0;background-size:100% 100%;}
.q3_2{width: 100%;height: 100%;opacity:1;position: absolute;top:7%;left:0;background:url("../images/p3.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.q4_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p5-4.png?1") no-repeat 0 0;background-size:100% 100%;}
.q4_2{width: 100%;height: 100%;opacity:1;position: absolute;top:7%;left:0;background:url("../images/p3.4.png?1") no-repeat 0 0;background-size:100% 100%;}
.q5_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p5-5.png?1") no-repeat 0 0;background-size:100% 100%;}
.q5_2{width: 100%;height: 100%;opacity:1;position: absolute;top:7%;left:0;background:url("../images/p3.5.png?1") no-repeat 0 0;background-size:100% 100%;}
.s4_click{width: 100%;height: 100%;position: absolute;top:5%;left:0;background:url("../images/p3.10.png?1") no-repeat 0 0;background-size:100% 100%;}
.s4_click div{width: 26%;height: 16%;position: absolute;}
.c1{top:54%;left:7%;}
.c2{top:54%;left:38%;}
.c3{top:54%;left:68%;}
.c4{top:73%;left:19%;}
.c5{top:73%;left:55%;}
.answer{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.a1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3-1.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.a2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3-2.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.a3{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3-3.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.a4{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3-4.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.a5{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3-5.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.a6{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3-1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.back1{width: 26%;height: 16%;position: absolute;top:77%;left:23%}
.back2{width: 26%;height: 16%;position: absolute;top:77%;left:52%}
.s5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4-1.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s5 .right1_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4-1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s5 .right1_2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4-1.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.right0{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;}
.right1_3{width: 80%;height: 34.12%;opacity:1;position: absolute;top:55%;left:9%;background:url("../images/p4-1.3.png?1") no-repeat 0 0;background-size:100% 100%;}
.right1_4{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4-1.png?1") no-repeat 0 0;background-size:100% 100%;}
.error1_1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.error1_2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p4.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.new1{width: 80%;height: 10%;opacity:1;position: absolute;top:51%;left:10%;}
.ours{width: 24%;height: 10%;opacity:1;position: absolute;top:62%;left:12%;}
.more{width: 26%;height: 10%;opacity:1;position: absolute;top:62%;left:64%;}
.more_more{width: 26%;height: 10%;opacity:0;position: absolute;top:60%;left:37%;}
.ours1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/more.jpg?1") no-repeat 0 0;background-size:100% 100%;display: none}
.select{position: absolute;width: 100%;height: 100%}
.s5.ani .right1_3{
-webkit-animation:15s 0.2s right1_3 linear both;
-moz-animation:15s 0.2s right1_3 linear both;
-o-animation:15s 0.2s right1_3 linear both;
animation:15s 0.2s right1_3 linear both;
}
@-webkit-keyframes q1_0_1{
0%{opacity: 0}
30%{opacity:1}
70%{opacity: 1}
100%{opacity: 0}
}
@-o-keyframes q1_0_1{
0%{opacity: 0}
30%{opacity:1}
70%{opacity: 1}
100%{opacity: 0}
}
@-moz-keyframes q1_0_1{
0%{opacity: 0}
30%{opacity:1}
70%{opacity: 1}
100%{opacity: 0}
}
@keyframes q1_0_1{
0%{opacity: 0}
30%{opacity:1}
70%{opacity: 1}
100%{opacity: 0}
}
@-webkit-keyframes q2_0_1{
0%{top:0;opacity: 0}
0.1%{top:0;opacity: 1}
99.9%{top:1%;opacity: 1}
100%{top:0;opacity: 0}
}
@-o-keyframes q2_0_1{
0%{top:0;opacity: 0}
0.1%{top:0;opacity: 1}
99.9%{top:1%;opacity: 1}
100%{top:0;opacity: 0}
}
@-moz-keyframes q2_0_1{
0%{top:0;opacity: 0}
0.1%{top:0;opacity: 1}
99.9%{top:1%;opacity: 1}
100%{top:0;opacity: 0}
}
@keyframes q2_0_1{
0%{top:0;opacity: 0}
0.1%{top:0;opacity: 1}
99.9%{top:1%;opacity: 1}
100%{top:0;opacity: 0}
}
@-webkit-keyframes Out111{
0%{opacity: 1}
100%{opacity:0}
}
@-o-keyframes Out111{
0%{opacity: 1}
100%{opacity:0}
}
@-moz-keyframes Out111{
0%{opacity: 1}
100%{opacity:0}
}
@keyframes Out111{
0%{opacity: 1}
100%{opacity:0 }
}
@-webkit-keyframes Out1{
0%{opacity: 0.01}
50%{opacity:1}
100%{opacity: 0.01}
}
@-o-keyframes Out1{
0%{opacity: 0.01}
50%{opacity:1}
100%{opacity: 0.01}
}
@-moz-keyframes Out1{
0%{opacity: 0.01}
50%{opacity:1}
100%{opacity: 0.01}
}
@keyframes Out1{
0%{opacity: 0.01}
50%{opacity:1}
100%{opacity: 0.01}
}
@keyframes Out{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes Out{
0%{opacity: 0}
100%{opacity:1}
}
@-o-keyframes Out{
0%{opacity: 0}
100%{opacity:1}
}
@-moz-keyframes Out{
0%{opacity: 0}
100%{opacity:1}
}
@keyframes Out_s1{
0%{opacity:0}
2%{opacity:1}
98%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes Out_s1{
0%{opacity:0}
2%{opacity:1}
98%{opacity:1}
100%{opacity:0}
}
@-o-keyframes Out_s1{
0%{opacity:0}
2%{opacity:1}
98%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes Out_s1{
0%{opacity:0}
2%{opacity:1}
98%{opacity:1}
100%{opacity:0}
}
@keyframes fadeIn_s1 { /*逐渐显示*/
0% { opacity: 0; }
35% { opacity: 1; }
70% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes fadeIn_s1 { /*逐渐显示*/
0% { opacity: 0; }
35% { opacity: 1; }
70% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn_s1 { /*逐渐显示*/
0% { opacity: 0; }
35% { opacity: 1; }
70% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fadeIn_s1 { /*逐渐显示*/
0% { opacity: 0; }
35% { opacity: 1; }
70% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0 {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes s2_bg2 {
0% {-webkit-transform: scale(1);opacity: 0 }
15%{-webkit-transform: scale(1);opacity: 1 }
20%{-webkit-transform: scale(1);opacity: 1 }
100% { -webkit-transform:translate3d(3%,-37%,0) scale(0.3) rotateZ(23deg);opacity: 1 }
}
@keyframes s2_bg2 {
0% {transform: scale(1);opacity: 0 }
15% {transform: scale(1);opacity: 1 }
20%{transform: scale(1);opacity: 1 }
100% {transform:translate3d(3%,-37%,0) scale(0.3) rotateZ(23deg);opacity: 1 }
}
@-webkit-keyframes s3_bg11 {
0% { -webkit-transform:translate3d(0,0,0) scale(0.3);opacity: 1 }
100% { -webkit-transform:translate3d(-10%,-30%,0) scale(0.3) ;opacity:1 }
}
@keyframes s3_bg11 {
0% { -webkit-transform:translate3d(0,0,0) scale(0.3);opacity: 1 }
100% { -webkit-transform:translate3d(-10%,-30%,0) scale(0.3) ;opacity:1 }
}
@-webkit-keyframes right1_3 {
0% { -webkit-transform:translate3d(0,0,0) ;opacity: 1 }
100% { -webkit-transform:translate3d(0,-118%,0);opacity:1 }
}
@keyframes right1_3 {
0% {transform:translate3d(0,0,0) ;opacity: 1 }
100% {transform:translate3d(0,-118%,0);opacity:1 }
}
@-webkit-keyframes s3_bg {
0% { -webkit-transform:scale(1) ;opacity: 1 }
50% { -webkit-transform:scale(0.95) ;opacity:1 }
100% {-webkit-transform:scale(1) ;opacity: 1 }
}
@keyframes s3_bg {
0% {transform:scale(1) ;opacity: 1 }
50% {transform:scale(0.95);opacity:1 }
100% {transform:scale(1) ;opacity: 1 }
}