@charset "utf-8";
/*2016.06.06*/
* { margin:0; padding:0; box-sizing:border-box; }
.clearfix{zoom:1}
.clearfix:after{content:"\20";display:block;clear:both;}
.inxwrp{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:100;}
.inxwrp img{width:227px;height:242.5px;position:absolute;left:50%;margin-left:-113.5px;top:50%;margin-top:-180px;z-index:101}
#inx{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:100;}
.music-icon {
    position:fixed; top:5%; right:5%;
   
    width:30px; height:30px;z-index:99999
}

.hide{display:none;}
.bigbox img{top:31%;left:34%;width:30%;position: absolute;}
.scence1 {position: relative;   background-image: url(../images/scence1_2.jpg);}
.scence4 {position: relative;   background-image: url(../images/scence4_1.png);}
.scence14 {position: relative;   background-image: url(../images/p13.png);  background-size:100% 100%;}

/* music */
@-webkit-keyframes reverseRotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(360deg);}
}
/*#musicControl {animation-delay:6.4s;-webkit-animation-delay:6.4s;position:absolute; display:inline-block;z-index:99999999;top:31%;left:34%;width:30%;}
#musicControl a { animation-delay:6.4s;-webkit-animation-delay:6.4s;display:inline-block;width:100px; height:100px;overflow:hidden;background:url('../images/scence1_3.gif') no-repeat;background-size:100%;}

#musicControl a audio{width:100%;height:56px;}
#musicControl a.stop { background-position:left bottom;}
#musicControl a.on { background-position:0px 1px;}
#music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999998;}
.card-bottom .music-icon a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
	
	.card-bottom .rotate{
	-webkit-animation: spinner-loader 2s infinite linear;
		animation: spinner-loader 2s infinite linear;
		
	}*/

