*{padding:0px;margin:0px;font-family:"微软雅黑";font-size:100%; font-style:normal}
dd,dl,dt,em,i,p,textarea,a,div{padding:0px;margin:0px;}
a{text-decoration:none;}
img{border:0px;}
ul,li{padding:0px;margin:0px;list-style:none;}
.fl{ float:left}
.fr{ float:right}
body{margin:0px; padding:0px; color:#ffc476; background:#fff; color:#000000}
a{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
.none{ display:none}


/*扭蛋机*/
.niu_danji{ width:640px; height:660px; margin:0px auto; overflow:hidden; position:relative}

.niu_danji .game_qu{ background:url(../images/mbox1_img1.png) no-repeat; width:553px; height:660px;  left:47px; top:0px; position:absolute; z-index:3}
.niu_danji .game_go{ width:286px; height:98px;  position:absolute;  left:132px; bottom:254px;font-size:18px; color:#fff; line-height:20px; text-align:centerz-index:0; cursor: pointer;}

.niu_danji .wdjifen{ font-size:0px; color:#e00b37;width:0px; height:0px;position:absolute; left:206px;  bottom:120px; text-align:center}


.niu_danji .an_jfgr{ width:100%; text-align:center; padding-top:23px; position:absolute; left:0px; bottom:60px;}
.niu_danji .an_jfgr img{ margin:0px 7px;}
.niu_danji .dan_gund{ width:435px; height:255px; position:absolute; left:98px; top:26px;  z-index:10; overflow:hidden}
.niu_danji .dan_gund span{ width:90px; height:90px;}
/*中奖*/
.zonj_zezc{ width:100%; height:100%; position:fixed; left:0; top:0px; z-index:9999;background:rgba(0,0,0,0.85);}
.zonj_zezc .jpzs{ width:405px; height:500px;  position:relative;background: url(../images/zhongjiang_bg.png) no-repeat center;background-size: 100% 100%;margin: 13% auto;overflow: hidden;}
.zonj_zezc .jpzs .zj_close{ height:37px;width: 37px;   position:absolute; right:12px; top:12px;cursor: pointer;}
.zonj_zezc .jpzs .zj_con{width: 230px;height: 250px;background: #fff;border-radius: 20px;box-shadow: 0 10px 0 #ae0202;margin: 28px auto 0;overflow: hidden;}
.zonj_zezc .jpzs .zj_con img{display: block;margin: 25px auto 15px;border-radius: 50%;box-shadow: 0px 0px 20px rgba(155,155,155,.23);width: 72px;height: 72px;}
.zonj_zezc .jpzs h5{font-size: 30px;color: #fff;font-weight: bold;text-align: center;padding-top: 51px;}
.zonj_zezc .jpzs .zj_con h3{font-size: 20px;color: #464646;text-align: center;margin-bottom:8px;}
.zonj_zezc .jpzs .zj_con p{font-size: 16px;color: #626262;text-align: center;line-height: 20px;}

.zonj_zezc .jpzs .a_btn{width: 240px;height: 81px;display: block;margin: 30px auto 0;}


.kong .jpzs{background: #fff;border-radius: 20px;height: 462px;}
.kong .jpzs h3{font-size: 26px;color: #474747;text-align: center;font-weight: bold;padding:40px 0 0px;}
.kong .jpzs .wzj_img{width: 210px;width: 220px;margin: 0 auto;display: block}

.qiu_1{ position:absolute; left:153px; top:110px;z-index: 4;}
.qiu_1:after{content:""; position:absolute; left:0; top:0; width:90px; height:90px; display:block;background:url(../images/java.png) no-repeat center;background-size: 80%;  animation:zhuan 1s linear forwards;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_2{ position:absolute; left:83px; top:170px}
.qiu_2:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px;display:block;background:url(../images/python.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_3{ position:absolute; left:67px; top:72px;z-index: 5;}
.qiu_3:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px;display:block;background:url(../images/web.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}

.qiu_4{ position:absolute; left:142px; top:176px;}
.qiu_4:after{content:""; position:absolute; left:0; top:0; width:90px; height:90px;; display:block;background:url(../images/ui.png) no-repeat center;background-size: 80%; animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_5{ position:absolute; left:208px; top:171px; }
.qiu_5:after{content:""; position:absolute; left:0; top:0;width:90px; height:90px; display:block;background:url(../images/cloud.png) no-repeat center;background-size: 80%; animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_6{ position:absolute;left:38px; top:124px;z-index: 4; }
.qiu_6:after{content:""; position:absolute; left:0; top:0; width:90px; height:90px;display:block;background:url(../images/test.png) no-repeat center;background-size: 80%; animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}

.qiu_7{ position:absolute; left:279px; top:123px;z-index: 4;}
.qiu_7:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px; display:block;background:url(../images/php.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_8{ position:absolute; left:210px; top:117px;z-index: 4;}
.qiu_8:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px; display:block;background:url(../images/c.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}

.qiu_9{ position:absolute; left:346px; top:104px;}
.qiu_9:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px;display:block;background:url(../images/linux.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_10{ position:absolute; left:329px; top:171px;}
.qiu_10:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px;display:block;background:url(../images/movies.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_11{ position:absolute; left:308px; top:81px;z-index: 4;}
.qiu_11:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px; display:block;background:url(../images/robot.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}


.qiu_12{ position:absolute; left:263px; top:178px;}
.qiu_12:after{content:""; position:absolute; left:0; top:0; width:90px; height:90px;display:block;background:url(../images/kong1.png) no-repeat center;background-size: 80%;animation:zhuan 1s linear forwards ;-webkit-animation:zhuan 1s linear forwards ;}
.qiu_13{ position:absolute; left:234px; top:69px;}
.qiu_13:after{content:""; position:absolute; left:0; top:0;  width:90px; height:90px;display:block;background:url(../images/kong2.png) no-repeat center;background-size:80%;animation:zhuan .7s linear forwards ;-webkit-animation:zhuan .7s linear forwards ;}
.qiu_14{ position:absolute; left:106px; top:111px;}
.qiu_14:after{content:""; position:absolute; left:0; top:0; width:90px; height:90px; display:block;background:url(../images/kong3.png) no-repeat center;background-size: 80%;animation:zhuan .6s linear forwards ;-webkit-animation:zhuan .6s linear forwards ;}

.qiu_15{ position:absolute; left:10px; top:177px;}
.qiu_15:after{content:""; position:absolute; left:0px; top:0px; width:90px; height:90px; display:block;background:url(../images/kong4.png) no-repeat center;background-size: 80%;animation:zhuan .6s linear forwards ;-webkit-animation:zhuan .6s linear forwards ;}




/*掉落动画*/
.diaol_1{animation:dialuodn 1s linear 0.9s backwards;-webkit-animation:dialuodn 1s linear 0.9s backwards}
.diaol_1:after{animation-delay:0.8s;-webkit-animation-delay:0.8s}
.diaol_2{animation:dialuodn 1s linear 0.6s backwards;-webkit-animation:dialuodn 1s linear 0.6s backwards}
.diaol_2:after{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.diaol_3{animation:dialuodn 1s linear  backwards;-webkit-animation:dialuodn 1s linear  backwards}
.diaol_4{animation:dialuodn 1s linear 1.1s backwards;-webkit-animation:dialuodn 1s linear 1.1s backwards}
.diaol_4:after{animation-delay:1s;-webkit-animation-delay:1s}
.diaol_5{animation:dialuodn 1s linear 0.8s backwards;-webkit-animation:dialuodn 1s linear 0.8s backwards}
.diaol_5:after{animation-delay:0.7s;-webkit-animation-delay:0.7s}
.diaol_6{animation:dialuodn 1s linear 0.4s backwards;-webkit-animation:dialuodn 1s linear 0.4s backwards;}
.diaol_6:after{animation-delay:0.3s;-webkit-animation-delay:0.3s}
.diaol_7{animation:dialuodn 1s linear 0.9s backwards;-webkit-animation:dialuodn 1s linear 0.9s backwards}
.diaol_7:after{animation-delay:0.8s;-webkit-animation-delay:0.8s}
.diaol_8{animation:dialuodn 1s linear 0.6s backwards;-webkit-animation:dialuodn 1s linear 0.6s backwards;}
.diaol_8:after{animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.diaol_9{animation:dialuodn 1s linear 1.1s backwards;-webkit-animation:dialuodn 1s linear 1.1s backwards;}
.diaol_9:after{animation-delay:1s;-webkit-animation-delay:1s;}
.diaol_10{animation:dialuodn 1s linear 0.2s backwards;-webkit-animation:dialuodn 1s linear 0.2s backwards;}
.diaol_11{animation:dialuodn 1s linear 1.4s backwards;-webkit-animation:dialuodn 1s linear 1.4s backwards;}
.diaol_11:after{animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.diaol_12{animation:dialuodn 1s linear 0.9s backwards;-webkit-animation:dialuodn 1s linear 0.9s backwards}
.diaol_12:after{animation-delay:0.8s;-webkit-animation-delay:0.8s}
.diaol_13{animation:dialuodn 1s linear 0.6s backwards;-webkit-animation:dialuodn 1s linear 0.6s backwards;}
.diaol_13:after{animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.diaol_14{animation:dialuodn 1s linear .9s backwards;-webkit-animation:dialuodn 1s linear .9s backwards;}
.diaol_14:after{animation-delay:.8s;-webkit-animation-delay:.8s;}
.diaol_15{animation:dialuodn 1s linear 0.9s backwards;-webkit-animation:dialuodn 1s linear 0.9s backwards}
.diaol_15:after{animation-delay:0.8s;-webkit-animation-delay:0.8s}

.niu_danji .zjdl{width:110px; height:90px; padding:32px 0px 0px 20px; position:absolute; left:253px;top:510px; z-index:3;}
.niu_danji .medon{width:553px; height:218px; position:absolute; left:48px;top:432px; z-index:2; }
.niu_danji .dila_Y{width:110px; height:90px; animation:cujpin 0.7s ease-out  forwards;-webkit-animation:cujpin 0.7s ease-out  forwards;}

.niu_danji .diaL_1{width:85px; height:85px; position:relative; }
.niu_danji .diaL_1:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px;display:block;background:url(../images/java.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_2{width:85px; height:85px; position:relative; }
.niu_danji .diaL_2:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/python.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_3{width:85px; height:85px; position:relative; }
.niu_danji .diaL_3:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/web.png) no-repeat center;background-size:85% ;   animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_4{width:85px; height:85px; position:relative; }
.niu_danji .diaL_4:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/ui.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_5{width:85px; height:85px; position:relative; }
.niu_danji .diaL_5:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/cloud.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_6{width:85px; height:85px; position:relative; }
.niu_danji .diaL_6:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/test.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_7{width:85px; height:85px; position:relative; }
.niu_danji .diaL_7:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/php.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_8{width:85px; height:85px; position:relative; }
.niu_danji .diaL_8:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px;display:block;background:url(../images/c.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_9{width:85px; height:85px; position:relative; }
.niu_danji .diaL_9:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/linux.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_10{width:85px; height:85px; position:relative; }
.niu_danji .diaL_10:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px;display:block;background:url(../images/movies.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_11{width:85px; height:85px; position:relative; }
.niu_danji .diaL_11:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/robot.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_12{width:85px; height:85px; position:relative; }
.niu_danji .diaL_12:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/kong1.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_13{width:85px; height:85px; position:relative; }
.niu_danji .diaL_13:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px;display:block;background:url(../images/kong2.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_14{width:85px; height:85px; position:relative; }
.niu_danji .diaL_14:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px;display:block;background:url(../images/kong3.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}
.niu_danji .diaL_15{width:85px; height:85px; position:relative; }
.niu_danji .diaL_15:after{content:""; position:absolute; left:0; top:0; width:85px; height:85px; display:block;background:url(../images/kong4.png) no-repeat center;background-size:85% ;animation:fanda 0.7s ease-out  forwards;-webkit-animation:fanda 0.7s ease-out  forwards;}














@-webkit-keyframes cujpin{
0%{ -webkit-transform:translateY(-100px);}
100% {  
-webkit-transform:translateY(0); 
}
}
@keyframes cujpin{
0%{ transform:translateY(-100px);}
100% {  
transform:translateY(0); 
}
}

@keyframes fanda{
0%{ transform:scale(0.7);}
100% {  
transform:scale(1);
}
}
@-webkit-keyframes fanda{
0%{ -webkit-transform:scale(0.7);}
100% {  
-webkit-transform:scale(1);
}
}
.tc_anima{ animation:title1 0.3s linear; -webkit-animation:title1 0.3s linear;}
@keyframes title1{
	from{ opacity:0; transform:scale(0,0);}
	to{ opacity:1; transform:scale(1,1);}	
}
@-webkit-keyframes title1{
 from{ opacity:0; -webkit-transform:scale(0,0)}
 to{opacity:1; -webkit-transform:scale(1,1)}
}

.wieyi_1{animation:around1 1.5s linear  infinite;-webkit-animation:around1 1.5s linear  infinite}
.wieyi_2{animation:around2 1.5s linear  infinite;-webkit-animation:around2 1.5s linear  infinite;}
.wieyi_3{animation:around3 1.5s linear  infinite;-webkit-animation:around3 1.5s linear  infinite;}
.wieyi_4{animation:around4 1.5s linear  infinite;-webkit-animation:around4 1.5s linear  infinite;}
.wieyi_5{animation:around5 1.5s linear  infinite;-webkit-animation:around5 1.5s linear  infinite;}
.wieyi_6{animation:around6 1.5s linear infinite;-webkit-animation:around6 1.5s linear infinite;}
.wieyi_7{animation:around7 1.5s linear  infinite;-webkit-animation:around7 1.5s linear  infinite;}
.wieyi_8{animation:around8 1.5s linear  infinite;-webkit-animation:around8 1.5s linear  infinite;}
.wieyi_9{animation:around9 1.5s linear infinite;-webkit-animation:around9 1.5s linear infinite;}
.wieyi_10{animation:around10 1.5s linear  infinite;-webkit-animation:around10 1.5s linear  infinite;}
.wieyi_11{animation:around11 1.5s linear  infinite;-webkit-animation:around11 1.5s linear  infinite;}
.wieyi_12{animation:around7 1.5s linear  infinite;-webkit-animation:around7 1.5s linear  infinite;}
.wieyi_13{animation:around8 1.5s linear  infinite;-webkit-animation:around8 1.5s linear  infinite;}
.wieyi_14{animation:around11 1.5s linear  infinite;-webkit-animation:around11 1.5s linear  infinite;}
.wieyi_15{animation:around7 1.5s linear  infinite;-webkit-animation:around7 1.5s linear  infinite;}
.zuadon_dh{animation:around 2s linear backwards ;-webkit-animation:around 2s linear backwards ;}



@keyframes dialuodn {  
0% {          
 transform:translateY(-200%); opacity:0       
}
 5% {       
transform:translateY(-200%);     
}
15% {  
 transform:translateY(0);  
}  
30% {  
transform:translateY(-100%);  
}  
40% {      

transform:translateY(0%);    
}
50% {  
transform:translateY(-60%);  
}  
70% {  
transform:translateY(0%);  
}  
80% {  
transform:translateY(-30%);  
}  
90% {  
transform:translateY(0%);  
}  
95% {  
transform:translateY(-14%);  
}  
97% {  
transform:translateY(0%);  
}  
99% {  
transform:translateY(-6%);  
}  
100% {  
transform:translateY(0);  
opacity: 1;  
}  

} 


@-webkit-keyframes dialuodn {  
0% {          
 -webkit-transform:translateY(-200%); opacity:0       
}
 5% {       
-webkit-transform:translateY(-200%);     
}
15% {  
 -webkit-transform:translateY(0);  
}  
30% {  
-webkit-transform:translateY(-100%);  
}  
40% {      

-webkit-transform:translateY(0%);    
}
50% {  
-webkit-transform:translateY(-60%);  
}  
70% {  
-webkit-transform:translateY(0%);  
}  
80% {  
-webkit-transform:translateY(-30%);  
}  
90% {  
-webkit-transform:translateY(0%);  
}  
95% {  
-webkit-transform:translateY(-14%);  
}  
97% {  
-webkit-transform:translateY(0%);  
}  
99% {  
-webkit-transform:translateY(-6%);  
}  
100% {  
-webkit-transform:translateY(0);  
opacity: 1;  
}  

} 


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

@keyframes zhuan{
	0%{ transform: rotate(0) }
	100%{transform: rotate(360deg) }
}





@-webkit-keyframes around1 {  
0%{ -webkit-transform:translate(0px,0px)  }
20%{-webkit-transform:translate(300px,230px) }
40%{-webkit-transform:translate(200px,-100px) }
60%{-webkit-transform:translate(50px,230px) }
80%{-webkit-transform:translate(300px,-50px) }
100%{-webkit-transform:translate(200px,240px) }
}
@keyframes around1 {  
0%{ transform:translate(0px,0px)  }
20%{transform:translate(300px,230px) }
40%{transform:translate(200px,-100px) }
60%{transform:translate(50px,230px) }
80%{transform:translate(300px,-50px) }
100%{transform:translate(200px,240px) }
}

@-webkit-keyframes around2 {  
0%{ -webkit-transform:translate(0px,0px)  }
10%{-webkit-transform:translate(300px,-120px) }
30%{-webkit-transform:translate(250px,130px) }
50%{-webkit-transform:translate(-50px,-120px) }
80%{-webkit-transform:translate(0px,140px) }
100%{-webkit-transform:translate(300px,-180px) }
}
@keyframes around2 {  
0%{ transform:translate(0px,0px)  }
10%{transform:translate(300px,-120px) }
30%{transform:translate(250px,130px) }
50%{transform:translate(-50px,-120px) }
80%{transform:translate(0px,140px) }
100%{transform:translate(300px,-180px) }
}


@-webkit-keyframes around3 {  
0%{ -webkit-transform:translate(0px,0px)  }
25%{-webkit-transform:translate(70px,-290px) }
50%{-webkit-transform:translate(320px,0px) }
80%{-webkit-transform:translate(-20px,-290px) }
100%{-webkit-transform:translate(290px,0px) }
}

@keyframes around3 {  
0%{ transform:translate(0px,0px)  }
25%{transform:translate(70px,-290px) }
50%{transform:translate(320px,0px) }
80%{transform:translate(-20px,-290px) }
100%{transform:translate(290px,0px) }

}

@-webkit-keyframes around4 {  
0%{ -webkit-transform:translate(0px,0px)  }
12%{-webkit-transform:translate(50px,250px) }
30%{-webkit-transform:translate(-150px,-30px) }
60%{-webkit-transform:translate(-140px,260px) }
80%{-webkit-transform:translate(-10px,-30px) }
100%{-webkit-transform:translate(-20px,260px) }

}
@keyframes around4 {  
0%{ transform:translate(0px,0px)  }
12%{transform:translate(50px,250px) }
30%{transform:translate(-150px,-30px) }
60%{transform:translate(-140px,260px) }
80%{transform:translate(-10px,-30px) }
100%{transform:translate(-20px,260px) }

}


@-webkit-keyframes around5 {  
0%{ -webkit-transform:translate(0px,0px)  }
22%{-webkit-transform:translate(-50px,-170px) }
46%{-webkit-transform:translate(150px,145px) }
80%{-webkit-transform:translate(200px,-115px) }
100%{-webkit-transform:translate(-100px,145px) }
}

@keyframes around5 {  
0%{ transform:translate(0px,0px)  }
22%{transform:translate(-50px,-170px) }
46%{transform:translate(150px,145px) }
80%{transform:translate(200px,-115px) }
100%{transform:translate(-100px,145px) }
}





@-webkit-keyframes around6 {  
0%{ -webkit-transform:translate(0px,0px)  }
15%{ -webkit-transform:translate(260px,40px)  }
30%{ -webkit-transform:translate(-80px,-260px)  }
45%{ -webkit-transform:translate(-40px,40px)  }
60%{ -webkit-transform:translate(100px,-290px)  }
75%{ -webkit-transform:translate(-80px,-280px)  }
100%{ -webkit-transform:translate(10px,40px)  }
}

@keyframes around6 {  
0%{ transform:translate(0px,0px)  }
15%{ transform:translate(260px,40px)  }
30%{ transform:translate(-80px,-260px)  }
45%{ transform:translate(-40px,40px)  }
60%{ transform:translate(100px,-290px)  }
75%{ transform:translate(-80px,-280px)  }
100%{ transform:translate(10px,40px)  }

}

@-webkit-keyframes around7 {  
0%{ -webkit-transform:translate(0px,0px)  }
20%{ -webkit-transform:translate(-60px,-170px)  }
40%{ -webkit-transform:translate(90px,160px)  }
60%{ -webkit-transform:translate(-220px,-140px)  }
80%{ -webkit-transform:translate(160px,-60px)  }
100%{ -webkit-transform:translate(-100px,-100px)  }

}

@keyframes around7 {  
0%{ transform:translate(0px,0px)  }
20%{ transform:translate(-60px,-170px)  }
40%{ transform:translate(90px,160px)  }
60%{ transform:translate(-220px,-140px)  }
80%{ transform:translate(160px,-60px)  }
100%{ transform:translate(-100px,-100px)  }

}

@-webkit-keyframes around8 {  
0%{ -webkit-transform:translate(0px,0px)  }
20%{ -webkit-transform:translate(140px,-120px)  }
40%{ -webkit-transform:translate(-140px,40px)  }
60%{ -webkit-transform:translate(-180px,-240px)  }
80%{ -webkit-transform:translate(100px,50px)  }
100%{ -webkit-transform:translate(-180px,-220px)  }
}
@keyframes around8 {  
0%{ transform:translate(0px,0px)  }
20%{ transform:translate(140px,-120px)  }
40%{ transform:translate(-140px,40px)  }
60%{ transform:translate(-180px,-240px)  }
80%{ transform:translate(100px,50px)  }
100%{ transform:translate(-180px,-220px)  }
}

@-webkit-keyframes around9 {  
0%{ -webkit-transform:translate(0px,0px)  }
30%{ -webkit-transform:translate(-300px,-180px)  }
60%{ -webkit-transform:translate(-350px,120px)  }
80%{ -webkit-transform:translate(-100px,-200px)  }
100%{ -webkit-transform:translate(-200px,100px)  }
}

@keyframes around9 {  
0%{ transform:translate(0px,0px)  }
30%{ transform:translate(-300px,-180px)  }
60%{ transform:translate(-350px,120px)  }
80%{ transform:translate(-100px,-200px)  }
100%{ transform:translate(-200px,100px)  }
}

@-webkit-keyframes around10 {  
0%{ -webkit-transform:translate(0px,0px)  }
15%{ -webkit-transform:translate(-300px,-270px)  }
30%{ -webkit-transform:translate(20px,-220px)  }
50%{ -webkit-transform:translate(-350px,10px)  }
75%{ -webkit-transform:translate(0px,-150px)  }
100%{ -webkit-transform:translate(-300px,-300px)  }
}

@keyframes around10 {  
0%{ transform:translate(0px,0px)  }
15%{ transform:translate(-300px,-270px)  }
30%{ transform:translate(20px,-220px)  }
50%{ transform:translate(-350px,10px)  }
75%{ transform:translate(0px,-150px)  }
100%{ transform:translate(-300px,-300px)  }
}


@-webkit-keyframes around11 {  
0%{ -webkit-transform:translate(0px,0px)  }
32%{ -webkit-transform:translate(-270px,-70px)  }
60%{ -webkit-transform:translate(-320px,220px)  }
80%{ -webkit-transform:translate(10px,-10px)  }
100%{ -webkit-transform:translate(-260px,220px)  }

}

@keyframes around11 {  
0%{ transform:translate(0px,0px)  }
32%{ transform:translate(-270px,-70px)  }
60%{ transform:translate(-320px,220px)  }
80%{ transform:translate(10px,-10px)  }
100%{ transform:translate(-260px,220px)  }

}