body{
	/*background:-webkit-gradient(linear,0 50%,100% 50%,from(#00e8eb),to(#aff),color-stop(0.3, #00CCCC), color-stop(0.69, #fef));*/
	/*background:-webkit-gradient(radial,60% 30%, 0, 60% 30%, 500, from(#fef), to(#00CCCC));*/
    background-color: #00e8eb;
    background-size: cover, 100%;
	}
div{
transition:All 0.5s ease-in-out;
-webkit-transition:All 0.5s ease-in-out;
-ms-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
-o-transition:All 0.5s ease-in-out;
border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;}
.zt
{
float:left; margin-left:15%; margin-top:1%;
text-align:center;
padding:16px 16px; 
background:#66FF66;opacity:0.85;
width:120px;
box-shadow: -2px 5px 10px #bbb;
-webkit-box-shadow: -2px 5px 10px #bbb;
-ms-box-shadow: -2px 5px 10px #bbb;
-moz-box-shadow: -2px 5px 10px #bbb;
-o-box-shadow: -2px 5px 10px #bbb;
animation:zfmdm 1.5s;
-webkit-animation:zfmdm 1.5s;
-moz-animation:zfmdm 1.5s;
-o-animation:zfmdm 1.5s;
-ms-transition:zfmdm 1.5s;
}
.zt:hover
{
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
width:160px;
height:66px;
background:#00FF00;opacity:1;
}
@keyframes zfmdm
{
0%  {margin-top:30%;margin-left:0%; background:#FFF;opacity:0;transform:rotate(0deg);}
39% {margin-top:25%;margin-left:5%; background:#00abeb;opacity:0.3;transform:rotate(330deg);}
100% {margin-top:1%;margin-left:15%; background:#66FF66;opacity:1;transform:rotate(360deg);}
}

@-moz-keyframes zfmdm
{
0%  {margin-top:30%;margin-left:0%; background:#FFF;opacity:0;-moz-transform:rotate(0deg);}
39% {margin-top:25%;margin-left:5%; background:#00abeb;opacity:0.3;-moz-transform:rotate(330deg);}
100% {margin-top:1%;margin-left:15%; background:#66FF66;opacity:1;-moz-transform:rotate(360deg);}
}

@-webkit-keyframes zfmdm
{
0%  {margin-top:30%;margin-left:0%; background:#FFF;opacity:0;-webkit-transform:rotate(0deg);}
39% {margin-top:25%;margin-left:5%; background:#00abeb;opacity:0.3;-webkit-transform:rotate(330deg);}
100% {margin-top:1%;margin-left:15%; background:#66FF66;opacity:1;-webkit-transform:rotate(360deg);}
}
@-o-keyframes zfmdm
{
0%  {margin-top:30%;margin-left:0%; background:#FFF;opacity:0;-o-transform:rotate(0deg);}
39% {margin-top:25%;margin-left:5%; background:#00abeb;opacity:0.3;-o-transform:rotate(330deg);}
100% {margin-top:1%;margin-left:15%; background:#66FF66;opacity:1;-o-transform:rotate(360deg);}
}

.zt:hover:after{content:"绿色纯天然-真/中蜂蜜";}
.jszk,.appdown{ background-color:rgba(255, 255, 255, 0.69); width:80%;padding:10px; margin:30% 10% 0;height:160px;
text-align:center;
box-shadow: -2px 5px 10px #bbb;
-webkit-box-shadow: -2px 5px 10px #bbb;
-ms-box-shadow: -2px 5px 10px #bbb;
-moz-box-shadow: -2px 5px 10px #bbb;
-o-box-shadow: -2px 5px 10px #bbb;}
.appdown a{text-decoration: none;padding: 10px;text-shadow: 0px 0px 16px #C0CA6E;color: #0F1675;font-weight: bolder;}
.jszk{
animation:jsyzk 2.5s;
-webkit-animation:jsyzk 2.5s;
-moz-animation:jsyzk 2.5s;
-o-animation:jsyzk 2.5s;
-ms-transition:jsyzk 2.5s;

}
.jszk:hover
{border-radius:20px;
width:90%;margin:35% 5% 0;
background-color:rgba(255, 255, 255, 1);
}
@keyframes jsyzk
{
0%   { background:#FFF; width:30%;}
35% {background:#00abeb; width:60%;}
100% {background:#FFF; width:80%;}
}

@-webkit-keyframes jsyzk
{
0%   {background:#FFF; width:30%;}
35% { background:#00abeb; width:60%;}
100% { background:#FFF; width:80%;}
}

.jsy{
	font-size:18px;
padding:16px 16px; 
text-shadow: 1px 1px 0 #aff;
opacity:0;
animation:wzjx 3.5s;
-webkit-animation:wzjx 3.5s;
-moz-animation:wzjx 3.5s;
-o-animation:wzjx 3.5s;
-ms-transition:wzjx 3.5s;
animation-delay:3s;
-webkit-animation-delay:3s;
-moz-animation-delay:3s;
-o-animation-delay:3s;
-ms-animation-delay:3s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@keyframes wzjx
{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes wzjx
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes wzjx
{
from {opacity:0;}
to {opacity:1;}
}

@-o-keyframes wzjx
{
from {opacity:0;}
to {opacity:1;}
}