@-webkit-keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.music-icon img{display:block;width:100%; height:auto;}
.wrp{background:#000; width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;display:none;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}
.stage{background:#000; width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);-webkit-perspective:1000;-webkit-backface-visibility:hidden}
.stage .scence{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000; background-size:cover; background-repeat:no-repeat;background-position:center;-webkit-transform:translate3d(0,100%,0);-webkit-backface-visibility:hidden;}
.stage .scence.on{-webkit-transform:translate3d(0,0,0)}

/*
.overlay { position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; background:rgba(0,0,0,.5); }
.overlays { position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; background:rgba(255,255,255,.5); }
.overlays_2{ position:fixed; left:10%; right:10%; top:5%; bottom:5%; z-index:200; background:rgba(0,0,0,.5); }
.overlays_3{ position:fixed; left:10%; right:10%; top:5%; bottom:5%; z-index:200; background:rgba(89,22,15,.8); }
.overlay_4{position:fixed; left:10%; right:10%; top:5%; bottom:5%; z-index:200; background:rgba(255,255,255,.8); }
.overlay_5{position: fixed;left:5%; top: 5%; width:24%; height: 45%;  background:rgba(255,0,0,.3);}
.overlays_6{position: fixed;right:5%; top: 5%; width:34%; height:34%;  background:rgba(255,0,0,.3);}

*/
/*	  
@media screen and (orientation:landscape){.landscape{display:block;position:fixed;top:0;left:0;z-index:4000;width:100%;height:100%;background:#ECA617;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;text-align:center}
.landscape .con{position:fixed;margin:auto;top:0;left:0;right:0;bottom:0;height:120px}
.landscape .con img{width:73px;height:109px;margin:0 auto;}
.landscape .con .word{margin-top:30px;font-size:16px;color:#fff;}
}

@media screen and (orientation:portrait){.landscape{display:none}
}
*/


.box_1{width:80%; position:absolute; left: 10%; border-radius:10px; top:60%;}

.video-js{/*animation-duration:4s;-webkit-animation-duration:4s;-webkit-animation-name:anction_3 ;animation-name:anction_3 ;*/margin: 0 auto; width:100%; position: relative; height: 240px; }





/*.scence16,.scence17{position: relative;  background:url(https://huodongcdnws.fruitday.com/sale/bigClient/images/16-bg.png);}
.scence18{position: relative;  background:url(https://huodongcdnws.fruitday.com/sale/bigClient/images/18-bg.png);}
.scence20{background: #b31c22; position: relative;}

.a5_tel{z-index: 99; position: absolute;bottom: 22%;left:15%; width:70%; height:10%; }
.tel_img{z-index: 99; position: absolute;bottom: 27%;left:15%; width:70%; height:6%; }
.tel_img img{display: block;width: 100%;}
input::-webkit-input-placeholder{ color: #b3b3b4;font-family: '微软雅黑'; line-height:3rem;line-height: 3rem; }
.tel_btn{position: absolute;bottom: 20%; width: 70%; left: 15%; height: auto; z-index: 99;}
.tel_btn input{position: relative;  border-radius: 15px;
	border: 0; height: 3rem; line-height: 3rem;width:100%; padding-left: 5%; font-size: 1.4rem;}
.btn_get_1{position: absolute;top: 0;right: 0 ;float: right;background: #f3a317; padding: 0 5%; 
	display: inline-block;}
.tel_bt1{text-align: center; position: absolute;bottom: 11.5%; width: 70%; left: 15%; height: auto; z-index: 99;}
.tel_bt1 .btn_get_2{background: url(https://huodongcdnws.fruitday.com/sale/bigClient/images/btn_get_2.png); border-radius: 0;height: 3rem; width:60%; background-size: 100% auto;background-repeat: no-repeat;}
.tel_btn a,.tel_bt1 a{font-family: '微软雅黑'; display: inline-block;border-radius: 15px; color: #fff; font-size: 1.4rem; height: 3rem; line-height: 3.2rem;text-decoration: none;}

.get_box{position: fixed;top: 25%;width: 100%; left:0%; height: auto; z-index: 111;}
.get_box img{width:60%;display: block; margin:0 auto 6px auto;}
.get_box p{color: #fff;font-size: 16px; font-family: '微软雅黑'; text-align: center; margin-bottom: 2px;}
.get_box p:nth-of-type(2){font-size: 14px;}
.get_box p:nth-of-type(3){font-size: 14px;}
.get_box a{display: block;border: 0; font-size: 16px; font-family: '微软雅黑'; text-align: center; width: 40%; line-height:3rem; color: #fff; border-radius: 20px; margin: 1rem auto;}
.btn_app{background: #649c32}
.btn_back{ background-color: #f2a217; }
.overlay { position:fixed; left:0; right:0; top:0; bottom:0; z-index:10; background:rgba(0,0,0,.5); }
.anction_01{position: absolute;top:40%;  width:25%; left:37.5%;  height: 40%; }
.a1_1{animation: anction_1 1s ease 1;-webkit-animation: anction_1 1s ease 1;position: absolute; left:25%; width:50%; height:30%; background: url(https://huodongcdnws.fruitday.com/sale/bigClient/images/scence1_1.png)no-repeat 0 0; background-size: 100% auto;}
a{display: block;}
*/



.stage .scence img.abs, .stage .scence .abs{
	-webkit-animation-duration:1.5s;

	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function:ease-out;
	animation-duration:1.5s;
	animation-fill-mode:both;
	animation-timing-function:ease-out;

}.stage .scence img.abs, .stage .scence .abs{position:absolute; }
    .scence .animate{-webkit-animation-name:slideInDown;animation-name:slideInDown}
	.scence .abs:nth-of-type(3){animation-delay:0.6s; -webkit-animation-delay:0.6s}
	.scence .abs:nth-of-type(2){animation-delay:0.2s; -webkit-animation-delay:0.2s}
	.scence .abs:nth-of-type(1){animation-delay:0s; -webkit-animation-delay:0s}


    .stage .scence img.abs, .stage .scence .abs{position:absolute; }
    .scence1 img.abs:nth-of-type(1){top:5%;width:100%; }
	.scence1 img.abs:nth-of-type(2){top:32%;left:32%;width:30%;animation-delay:6.4s;-webkit-animation-delay:6.4s;}
	.scence1 img.abs:nth-of-type(3){top:32%;left:0%;width:100%; }
	.scence1 img.abs:nth-of-type(4){top:47%;right:7%;width:30%}
	.scence1 img.abs:nth-of-type(5){top:56%;left:7%;width:40%;}
	.scence1 img.animate:nth-of-type(1){-webkit-animation-name:anction_1;animation-name:anction_1;}
	.scence1 img.animate:nth-of-type(2){-webkit-animation-name:anction_1;animation-name:anction_1;}
	.scence1 img.animate:nth-of-type(3){animation-delay:1.4s;-webkit-animation-delay:1.4s;-webkit-animation-name:anction_1;animation-name:anction_1;}
	.scence1 img.animate:nth-of-type(4){-webkit-animation-name:an_up;animation-name:an_up;}


.bigbox img.animate:nth-of-type(1){-webkit-animation-name:anction_1;animation-name:anction_1;}

.bigbox img.animate:nth-of-type(1){top:20%;width:100%;}

.bigbox{top:20%;left:22%;width:30%; position:absolute;}

	.scence2 img.abs:nth-of-type(1){top:1%;left: 2%;width:96%;  }
	.scence2 img.abs:nth-of-type(2){top:3%; right: -2%;width:104%; }
	.scence2 img.abs:nth-of-type(3){top:3%;right:-2%;width:104%;}
	.scence2 img.abs:nth-of-type(4){top:56%;left:0%;width:100%; }

	/*.scence2 img.abs:nth-of-type(1),.scence3 img.abs:nth-of-type(1){-webkit-animation-name:slideInDown;animation-name:slideInDown; animation-delay:1s;-webkit-animation-delay:1s;}
	.scence2 img.abs:nth-of-type(2),.scence3 img.abs:nth-of-type(2){-webkit-animation-name:slideInDown;animation-name:slideInDown;animation-delay:.4s;-webkit-animation-delay:.4s;}
	.scence2 img.abs:nth-of-type(3){}
*/
	.scence3 img.abs:nth-of-type(1){top:1%;left:2%;width:96%; }
	.scence3 img.abs:nth-of-type(2){top:-1%; left:-1%;width:102%;}
	.scence3 img.abs:nth-of-type(3){top:-1%;left:-1%;width:102%;}

	
	.scence4 img.abs:nth-of-type(1){top:5%;right:0%;width:100%;  }
	.scence4 img.abs:nth-of-type(2){top:16%;right:0%;width:100%;  }
	.scence4 img.abs:nth-of-type(3){top:25%;right:23%;width:55%;  }
	.scence4 img.abs:nth-of-type(4){top:61%;right:0%;width:100%;  }
	.scence4 a {
    display: block;
    position: absolute;
    bottom:10%;
    right: 0%;
    width: 100%;
    }

	.scence4 img.animate:nth-of-type(4){animation-duration:4s;-webkit-animation-duration:4s;-webkit-animation-name:anction_1 ;animation-name:anction_1 ;}

	.scence5 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
	
	.scence5 img.abs:nth-of-type(2){top:5%;right:0%;width:100%; }
.scence5 img.abs:nth-of-type(3){top:3%;right:-1%;width:102%;  }
.scence5 img.abs:nth-of-type(4){top:30%;right:0%;width:100%;  }
.scence5 img.abs:nth-of-type(5){top:40%;right:0%;width:100%;  }



.scence6 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence6 img.abs:nth-of-type(2){top:1%;right:-1%;width:102%; }
.scence6 img.abs:nth-of-type(3){top:1.5%;right:-1%;width:102%;  }

.scence7 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence7 img.abs:nth-of-type(2){top:0%;right:-1%;width:102%; }

.scence8 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence8 img.abs:nth-of-type(2){top:1%;right:-1%;width:102%; }
.scence8 img.abs:nth-of-type(3){top:0%;right:-1%;width:102%;  }

.scence9 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence11 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;height:100%;  }



.scence10 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence10 img.abs:nth-of-type(2){top:0%;right:-1%;width:102%; }



.scence12 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence12 img.abs:nth-of-type(2){top:1%;right:-1%;width:102%; }
.scence12 img.abs:nth-of-type(3){top:1.5%;right:-1%;width:102%;  }



.scence13 img.abs:nth-of-type(1){top:0%;right:-6%;width:120%;  }
.scence13 img.abs:nth-of-type(2){top:1%;right:-9%;width:112%; }


.scence14 img.abs:nth-of-type(1){top:0%;right:-1%;width:102%;  }
.scence14 img.abs:nth-of-type(2){bottom:20%;right:38%;width:30%;}
@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
      opacity: 1;
    transform: none;
  }
}


