body{margin:0;padding:0;font-family:"Microsoft YaHei";} p{margin:2% 5%;line-height:28px;font-size:16px;text-align:justify;text-indent: 2em;} .loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg') no-repeat 0 0;background-size:100% 100%;} .suggest{position:fixed;bottom:0;width:100%;color:white;font-size:12px;} .suggest p{text-align:center;text-indent:0;} .load_val{width:100%;} .loading_line{width:60%;height:3px;position:absolute;left:20%;background:#00558e;margin-top:10%;} .loading_line_blank{width:0%;height:100%;background:red;} .loading_pic{width:128px;height:95px;margin:40% auto 10% auto;animation: loading_pic .6s infinite; -moz-animation: loading_pic .6s infinite; /* Firefox */ -webkit-animation: loading_pic .6s infinite; /* Safari �� Chrome */ -o-animation: loading_pic .6s infinite;} .coypright{position:fixed;bottom:8%;width:100%;text-align:center;color:white;font-size:16px;} section{position:absolute;width:100%;height:100%;background-size:100% 100%;} .swiper-container{position:absolute;width:100%;height:100%} .swiper-slide{position:relative;overflow:hidden} .swiper-slide *{position:absolute;opacity:0} .bg,.bg *{opacity:1} .layer{width:100%;height:100%;opacity:1} .layer div{border-radius:100%} .active{display:block;} .up{ z-index: 1000; margin: auto; left: 0; right: 2px; bottom: 2.8%; width: 29px; height: 14px; -moz-animation:up 2s infinite; -webkit-animation:up 2s infinite; -o-animation:up 2s infinite; } #s0,#s1{background:white;} #s0 .w0{top: 0;width: 100%;height: 100%;background: url("../images/P0.1.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w1{top: 0;width: 100%;height: 100%;background: url("../images/P0.2.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w2{top: 0;width: 100%;height: 100%;background: url("../images/P0.3.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w3{bottom: 1%;right:2%;width: 30%;height: 12%;background: url("../images/zzs.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w4{top: 0;width: 100%;height: 80%;background: url("../images/P0.1_2.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w5{bottom: 0;width: 100%;height: 16%;background: url("../images/P0.2_2.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w6{top: 80%;width: 100%;height: 10%;background: url("../images/P0.3_2.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w7{top: 55%;width: 100%;height: 20%;background: url("../images/P0.4_2.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w8{bottom: -1%;width: 100%;height: 15%;background: url("../images/P0.5_2.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w9{bottom: 9%;width: 100%;height: 6%;background: url("../images/P0.6_2.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w10{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_3.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w11{top: 0;width: 100%;height: 100%;background: url("../images/P0.2_3.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w12{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_4.png") no-repeat 0 0;background-size:100% 85%;} #s0 .w13{top: 42%;width: 100%;height: 25%;background: url("../images/P0.2_4.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w14{top: 0;width: 100%;height: 100%;background: url("../images/P0.3_4.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w15{top: 0;width: 30%;height: 12%;background: url("../images/P0.4_4.png") no-repeat 0 0;background-size:100% 100%;} /*������*/ #s0 .w16{top: 0;width: 100%;height: 118%;background: url("../images/P0.1_5.jpg") no-repeat 0 0;background-size:100% 85%;} #s0 .w17{top: 20%;width: 100%;height: 77%;background: url("../images/P0.2_5.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w18{top: 87%;width: 33%;height: 10%;left:9%;background: url("../images/P0.3_5.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w19{top: 0;width: 30%;height: 12%;background: url("../images/P0.4_5.png") no-repeat 0 0;background-size:100% 100%;} /*������*/ #s0 .w20{top: 0;width: 100%;height: 26%;background: url("../images/P0.1_6.png") no-repeat 0 0;background-size:100% 85%;} #s0 .w21{top: 23%;width: 100%;height: 57%;background: url("../images/P0.2_6.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w22{top: 81%;width: 94%;height: 18%;left:4%;background: url("../images/P0.3_6.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w23{top: 0;width: 30%;height: 12%;background: url("../images/P0.4_6.png") no-repeat 0 0;background-size:100% 100%;} /*������*/ #s0 .w24{top: 0%;width: 100%;height: 28%;z-index:10;background: url("../images/P0.1_7.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w25{top: 0%;width: 100%;height: 100%;left:0%;background: url("../images/P0.2_7.jpg") no-repeat 0 0;background-size:100% 100%;} /*�ڰ���*/ #s0 .w28{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_8.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w29{top: 32%;width: 100%;height: 49%;background: url("../images/P0.2_8.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w30{top: 85%;width: 100%;height: 9%;left:0;background: url("../images/P0.3_8.png") no-repeat 0 0;background-size:100% 100%;} /*�ھ���*/ #s0 .w32{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_9.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w33{top: 41%;width: 100%;height: 49%;background: url("../images/P0.2_9.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w34{top: 28%;width: 100%;height: 17%;left:0;background: url("../images/P0.3_9.png") no-repeat 0 0;background-size:100% 100%;} /*��ʮ��*/ #s0 .w36{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_10.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w37{top: 0%;right:0;width: 40%;height: 26%;background: url("../images/P0.2_10.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w38{top: 14%;width: 68%;height: 32%;left:0;background: url("../images/P0.3_10.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w39{top: 54%;width: 50%;height: 20%;background: url("../images/P0.4_10.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w40{bottom: 0%;width: 58%;height: 22%;background: url("../images/P0.5_10.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w41{right:0;background: url("../images/P0.6_10.png") no-repeat 0 0;background-size:100% 100%;} /*��ʮһ��*/ #s0 .w42{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_11.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w43{top: 22%;width: 100%;height: 8%;background: url("../images/P0.2_11.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w44{top: 31%;width: 100%;height: 67%;left:0;background: url("../images/P0.3_11.png") no-repeat 0 0;background-size:100% 100%;} /*��ʮ����*/ #s0 .w46{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_12.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w47{top: 22%;width: 100%;height: 67%;background: url("../images/P0.2_12.png") no-repeat 0 0;background-size:100% 100%;} /*��ʮ����*/ #s0 .w51{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_13.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w52{top: 29%;width: 100%;height: 71%;background: url("../images/P0.2_13.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w53{top: 19%;width: 100%;height: 20%;background: url("../images/P0.3_13.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w54{top: 85%;width: 100%;height: 16%;background: url("../images/P0.4_13.png") no-repeat 0 0;background-size:100% 100%;} /*��ʮ����*/ #s0 .w56{top: 0;width: 100%;height: 100%;background: url("../images/P0.1_14.jpg") no-repeat 0 0;background-size:100% 100%;} #s0 .w57{top: 23%;width: 50%;height: 45%;background: url("../images/P0.2_14.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w58{top: 0%;width: 100%;height: 33%;background: url("../images/P0.3_14.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w59{top: 35%;width: 100%;height: 32%;background: url("../images/P0.4_14.png") no-repeat 0 0;background-size:100% 100%;} #s0 .w60{top: 71%;width: 100%;height: 28%;background: url("../images/P0.5_14.png") no-repeat 0 0;background-size:100% 100%;} #s1{background:#1f1f1f;} .s0s,.s1s{display:none;width:100%;height:100%;z-index:10;opacity:1;} .w0.ani000{top: 0;width: 100%;height: 15%;margin-top:5%;background: url("../images/P1.png") no-repeat 0 0;background-size:100% 100%;display: none;z-index: 200} #s1 .w1{width: 100%;height:15%;top:26%;} #s1 .w2{width: 100%;height:15%;top:44%;} #s1 .w3{width: 100%;height:15%;top:62%;} #s1 .w4{width: 100%;height:15%;top:80%;} #s1 a{display:block;width:100%;height:100%;} #s1 .w5{width:6%;position:absolute;top:30%;left:56%;} #s1 .w6{width:6%;position:absolute;top:50%;right:40%;} #s1 .w7{width:6%;position:absolute;bottom:32%;left:50%;} #s1 .w8{width:6%;position:absolute;bottom:15%;right:40%;} #s1 .w9{width:50%;position:absolute;top:16%;right:50%;} #s1 .w10{width:50%;position:absolute;top:18%;left:50%;} #s1 .w11{width:50%;position:absolute;bottom:46%;right:50%;} #s1 .w12{width:50%;position:absolute;bottom:42%;left:50%;} #s1 .w13{width:50%;height:8%;position:absolute;bottom:0;background: url("../images/P1.5_2.png") no-repeat 0 0;background-size:100% 100%;} #s1 .w14{width:6%;position:absolute;top:47%;left:35%;} #s1 .w15{width: 100%;height:19%;top:20%;} #s1 .w16{width: 100%;height:19%;top:39%;} #s1 .w17{width: 100%;height:19%;top:58%;} #s1 .w18{width: 100%;height:19%;top:77%;} #s1 .w19{width:50%;height:8%;position:absolute;top:0;background: url("../images/P1.5_2.png") no-repeat 0 0;background-size:100% 100%;} #s1 .w20{width:6%;position:absolute;top:47%;left:35%;} /*������*/ #s1 .w21{width: 49%;height:42%;top:12%;left:0;-webkit-transform:rotate(45deg);} #s1 .w22{width: 47%;height:21%;top:31%;right:0;-webkit-transform:rotate(45deg);} #s1 .w23{width: 47%;height:41%;top:49%;left:0;-webkit-transform:rotate(45deg);} #s1 .w24{width: 55%;height:23%;top:68%;right:1%;-webkit-transform:rotate(45deg);} /*������*/ #s1 .w26{width: 50%;height:19%;top:16.5%;} #s1 .w27{width: 51%;height:19%;top:16.5%;left:49.5%;} #s1 .w28{width: 50%;height:19%;top:55%;} #s1 .w29{width: 54%;height:19%;top:56%;left:49%;} /*������*/ #s1 .w31{width: 58%;height:19%;top:12.5%;left:0;} #s1 .w32{width: 53%;height:19%;top:24.5%;left:49.5%;} #s1 .w33{width: 63%;height:19%;top:46%;left:-2%;} #s1 .w34{width: 59%;height:19%;top:61%;left:44%;} /*�ڰ���*/ #s1 .w36{width: 100%;height:19%;top:15%;left:0;} #s1 .w37{width: 100%;height:19%;top:35%;left:8%;} #s1 .w38{width: 100%;height:19%;top:55%;left:-8%;} #s1 .w39{width: 100%;height:19%;top:75%;left:1%;} #s1 .w40{width:6%;position:absolute;top:24%;left:26%;} /*�ھ���*/ #s1 .w41{width: 47.5%;height:19%;top:11.5%;left:0.5%;} #s1 .w42{width: 43%;height:19%;top:14%;left:50%;} #s1 .w43{width: 44.5%;height:19%;top:42.5%;left:2.5%;} #s1 .w44{width: 46%;height:19%;top:42.5%;left:49%;} #s1 .w45{width: 8%;position:absolute;top:33%;left:37%;} /*��ʮ��*/ #s1 .w46{width: 45%;height:28%;top:18.5%;left:0.5%;} #s1 .w47{width: 56%;height:35%;top:20%;left:44%;} #s1 .w48{width: 54%;height:36%;top:52.5%;left:2.5%;} #s1 .w49{width: 41%;height:30%;top:59%;left:57%;} #s1 .w50{width: 8%;position:absolute;top:35%;left:20%;} /*��ʮһ��*/ #s1 .w51{width: 50%;height:28%;top:17%;left:0.5%;} #s1 .w52{width: 50%;height:35%;top:20%;left:48%;} #s1 .w53{width: 46.5%;height:36%;top:58%;left:2.5%;} #s1 .w54{width: 50%;height:30%;top:57%;left:49%;} #s1 .w55{width: 8%;position:absolute;top:48%;left:35%;} /*��ʮ����*/ #s1 .w56{width: 57%;height:28%;top:17%;left:1%;} #s1 .w57{width: 50%;height:35%;top:26%;left:50%;} #s1 .w58{width: 50%;height:36%;top:56%;left:3%;} #s1 .w59{width: 53%;height:30%;top:65%;left:48.5%;} #s1 .w60{width: 8%;position:absolute;top:35%;left:35%;} /*��ʮ����*/ #s1 .w61{width: 56%;height:42%;top:12%;left:0;} #s1 .w62{width: 60%;height:21%;top:27%;left:45%;} #s1 .w63{width: 58%;height:41%;top:51%;left:0;} #s1 .w64{width: 65%;height:23%;top:64%;left:44%;} #s1 .w65{width: 8%;position:absolute;top:35%;left:35%;} /*��ʮ����*/ #s1 .w66{width: 100%;height:42%;top:15%;left:0;} #s1 .w67{width: 100%;height:21%;top:35%;left:5%;} #s1 .w68{width: 100%;height:41%;top:53%;left:-8%;} #s1 .w69{width: 100%;height:23%;top:74%;left:0%;} #s1 .w70{width: 8%;position:absolute;top:30%;left:20%;} #s0.active .w0 {opacity:1;} #s0.active .w4 {opacity:1;} #s0.active .w9 {opacity:1;} #s0.active .w10 {opacity:1;} #s0.active .w12 {opacity:1;} #s0.active .w16 {opacity:1;} #s0.active .w20 {opacity:1;} #s0.active .w24 {opacity:1;} #s0.active .w25 {opacity:1;} #s0.active .w28 {opacity:1;} #s0.active .w29 {opacity:1;} #s0.active .w30 {opacity:1;} #s0.active .w36 {opacity:1;} #s0.active .w46 {opacity:1;} #s0.active .w47 {opacity:1;} #s0.active .w51 {opacity:1;} #s0.active .w52 {opacity:1;} #s0.active .w53 {opacity:1;} #s0.active .w54 {opacity:1;} #s0.active .w56 {opacity:1;} #s0.active .w57 {opacity:1;} #s0.active .w58 {opacity:1;} #s0.active .w59 {opacity:1;} #s0.active .w60 {opacity:1;} #s0.active .w1 {animation:fadeInDown .6s 0.5s ease both;-moz-animation:fadeInDown .6s 0.5s ease both;-webkit-animation:fadeInDown .6s 0.5s ease both;-o-animation:fadeInDown .6s 0.5s ease both} #s0.active .w2 {animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-o-animation:fadeInRight .6s 1s ease both} #s0.active .w3 {animation:coin 1s 1.6s ease both;-moz-animation:coin 1s 1.6s ease both;-webkit-animation:coin 1s 1.6s ease both;-o-animation:coin 1s 1.6s ease both} #s0.active .w5 {animation:fadeInLeft .6s 1s ease both;-moz-animation:fadeInLeft .6s 1s ease both;-webkit-animation:fadeInLeft .6s 1s ease both;-o-animation:fadeInLeft .6s 1s ease both} #s0.active .w6 {animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both} #s0.active .w7 {animation:coin 1s 1.6s ease both;-moz-animation:coin 1s 1.6s ease both;-webkit-animation:coin 1s 1.6s ease both;-o-animation:coin 1s 1.6s ease both} #s0.active .w8 {animation:fadeInDown .6s 1s ease both;-moz-animation:fadeInDown .6s 1s ease both;-webkit-animation:fadeInDown .6s 1s ease both;-o-animation:fadeInDown .6s 1s ease both} #s0.active .w9 {animation:coin 1s 1.6s ease both;-moz-animation:coin 1s 1.6s ease both;-webkit-animation:coin 1s 1.6s ease both;-o-animation:coin 1s 1.6s ease both} #s0.active .w11 {animation:fadeInLeft .6s 1s ease both;-moz-animation:fadeInLeft .6s 1s ease both;-webkit-animation:fadeInLeft .6s 1s ease both;-o-animation:fadeInLeft .6s 1s ease both} #s0.active .w13 {animation:fadeInDown .6s .5s ease both;-moz-animation:fadeInDown .6s .5s ease both;-webkit-animation:fadeInDown .6s .5s ease both;-o-animation:fadeInDown .6s .5s ease both} #s0.active .w14 {animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both} #s0.active .w15 {animation:coin 1s 1.6s ease both;-moz-animation:coin 1s 1.6s ease both;-webkit-animation:coin 1s 1.6s ease both;-o-animation:coin 1s 1.6s ease both} #s0.active .w17 {animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both} #s0.active .w18 {animation:coin 1s 1.6s ease both;-moz-animation:coin 1s 1.6s ease both;-webkit-animation:coin 1s 1.6s ease both;-o-animation:coin 1s 1.6s ease both} #s0.active .w20 {animation:fadeInDown .6s .5s ease both;-moz-animation:fadeInDown .6s .5s ease both;-webkit-animation:fadeInDown .6s .5s ease both;-o-animation:fadeInDown .6s .5s ease both} #s0.active .w21 {animation:coin 1s 0.5s ease both;-moz-animation:coin 1s 0.5s ease both;-webkit-animation:coin 1s 0.5s ease both;-o-animation:coin 1s 0.5s ease both} #s0.active .w22 {animation:fadeInUp .6s .5s ease both;-moz-animation:fadeInUp .6s .5s ease both;-webkit-animation:fadeInUp .6s .5s ease both;-o-animation:fadeInUp .6s .5s ease both} #s0.active .w28 {animation:fadeInDown .8s .5s ease both;-moz-animation:fadeInDown .8s .5s ease both;-webkit-animation:fadeInDown .8s .5s ease both;-o-animation:fadeInDown .8s .5s ease both} #s0.active .w29 {animation:coin 1s 0.5s ease both;-moz-animation:coin 1s 0.5s ease both;-webkit-animation:coin 1s 0.5s ease both;-o-animation:coin 1s 0.5s ease both} #s0.active .w30 {animation:fadeInUp .8s .5s ease both;-moz-animation:fadeInUp .8s .5s ease both;-webkit-animation:fadeInUp .8s .5s ease both;-o-animation:fadeInUp .8s .5s ease both} #s0.active .w32 {animation:fadeInDown .8s .5s ease both;-moz-animation:fadeInDown .8s .5s ease both;-webkit-animation:fadeInDown .8s .5s ease both;-o-animation:fadeInDown .8s .5s ease both} #s0.active .w33 {animation:fadeInRight 1s 0.5s ease both;-moz-animation:fadeInRight 1s 0.5s ease both;-webkit-animation:fadeInRight 1s 0.5s ease both;-o-animation:fadeInRight 1s 0.5s ease both} #s0.active .w34 {animation:coin .8s 1s ease both;-moz-animation:coin .8s 1s ease both;-webkit-animation:coin .8s 1s ease both;-o-animation:coin .8s 1s ease both} #s0.active .w37 {animation:fadeIn .8s 0.5s ease both;-moz-animation:fadeIn .8s 0.5s ease both;-webkit-animation:fadeIn .8s 0.5s ease both;-o-animation:fadeIn .8s 1s ease both} #s0.active .w38 {animation:fadeIn .8s 1.5s ease both;-moz-animation:fadeIn .8s 1.5s ease both;-webkit-animation:fadeIn .8s 1.5s ease both;-o-animation:fadeIn .8s 1.5s ease both} #s0.active .w39 {animation:fadeIn .8s 2.5s ease both;-moz-animation:fadeIn .8s 2.5s ease both;-webkit-animation:fadeIn .8s 2.5s ease both;-o-animation:fadeIn .8s 2.5s ease both} #s0.active .w40 {animation:fadeIn .8s 3.5s ease both;-moz-animation:fadeIn .8s 3.5s ease both;-webkit-animation:fadeIn .8s 3.5s ease both;-o-animation:fadeIn .8s 3.5s ease both} #s0.active .w41 {animation:bang 1.2s 4s ease both;-moz-animation:bang 1.2s 4s ease both;-webkit-animation:bang 1.2s 4s ease both;-o-animation:bang 1.2s 4s ease both} #s0.active .w42 {animation:fadeIn .8s 0.5s ease both;-moz-animation:fadeIn .8s 0.5s ease both;-webkit-animation:fadeIn .8s 0.5s ease both;-o-animation:fadeIn .8s 0.5s ease both} #s0.active .w43 {animation:coin .8s 1s ease both;-moz-animation:coin .8s 1s ease both;-webkit-animation:coin .8s 1s ease both;-o-animation:coin .8s 1s ease both} #s0.active .w44 {animation:fadeInUp .8s 1s ease both;-moz-animation:fadeInUp .8s 1s ease both;-webkit-animation:fadeInUp .8s 1s ease both;-o-animation:fadeInUp .8s 1s ease both} #s0.active .w46 {animation:fadeIn .8s 0.5s ease both;-moz-animation:fadeIn .8s 0.5s ease both;-webkit-animation:fadeIn .8s 0.5s ease both;-o-animation:fadeIn .8s 0.5s ease both} #s0.active .w47 {animation:coin .8s 1s ease both;-moz-animation:coin .8s 1s ease both;-webkit-animation:coin .8s 1s ease both;-o-animation:coin .8s 1s ease both} #s0.active .w51 {animation:fadeIn .8s 0.5s ease both;-moz-animation:fadeIn .8s 0.5s ease both;-webkit-animation:fadeIn .8s 0.5s ease both;-o-animation:fadeIn .8s 0.5s ease both} #s0.active .w52 {animation:fadeIn .8s 0.5s ease both;-moz-animation:fadeIn .8s .5s ease both;-webkit-animation:fadeIn .8s .5s ease both;-o-animation:fadeIn .8s .5s ease both} #s0.active .w53 {animation:coin 1s 1s ease both;-moz-animation:coin 1s 1s ease both;-webkit-animation:coin 1s 1s ease both;-o-animation:coin 1s 1s ease both} #s0.active .w54 {animation:fadeInUp .8s 1s ease both;-moz-animation:fadeInUp .8s 1s ease both;-webkit-animation:fadeInUp .8s 1s ease both;-o-animation:fadeInUp .8s 1s ease both} #s0.active .w56 {animation:fadeIn .8s 0.5s ease both;-moz-animation:fadeIn .8s 0.5s ease both;-webkit-animation:fadeIn .8s 0.5s ease both;-o-animation:fadeIn .8s 0.5s ease both} #s0.active .w57 {animation:coin 1s 1s ease both;-moz-animation:coin 1s 1s ease both;-webkit-animation:coin 1s 1s ease both;-o-animation:coin 1s 1s ease both} #s0.active .w58 {animation:fadeInRB .8s 1.5s ease both;-moz-animation:fadeInRB .8s 1.5s ease both;-webkit-animation:fadeInRB .8s 1.5s ease both;-o-animation:fadeInRB .8s 1.5s ease both} #s0.active .w59 {animation:fadeInRight .8s 1.5s ease both;-moz-animation:fadeInRight .8s 1.5s ease both;-webkit-animation:fadeInRight .8s 1.5s ease both;-o-animation:fadeInRight .8s 1.5s ease both} #s0.active .w60 {animation:fadeInUp .8s 1.5s ease both;-moz-animation:fadeInUp .8s 1.5s ease both;-webkit-animation:fadeInUp .8s 1.5s ease both;-o-animation:fadeInUp .8s 1.5s ease both} /* #s0.active .w6 {animation:fadeInDown .6s 0.5s ease both;-moz-animation:fadeInDown .6s 0.5s ease both;-webkit-animation:fadeInDown .6s 0.5s ease both;-o-animation:fadeInDown .6s 0.5s ease both} #s0.active .w7 {animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-o-animation:fadeInRight .6s 1s ease both} #s0.active .w8 {animation:coin 1s 1.6s ease both;-moz-animation:coin 1s 1.6s ease both;-webkit-animation:coin 1s 1.6s ease both;-o-animation:coin 1s 1.6s ease both} #s0.active .w9 {animation:fadeInDown .6s 1s ease both;-moz-animation:fadeInDown .6s 1s ease both;-webkit-animation:fadeInDown .6s 1s ease both;-o-animation:fadeInDown .6s 1s ease both} */ #s1.active .w0 {animation:fadeInRight .6s ease both;-moz-animation:fadeInRight .6s ease both;-webkit-animation:fadeInRight .6s ease both;-o-animation:fadeInRight .6s ease both} /* #s1.active .w1 {top:26%;animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-o-animation:fadeInRight .6s 1s ease both} #s1.active .w2 {bottom:40%;animation:fadeInLeft .6s 1s ease both;-moz-animation:fadeInLeft .6s 1s ease both;-webkit-animation:fadeInLeft .6s 1s ease both;-o-animation:fadeInLeft .6s 1s ease both} #s1.active *{opacity:1;width:100%;} */ #s1.active .w1 {animation:fadeInLeft .6s 0.5s ease both;-moz-animation:fadeInLeft .6s 0.5s ease both;-webkit-animation:fadeInLeft .6s 0.5s ease both;-o-animation:fadeInLeft .6s 0.5s ease both} #s1.active .w2 {animation:fadeInRight .6s 0.8s ease both;-moz-animation:fadeInRight .6s 0.8s ease both;-webkit-animation:fadeInRight .6s 0.8s ease both;-o-animation:fadeInRight .6s 0.8s ease both} #s1.active .w3 {animation:fadeInLeft .6s 1.1s ease both;-moz-animation:fadeInLeft .6s 1.1s ease both;-webkit-animation:fadeInLeft .6s 1.1s ease both;-o-animation:fadeInLeft .6s 1.1s ease both} #s1.active .w4 {animation:fadeInRight .6s 1.4s ease both;-moz-animation:fadeInRight .6s 1.4s ease both;-webkit-animation:fadeInRight .6s 1.4s ease both;-o-animation:fadeInRight .6s 1.4s ease both} #s1.active *{opacity:1;} .ani000 #times{opacity:1;right: 14%; top: 60%;width:auto;z-index:100;position: absolute;} #s1.active .w5 {animation:hand 1s 2s ease both;-moz-animation:hand 1s 2s ease both;-webkit-animation:hand 1s 2s ease both;-o-animation:hand 1s 2s ease both} #s1.active .w6 {animation:hand 1s 4s ease both;-moz-animation:hand 1s 4s ease both;-webkit-animation:hand 1s 4s ease both;-o-animation:hand 1s 4s ease both} #s1.active .w7 {animation:hand 1s 6s ease both;-moz-animation:hand 1s 6s ease both;-webkit-animation:hand 1s 6s ease both;-o-animation:hand 1s 6s ease both} #s1.active .w8 {animation:hand 1s 8s ease both;-moz-animation:hand 1s 8s ease both;-webkit-animation:hand 1s 8s ease both;-o-animation:hand 1s 8s ease both} #s1.active .w9 {animation:fadeInLeft .6s 0.5s ease both;-moz-animation:fadeInLeft .6s 0.5s ease both;-webkit-animation:fadeInLeft .6s 0.5s ease both;-o-animation:fadeInLeft .6s 0.5s ease both} #s1.active .w10 {animation:fadeInRight .6s 0.5s ease both;-moz-animation:fadeInRight .6s 0.5s ease both;-webkit-animation:fadeInRight .6s 0.5s ease both;-o-animation:fadeInRight .6s 0.5s ease both} #s1.active .w11 {animation:fadeInLeft .6s 1s ease both;-moz-animation:fadeInLeft .6s 1s ease both;-webkit-animation:fadeInLeft .6s 1s ease both;-o-animation:fadeInLeft .6s 1s ease both} #s1.active .w12 {animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-o-animation:fadeInRight .6s 1s ease both} #s1.active .w13 {animation:fadeIn .6s 1.4s ease both;-moz-animation:fadeIn .6s 1.4s ease both;-webkit-animation:fadeIn .6s 1.4s ease both;-o-animation:fadeIn .6s 1.4s ease both} #s1.active .w14 {animation:hand 1s 1s ease both;-moz-animation:hand 1s 1s ease both;-webkit-animation:hand 1s 1s ease both;-o-animation:hand 1s 1s ease both} #s1.active .w15 {animation:fadeInLeft .6s 0.5s ease both;-moz-animation:fadeInLeft .6s 0.5s ease both;-webkit-animation:fadeInLeft .6s 0.5s ease both;-o-animation:fadeInLeft .6s 0.5s ease both} #s1.active .w16 {animation:fadeInRight .6s 0.8s ease both;-moz-animation:fadeInRight .6s 0.8s ease both;-webkit-animation:fadeInRight .6s 0.8s ease both;-o-animation:fadeInRight .6s 0.8s ease both} #s1.active .w17 {animation:fadeInLeft .6s 1.1s ease both;-moz-animation:fadeInLeft .6s 1.1s ease both;-webkit-animation:fadeInLeft .6s 1.1s ease both;-o-animation:fadeInLeft .6s 1.1s ease both} #s1.active .w18 {animation:fadeInRight .6s 1.4s ease both;-moz-animation:fadeInRight .6s 1.4s ease both;-webkit-animation:fadeInRight .6s 1.4s ease both;-o-animation:fadeInRight .6s 1.4s ease both} #s1.active .w19 {animation:fadeInLeft .6s 1.4s ease both;-moz-animation:fadeInLeft .6s 1.4s ease both;-webkit-animation:fadeInLeft .6s 1.4s ease both;-o-animation:fadeInLeft .6s 1.4s ease both} #s1.active .w20 {animation:hand 1s 2s ease both;-moz-animation:hand 1s 2s ease both;-webkit-animation:hand 1s 2s ease both;-o-animation:hand 1s 2s ease both} #s1.active .w21 {animation:fadeIn .6s 0.5s ease both;-moz-animation:fadeIn .6s 0.5s ease both;-webkit-animation:fadeIn .6s 0.5s ease both;-o-animation:fadeIn .6s 0.5s ease both} #s1.active .w22 {animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both} #s1.active .w23 {animation:fadeIn .6s 1.5s ease both;-moz-animation:fadeIn .6s 1.5s ease both;-webkit-animation:fadeIn .6s 1.5s ease both;-o-animation:fadeIn .6s 1.5s ease both} #s1.active .w24 {animation:fadeIn .6s 2s ease both;-moz-animation:fadeIn .6s 2s ease both;-webkit-animation:fadeIn .6s 2s ease both;-o-animation:fadeIn .6s 2s ease both} #s1.active .w26 {animation:fadeInLeft .6s 0.5s ease both;-moz-animation:fadeInLeft .6s 0.5s ease both;-webkit-animation:fadeInLeft .6s 0.5s ease both;-o-animation:fadeInLeft .6s 0.5s ease both} #s1.active .w27 {animation:fadeInRight .6s 1.0s ease both;-moz-animation:fadeInRight .6s 1.0s ease both;-webkit-animation:fadeInRight .6s 1.0s ease both;-o-animation:fadeInRight .6s 1.0s ease both} #s1.active .w28 {animation:fadeInLeft .6s 1.0s ease both;-moz-animation:fadeInLeft .6s 1.0s ease both;-webkit-animation:fadeInLeft .6s 1.0s ease both;-o-animation:fadeInLeft .6s 1.0s ease both} #s1.active .w29 {animation:fadeInRight .6s 0.5s ease both;-moz-animation:fadeInRight .6s 0.5s ease both;-webkit-animation:fadeInRight .6s 0.5s ease both;-o-animation:fadeInRight .6s 0.5s ease both} #s1.active .w31 {animation:fadeIn .6s 0.5s ease both;-moz-animation:fadeIn .6s 0.5s ease both;-webkit-animation:fadeIn .6s 0.5s ease both;-o-animation:fadeIn .6s 0.5s ease both} #s1.active .w32 {animation:fadeIn .6s 1s ease both;-moz-animation:fadeIn .6s 1s ease both;-webkit-animation:fadeIn .6s 1s ease both;-o-animation:fadeIn .6s 1s ease both} #s1.active .w33 {animation:fadeIn .6s 1.5s ease both;-moz-animation:fadeIn .6s 1.5s ease both;-webkit-animation:fadeIn .6s 1.5s ease both;-o-animation:fadeIn .6s 1.5s ease both} #s1.active .w34 {animation:fadeIn .6s 2s ease both;-moz-animation:fadeIn .6s 2s ease both;-webkit-animation:fadeIn .6s 2s ease both;-o-animation:fadeIn .6s 2s ease both} #s1.active .w36 {animation:fadeInRight .6s 0.5s ease both;-moz-animation:fadeInRight .6s 0.5s ease both;-webkit-animation:fadeInRight .6s 0.5s ease both;-o-animation:fadeInRight .6s 0.5s ease both} #s1.active .w37 {animation:fadeInLeft .6s 1.0s ease both;-moz-animation:fadeInLeft .6s 1.0s ease both;-webkit-animation:fadeInLeft .6s 1.0s ease both;-o-animation:fadeInLeft .6s 1.0s ease both} #s1.active .w38 {animation:fadeInRight .6s 1.5s ease both;-moz-animation:fadeInRight .6s 1.5s ease both;-webkit-animation:fadeInRight .6s 1.5s ease both;-o-animation:fadeInRight .6s 1.5s ease both} #s1.active .w39 {animation:fadeInLeft .6s 2.0s ease both;-moz-animation:fadeInLeft .6s 2.0s ease both;-webkit-animation:fadeInLeft .6s 2.0s ease both;-o-animation:fadeInLeft .6s 2.0s ease both} #s1.active .w40 {animation:hand 1.5s 1.5s ease both;-moz-animation:hand 1.5s 1.5s ease both;-webkit-animation:hand 1.5s 1.5s ease both;-o-animation:hand 1.5s 1.5s ease both} #s1.active .w41 {animation:fadeInRB .8s .8s ease both;-moz-animation:fadeInRB .8s .8s ease both;-webkit-animation:fadeInRB .8s .8s ease both;-o-animation:fadeInRB .8s .8s ease both} #s1.active .w42 {animation:fadeInLB .8s .8s ease both;-moz-animation:fadeInLB .8s .8s ease both;-webkit-animation:fadeInLB .8s .8s ease both;-o-animation:fadeInLB .8s .8s ease both} #s1.active .w43 {animation:fadeInRT .8s .8s ease both;-moz-animation:fadeInRT .8s .8s ease both;-webkit-animation:fadeInRT .8s .8s ease both;-o-animation:fadeInRT .8s .8s ease both} #s1.active .w44 {animation:fadeInUp .8s .8s ease both;-moz-animation:fadeInUp .8s .8s ease both;-webkit-animation:fadeInUp .8s .8s ease both;-o-animation:fadeInUp .8s .8s ease both} #s1.active .w45 {animation:hand 1.5s 1.5s ease both;-moz-animation:hand 1.5s 1.5s ease both;-webkit-animation:hand 1.5s 1.5s ease both;-o-animation:hand 1.5s 1.5s ease both} #s1.active .w46 {animation:fadeInRB .8s .8s ease both;-moz-animation:fadeInRB .8s .8s ease both;-webkit-animation:fadeInRB .8s .8s ease both;-o-animation:fadeInRB .8s .8s ease both} #s1.active .w47 {animation:fadeInLB .8s .8s ease both;-moz-animation:fadeInLB .8s .8s ease both;-webkit-animation:fadeInLB .8s .8s ease both;-o-animation:fadeInLB .8s .8s ease both} #s1.active .w48 {animation:fadeInRT .8s .8s ease both;-moz-animation:fadeInRT .8s .8s ease both;-webkit-animation:fadeInRT .8s .8s ease both;-o-animation:fadeInRT .8s .8s ease both} #s1.active .w49 {animation:fadeInUp .8s .8s ease both;-moz-animation:fadeInUp .8s .8s ease both;-webkit-animation:fadeInUp .8s .8s ease both;-o-animation:fadeInUp .8s .8s ease both} #s1.active .w50 {animation:hand 1.5s 1.5s ease both;-moz-animation:hand 1.5s 1.5s ease both;-webkit-animation:hand 1.5s 1.5s ease both;-o-animation:hand 1.5s 1.5s ease both} #s1.active .w51 {animation:fadeInRB .8s .8s ease both;-moz-animation:fadeInRB .8s .8s ease both;-webkit-animation:fadeInRB .8s .8s ease both;-o-animation:fadeInRB .8s .8s ease both} #s1.active .w52 {animation:fadeInLB .8s .8s ease both;-moz-animation:fadeInLB .8s .8s ease both;-webkit-animation:fadeInLB .8s .8s ease both;-o-animation:fadeInLB .8s .8s ease both} #s1.active .w53 {animation:fadeInRT .8s .8s ease both;-moz-animation:fadeInRT .8s .8s ease both;-webkit-animation:fadeInRT .8s .8s ease both;-o-animation:fadeInRT .8s .8s ease both} #s1.active .w54 {animation:fadeInLT .8s .8s ease both;-moz-animation:fadeInUp .8s .8s ease both;-webkit-animation:fadeInUp .8s .8s ease both;-o-animation:fadeInUp .8s .8s ease both} #s1.active .w55 {animation:hand 1.5s 1.5s ease both;-moz-animation:hand 1.5s 1.5s ease both;-webkit-animation:hand 1.5s 1.5s ease both;-o-animation:hand 1.5s 1.5s ease both} #s1.active .w56 {animation:fadeInRB .8s .5s ease both;-moz-animation:fadeInRB .8s .5s ease both;-webkit-animation:fadeInRB .8s .5s ease both;-o-animation:fadeInRB .8s .5s ease both} #s1.active .w57 {animation:fadeInRight .8s 1s ease both;-moz-animation:fadeInRight .8s 1s ease both;-webkit-animation:fadeInRight .8s 1s ease both;-o-animation:fadeInRight .8s 1s ease both} #s1.active .w58 {animation:fadeInLeft .8s 1s ease both;-moz-animation:fadeInLeft .8s 1s ease both;-webkit-animation:fadeInLeft .8s 1s ease both;-o-animation:fadeInLeft .8s 1s ease both} #s1.active .w59 {animation:fadeInLT .8s .5s ease both;-moz-animation:fadeInUp .8s .5s ease both;-webkit-animation:fadeInUp .8s .5s ease both;-o-animation:fadeInUp .8s .5s ease both} #s1.active .w60 {animation:hand 1.5s 1.5s ease both;-moz-animation:hand 1.5s 1.5s ease both;-webkit-animation:hand 1.5s 1.5s ease both;-o-animation:hand 1.5s 1.5s ease both} #s1.active .w61 {animation:fadeInLeft .6s 0.5s ease both;-moz-animation:fadeInLeft .6s 0.5s ease both;-webkit-animation:fadeInLeft .6s 0.5s ease both;-o-animation:fadeInLeft .6s 0.5s ease both} #s1.active .w62 {animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-o-animation:fadeInRight .6s 1s ease both} #s1.active .w63 {animation:fadeInLeft .6s 1.5s ease both;-moz-animation:fadeInLeft .6s 1.5s ease both;-webkit-animation:fadeInLeft .6s 1.5s ease both;-o-animation:fadeInLeft .6s 1.5s ease both} #s1.active .w64 {animation:fadeInRight .6s 2s ease both;-moz-animation:fadeInRight .6s 2s ease both;-webkit-animation:fadeInRight .6s 2s ease both;-o-animation:fadeInRight .6s 2s ease both} #s1.active .w65 {animation:hand 1.5s 1.5s ease both;-moz-animation:hand 1.5s 1.5s ease both;-webkit-animation:hand 1.5s 1.5s ease both;-o-animation:hand 1.5s 1.5s ease both} #s1.active .w65 {animation:fadeInLeft .6s 0.5s ease both;-moz-animation:fadeInLeft .6s 0.5s ease both;-webkit-animation:fadeInLeft .6s 0.5s ease both;-o-animation:fadeInLeft .6s 0.5s ease both} #s1.active .w66 {animation:fadeInRight .6s 0.8s ease both;-moz-animation:fadeInRight .6s 0.8s ease both;-webkit-animation:fadeInRight .6s 0.8s ease both;-o-animation:fadeInRight .6s 0.8s ease both} #s1.active .w67 {animation:fadeInLeft .6s 1.1s ease both;-moz-animation:fadeInLeft .6s 1.1s ease both;-webkit-animation:fadeInLeft .6s 1.1s ease both;-o-animation:fadeInLeft .6s 1.1s ease both} #s1.active .w68 {animation:fadeInRight .6s 1.4s ease both;-moz-animation:fadeInRight .6s 1.4s ease both;-webkit-animation:fadeInRight .6s 1.4s ease both;-o-animation:fadeInRight .6s 1.4s ease both} #s1.active .w69 {animation:fadeInLeft .6s 1.7s ease both;-moz-animation:fadeInLeft .6s 1.7s ease both;-webkit-animation:fadeInLeft .6s 1.7s ease both;-o-animation:fadeInLeft .6s 1.7s ease both} #s1.active .w70 {animation:hand 1.3s 2s ease both;-moz-animation:hand 1.3s 2s ease both;-webkit-animation:hand 1.3s 2s ease both;-o-animation:hand 1.3s 2s ease both} #s2.active .w1 {animation:fadeInLeft .6s 1s ease both;-moz-animation:fadeInLeft .6s 1s ease both;-webkit-animation:fadeInLeft .6s 1s ease both;-o-animation:fadeInLeft .6s 1s ease both} #s2.active .w2 {animation:fadeInDown .6s 1s ease both;-moz-animation:fadeInDown .6s 1s ease both;-webkit-animation:fadeInDown .6s 1s ease both;-o-animation:fadeInDown .6s 1s ease both} #s2.active .w3 {animation:fadeInUp .6s 1s ease both;-moz-animation:fadeInUp .6s 1s ease both;-webkit-animation:fadeInUp .6s 1s ease both;-o-animation:fadeInUp .6s 1s ease both} #s2.active .w4 {animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-o-animation:fadeInRight .6s 1s ease both} /* @keyframes loading_pic { 0%{background-image:url('../images/loading1.png');} 50%{background-image:url('../images/loading2.png');} 100%{background-image:url('../images/loading1.png');} } @keyframes loop_pic { 0%{background-image: url("../images/00.jpg")} 25%{background-image: url("../images/01.jpg")} 50%{background-image: url("../images/02.jpg")} 75%{background-image: url("../images/03.jpg")} 100%{background-image: url("../images/00.jpg")} } @-moz-keyframes loop_pic /* Firefox */ /* { 0%{background-image: url("../images/00.jpg")} 25%{background-image: url("../images/01.jpg")} 50%{background-image: url("../images/02.jpg")} 75%{background-image: url("../images/03.jpg")} 100%{background-image: url("../images/00.jpg")} } @-webkit-keyframes loop_pic /* Safari �� Chrome */ /* { 0%{background-image: url("../images/00.jpg")} 25%{background-image: url("../images/01.jpg")} 50%{background-image: url("../images/02.jpg")} 75%{background-image: url("../images/03.jpg")} 100%{background-image: url("../images/00.jpg")} } */ @keyframes up { 0%{bottom:2.8%;} 99%{bottom:5%;} 100%{bottom:2.8%;} } @-moz-keyframes up /* Firefox */ { 0%{bottom:2.8%;} 99%{bottom:5%;} 100%{bottom:2.8%;} } @-webkit-keyframes up /* Safari �� Chrome */ { 0%{bottom:2.8%;} 99%{bottom:5%;} 100%{bottom:2.8%;} } @keyframes hand { 0%{opacity:0;} 25%{opacity:1;} 50%{opacity:0;} 75%{opacity:1;} 100%{opacity:0;} } @-moz-keyframes hand /* Firefox */ { 0%{opacity:0;} 25%{opacity:1;} 50%{opacity:0;} 75%{opacity:1;} 100%{opacity:0;} } @-webkit-keyframes hand /* Safari �� Chrome */ { 0%{opacity:0;} 25%{opacity:1;} 50%{opacity:0;} 75%{opacity:1;} 100%{opacity:0;} } @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-webkit-keyframes fadeIn{0%{opacity:0}50{opacity:0.5}100%{opacity:1}} @-moz-keyframes fadeIn{0%{opacity:0}50{opacity:0.5}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}50{opacity:0.5}100%{opacity:1}} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-webkit-keyframes coin{ 0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{opacity:1;-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes coin{ 0%{opacity:0;-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{opacity:1;-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @-webkit-keyframes bang{ 0%{ opacity:0; top:0; width:320%; height:235%; } 5%{ opacity:1; top:0; width:320%; height:235%; } 50%{ opacity:1; top: 26%; width:64%; height:47%; } 54%{ opacity:1; top: 27%; width:65%; height:47.5%; } 58%{ opacity:1; top: 26%; width:64%; height:47%; } 100%{ opacity:1; top: 26%; width:64%; height:47%; } } /* ������ */ @-webkit-keyframes fadeInRB{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInRB{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInRB{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} /* ������ */ @-webkit-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInLB{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} /* ������ */ @-webkit-keyframes fadeInRT{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInRT{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInRT{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} /* ������ */ @-webkit-keyframes fadeInLT{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes fadeInLT{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInLT{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}