@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}






/*	.scence7 img.abs:nth-of-type(2){top:24%;right:0%;width:100%;  }
	.scence7 img.abs:nth-of-type(4){top:46%;right:39%;width:24%;  }
	.scence7 img.abs:nth-of-type(3){top:31%;right:0%;width:100%;  }
	.scence7 img.abs:nth-of-type(5){top:63%;right:23%;width:60%;  }
	.scence7 img.abs:nth-of-type(6){top:48%;right:-24%;width:48%;  }
	.scence7 img.abs:nth-of-type(7){top:48%;left:-24%;width:48%;  }
*/

	.upBtns{background-image:url("../images/icon_up.png");background-repeat: no-repeat;
    background-size: 16vw auto;
    width: 16vw;
    height: 4vw;
    position: absolute;
    left: 50%;
    bottom:4%;
    margin-left: -8vw;
    z-index: 5;z-index:9995;-webkit-animation:upbtn infinite 2s linear;animation:upbtn infinite 2s linear}



	.upBtn{background-image:url("../images/icon_up.png");background-repeat: no-repeat;
    background-size: 16vw auto;
    width: 16vw;
    height: 4vw;
    position: absolute;
    left: 50%;
    bottom:4%;
    margin-left: -8vw;
    z-index: 5;z-index:9995;-webkit-animation:upbtn infinite 2s linear;animation:upbtn infinite 2s linear}
	.img_music{position:fixed;bottom:2%; margin-bottom;-40px;right:1rem;width:40px;height:40px;background:url(https://huodongcdnws.fruitday.com/sale/bigClient/images/on.png) no-repeat center;background-size:3rem;display:block !important;}
	.img_music.off{background:url('https://huodongcdnws.fruitday.com/sale/bigClient/images/off.png') no-repeat center;background-size:3rem;}
	.fruit-logo{position: absolute; width: 24.90740740740741%; top:10%; left:37.5462962962963%;}
	.fruit-logo img{ position: relative; width: 100%;}
	.a1_2{position: absolute;top:30%; width: 100%; height:2px; background: #f19016;}
	.loader-container{height:2px;width: 100%; position: relative;}
	.runner{ animation: loader 2s linear;-webkit-animation: loader 2s linear;content: "";position: absolute;right: 0;height: 100%; width: 0%;background-color: #fff; }




.rotate {
     -webkit-animation: rotating 1.2s linear infinite;
     -moz-animation: rotating 1.2s linear infinite;
     -o-animation: rotating 1.2s linear infinite;
     animation: rotating 1.2s linear infinite
 }

 @-webkit-keyframes rotating {
     from { -webkit-transform: rotate(0) }
     to { -webkit-transform: rotate(360deg) }
 }
 
 @keyframes rotating {
    from { transform: rotate(0) }
     to { transform: rotate(360deg) }
 }
 @-moz-keyframes rotating {
     from { -moz-transform: rotate(0) }
     to { -moz-transform: rotate(360deg) }
 }
@keyframes nomol{
	0%{ opacity:0;}
		100%{ opacity: 1;}

}

@-webkit-keyframes  nomol{
	0%{ opacity: 0;}
		100%{ opacity: 1;}
}

@-webkit-keyframes scale-sun{
  0%{-webkit-transform: rotate(0deg);top:46%}
100%{-webkit-transform: rotate(-360deg); top:47%}
}
@keyframes scale-sun{
 0%{-webkit-transform: rotate(0deg);top:46%}
100%{-webkit-transform: rotate(-360deg); top:47%}
}
@-webkit-keyframes scale-c{
  0%{-webkit-transform: rotate(0deg); }
100%{-webkit-transform: rotate(360deg);}
}
@keyframes scale-c{
   0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);t}
}

@-webkit-keyframes scale-c1{
    0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(-360deg);}
}
@keyframes scale-c1{
  0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(-360deg);}
}

@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}	

/* 弹入-从上 */
@-webkit-keyframes bounceinT{
   from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
}
@-moz-keyframes bounceinT{
 from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
}
@-ms-keyframes bounceinT{
   from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
}
@keyframes bounceinT{
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(100vh);}
    2%{opacity:1;}
    100%{opacity:1;-webkit-transform:translateY(-300vh);}
}


@keyframes fadeinT{
    0%{opacity:0;transform:translateY(100vh);}
    2%{opacity:1;}
    100%{opacity:1;-webkit-transform:translateY(-300vh);}
}
/*@-webkit-keyframes bounceinT{
        0%{-webkit-transform:translateY(-20px);opacity: 0;}
    10%{-webkit-transform:translateY(-10px);opacity: 0;}
    20%{-webkit-transform:translateY(0px); opacity: 0;}
    30%{-webkit-transform:translateY(10px);opacity: 0.4;}
    40%{-webkit-transform:translateY(15px); opacity: 0.5;}
    50%{-webkit-transform:translateY(20px);opacity: 0.6;}
    60%{-webkit-transform:translateY(25px); opacity:0.7;}
    70%{-webkit-transform:translateY(30px);opacity: 0.8;}
    80%{-webkit-transform:translateY(35px); opacity: 0.9;}
    90%{-webkit-transform:translateY(40px);opacity: 1;}
    100%{-webkit-transform:translateY(45px); opacity:1;}
}*/
/*
@keyframes bounceinT{
    0%{-webkit-transform:translateY(-20px);opacity: 0;}
    10%{-webkit-transform:translateY(-10px);opacity: 0;}
    20%{-webkit-transform:translateY(0px); opacity: 0;}
    30%{-webkit-transform:translateY(10px);opacity: 0.4;}
    40%{-webkit-transform:translateY(15px); opacity: 0.5;}
    50%{-webkit-transform:translateY(20px);opacity: 0.6;}
    60%{-webkit-transform:translateY(25px); opacity:0.7;}
    70%{-webkit-transform:translateY(30px);opacity: 0.8;}
    80%{-webkit-transform:translateY(35px); opacity: 0.9;}
    90%{-webkit-transform:translateY(40px);opacity: 1;}
    100%{-webkit-transform:translateY(45px); opacity:1;}
}*/




/* 摇摆 */
@-webkit-keyframes swing{
	0%{opacity:0}
    20%{-webkit-transform:rotate(10deg); opacity: 1;}
    40%{-webkit-transform:rotate(-9deg); opacity: 1;}
    60%{-webkit-transform:rotate(10deg); opacity: 1;}
    80%{-webkit-transform:rotate(-10deg); opacity: 1;}
    100%{-webkit-transform:rotate(0); opacity: 1;}
}

@keyframes swing{
		0%{opacity:0}
    20%{transform:rotate(10deg);opacity: 1;}
    40%{transform:rotate(-9deg);opacity: 1;}
    60%{transform:rotate(10deg);opacity: 1;}
    80%{transform:rotate(-10deg);opacity: 1;}
    100%{transform:rotate(0);opacity: 1;}
}


	@keyframes anction_1{	
		0%{ opacity: 0;}
		100%{ opacity: 1;}
	}
	@-webkit-keyframes anction_1{
		0%{ opacity: 0;}
		100%{ opacity: 1;}
	}
	@keyframes anction_2{	
		0%{ opacity: 0;}
		10%{ opacity: 1;}
		100%{ opacity: 1;}
	}
	@-webkit-keyframes anction_2{
		0%{ opacity: 0;}
		10%{ opacity: 1;}
		100%{ opacity: 1;}
	}
	@keyframes anction_2{	
		0%{ bottom: -300%; opacity: 0;}
		100%{bottom:0%; opacity: 1;}
	}
	@-webkit-keyframes anction_2{
			0%{ bottom: -300%; opacity: 0;}
		100%{bottom:0%; opacity: 1;}
	}
	

@keyframes anction_3{	
		0%{  opacity: 0; display:none;}
		100%{opacity: 1;display:block;}
	}
	@-webkit-keyframes anction_3{
			0%{  opacity: 0; display:none;}
		100%{ opacity: 1;display:block;}
	}

	@keyframes loader {
	  0%{width: 100%;}
	  100%{width: 0%;}
	}
	@-webkit-keyframes loader{
		 0%{width: 100%;}
	  100%{width: 0%;}
	}
	@keyframes a3_fonts{
	0%{bottom:0%; opacity:0}
	100%{bottom:15%; opacity:1}
	}
	@-webkit-keyframes a3_fonts{
	0%{bottom:0%; opacity:0}
	100%{bottom:15%; opacity:1}
	}
	@keyframes a3_logo{
	0%{right:100%; opacity:0}
	100%{right: 7%; opacity:1}
	}
	@-webkit-keyframes a3_logo{
	0%{right:100%; opacity:0}
	100%{right: 7%; opacity:1}
	}
	@keyframes a3_oranges{
	0%{ transform: rotate(0deg)}
	60%{ transform: rotate(10deg)}
	100%{ transform: rotate(0deg) }
	}
	@-webkit-keyframes a3_oranges{
	0%{ -webkit-transform: rotate(0deg)}
	60%{ -webkit-transform: rotate(10deg)}
	100%{ -webkit-transform: rotate(0deg) }
	}

	@-webkit-keyframes upbtn{
	0%{-webkit-transform:translateY(0px);opacity:0}
	50%{-webkit-transform:translateY(-5px);opacity:1}
	100%{-webkit-transform:translateY(-10px);opacity:0}
	}
	@keyframes upbtn{0%{transform:translateY(0px);opacity:0}
	50%{transform:translateY(-5px);opacity:1}
	100%{transform:translateY(-10px);opacity:0}
	}


	@keyframes logos{
	0%{left:120%; opacity:0}
	100%{left: 7%; opacity:1}
	}
	@-webkit-keyframes logos{
	0%{left:120%; opacity:0}
	100%{left: 7%; opacity:1}
	}

	@keyframes a2_fonts{
	0%{ opacity:0; right: -300%;}
	100%{ opacity:1;right: 7%;}
	}
	@-webkit-keyframes a2_fonts{
	0%{ opacity:0; right: -300%;}
	100%{ opacity:1;right: 7%;}
	}
	@keyframes a2_oranges_1{
	  0%{transform:translate(0px,70px); opacity: 0;}
	  100%{transform:translate(0px,0px); opacity: 1;}
	}
	@-webkit-keyframes a2_oranges_1{
	  0%{-webkit-transform:translate(0px,70px); opacity: 0;}
	  100%{-webkit-transform:translate(0px,0px); opacity: 1;}
	}

	@-webkit-keyframes an{
	 0%{opacity:0}
	100%{;opacity:1}
	}
	@keyframes an{
	 0%{margin-left:-70%;opacity:0}
	100%{margin-left:0;opacity:1}
	}

	@-webkit-keyframes an2{
	/*0%{transform:rotate(790deg);opacity:0}
	100%{transform:rotate(0deg);opacity:1}*/
	0%{margin-left:-170%; width: 0; opacity:0}
	100%{margin-left:0; opacity:1}
	}

	@keyframes an2{
	  /*0%{transform:rotate(790deg);opacity:0}
	100%{transform:rotate(0deg);opacity:1}*/
	0%{margin-left:-170%; width: 0; opacity:0}
	100%{margin-left:0;  opacity:1}
	}
	@-webkit-keyframes an3{
	  0%{margin-right:-70%;opacity:0}
	100%{margin-right:0;opacity:1}
	}
	@keyframes an3{
	  0%{margin-right:-70%;opacity:0}
	100%{margin-right:0;opacity:1}
	}

	@-webkit-keyframes an4{
	  0%{transform:rotateX(90deg);opacity:0}
	100%{transform:rotateX(0deg);opacity:1}
	}
	@keyframes an4{
	  0%{transform:rotateX(90deg);opacity:0}
	100%{transform:rotateX(0deg);opacity:1}
	}

	@-webkit-keyframes an5{
	  0%{transform:rotateZ(590deg);opacity:0}
	100%{transform:rotateZ(0deg);opacity:1}
	}
	@keyframes an5{
	  0%{transform:rotateZ(590deg);opacity:0}
	100%{transform:rotateZ(0deg);opacity:1}
	}
	@-webkit-keyframes an66{
	  0%{transform:rotateZ(590deg);opacity:0}
	100%{transform:rotateZ(0deg);opacity:1}
	}
	@keyframes an66{
	  0%{transform:rotateZ(590deg);opacity:0}
	100%{transform:rotateZ(0deg);opacity:1}
	}
	@-webkit-keyframes an6{
	  0%{transform:rotate(-790deg);margin-left:-70%;opacity:0}
	100%{transform:rotate(0deg);margin-left:0;opacity:1}
	}

	@keyframes an6{
	  0%{transform:rotate(-790deg);margin-left:-70%;opacity:0}
	100%{transform:rotate(0deg);margin-left:0;opacity:1}
	}

	@-webkit-keyframes an7{
	  0%{transform:rotate(790deg);margin-right:-70%;opacity:0}
	100%{transform:rotate(0deg);margin-right:0;opacity:1}
	}

	@keyframes an7{
	  0%{transform:rotate(790deg);margin-right:-70%;opacity:0}
	100%{transform:rotate(0deg);margin-right:0;opacity:1}
	}


	@-webkit-keyframes an_scence1_tree{
	  0% {margin-top:-300%; opacity:0 }    
	 90% {margin-top:10%;  opacity:1}          
	100% {margin-top:0;  opacity:1}
	}

	@keyframes an_scence1_tree{
	   0% {margin-top:-300%; opacity:0 }    
	 90% {margin-top:10%;  opacity:1}          
	100% {margin-top:0;  opacity:1}
	}

	@-webkit-keyframes an_scence1_wave{
	  0%{margin-right:-170%; width: 0; opacity:0}
	100%{margin-right:0; width:20%; opacity:1}
	}

	@keyframes an_scence1_wave{
	  0%{margin-right:-170%; width: 0; opacity:0}
	100%{margin-right:0; width:20%; opacity:1}
	}


	@-webkit-keyframes an_scence2_tree{
	  0%{margin-right:-30%; width:0; opacity:0}
	 50%{margin-right:0%; width:25%; opacity:1}
	100%{margin-right:0;width:20.55555555555556%; opacity:1}
	}

	@keyframes an_scence2_tree{
	  0%{margin-right:-30%; width:0; opacity:0}
	 50%{margin-right:0%; width:25%; opacity:1}
	100%{margin-right:0;width:20.55555555555556%; opacity:1}
	}

	@-webkit-keyframes an_gift_image{
	  0% {margin-top:-300%; opacity:0 }    
	 90% {margin-top:10%;  opacity:1}          
	100% {margin-top:0;  opacity:1}
	}

	@keyframes an_gift_image{
	  0% {margin-top:-300%; opacity:0 }    
	 90% {margin-top:10%;  opacity:1}          
	100% {margin-top:0;  opacity:1}
	}
	@-webkit-keyframes an_up{
	  0% {margin-top:150%; opacity:0 }             
	100% {margin-top:0;  opacity:1}
	}

	@keyframes an_up{
	  0% {margin-top:150%; opacity:0 }             
	100% {margin-top:0;  opacity:1}
	}


	@-webkit-keyframes an_big{
	  0% {width:550%; margin-left:-225%; opacity:0 }      
	 80% {width:70%; margin-left:15%; opacity:1}         
	100% {width:100%; margin-left:0; opacity:1}
	}
	@keyframes an_big{
	  0% {width:550%; margin-left:-225%; opacity:0 }      
	 80% {width:70%; margin-left:15%; opacity:1}         
	100% {width:100%; margin-left:0; opacity:1}
	}


	@-webkit-keyframes grow /* Safari and Chrome */
	{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
	60%{-webkit-transform:scale(2.15);transform:scale(2.15);opacity:1}
	80%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	}

	@keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
	60%{-webkit-transform:scale(2.15);transform:scale(2.15);opacity:1}
	80%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:1}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	}

	@keyframes grow_3{
	0%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.5}
	60%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	100%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.5}
	}
	@-webkit-keyframes grow_3{
	0%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.5}
	60%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	100%{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.5}
	}

	@-webkit-keyframes wave_grow 
	{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
	80%{-webkit-transform:scale(3.15);transform:scale(3.15);opacity:1}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	}
	@keyframes wave_grow 
	{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
	80%{-webkit-transform:scale(3.15);transform:scale(3.15);opacity:1}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	}
	
	

	@media only screen
	and (min-width: 320px)
	and (max-height: 567px)
	and (orientation: portrait){
	/*.scence4 img.abs:nth-of-type(1){ width:90%; left:5%;}
	*/
	@-webkit-keyframes an_big{
	  0% {width:550%; margin-left:-225%; opacity:0 }      
	 80% {width:70%; margin-left:15%; opacity:1}         
	100% {width:90%; margin-left:0; opacity:1}
	}
	@keyframes an_big{
	  0% {width:550%; margin-left:-225%; opacity:0 }      
	 80% {width:70%; margin-left:15%; opacity:1}         
	100% {width:90%; margin-left:0; opacity:1}
	}