.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.isshow{display: block !important;}
.adapt_screen{
	position: relative !important;
	left: 50% !important;
	margin-left: -960px !important;
	width: 1920px !important;
}

.suit_screen{
	position: relative;
	max-width: 1920px; 
	width: 100%;
	margin: 0 auto;
}

.peijian_back{
	background: #0081cc !important;
}

.peijian_color{
	color: #0081cc !important;
}

ul li{
	list-style: none;
}

span{
	display:inline-block;
}

img{display: block;}
p{font-size: 16px !important;}
h2{font-size: 30px !important;font-weight: 300 !important;}
em{display: block;}
video {object-fit: contain;}
html,body{
	overflow-x: hidden;
	position: relative;
}

.video-icon video{width: 100%;}


.video-icon h2{
	width:  400px;
	line-height: 48px;
	font-size: 34px!important;
	position: absolute;
	top: 40.6%;
	left: 63.5%;
	font-weight: 400;
}

header .video-icon .list1{position: absolute; top: 57.87%; left: 63.5%;} 
header .video-icon .list1 li{float: left;}
header .video-icon .list1 li a{
	height: 5px;
	width: 97px;
	border-radius: 5px;
	background: #000;
	display: block;
	margin-right: 20px;
	cursor:pointer;
}

header .video-icon .list1 li span{
	font-size: 14px;
	margin-top: 12px;
}

.video-icon .full_video{
	position: absolute;
	left: 63.5%;
	top: 60%;
}

.video-icon .full_video p{
	cursor:pointer;
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
   .video-icon h2{top: 46.6%;}
   header .video-icon .list1{top: 67.87%;}
   .video-icon .full_video{top:70%;}
}

/*功能按键*/
.g5_function{overflow: hidden;}
.g5_function .funback{width: 100%;}
.g5_function .fun_animate_top{position: absolute; left: 13.8%; bottom: -23.2%; width: 20.8%;}
.fun_anrun{animation: funrun 3s forwards;}
.g5_function .fun_animate_bottom{position: absolute; left: 65.5%; top: -23.2%; width: 18.8%;}
.fun_anrun2{animation: funrun2 3s forwards;}
.function_des{position: absolute; top: 22.7%; color: white; left: 38.8%; width: 450px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.g5_function .fun_animate_bottom{left: 72.5%;}
	.function_des{left: 36.8%;}
}
@media screen and (min-width: 1600px) and (max-width:1919px) {
   .g5_function .fun_animate_bottom{left: 68.5%;}
}

.fundes_run{
	animation: des 2s forwards;
	animation-delay: 1s;
	padding-left:5px;
}

.fundes_run2{
	animation: des 2s forwards;
	animation-delay: 2s;
}

.function_des {
	color: #989495;
	height: 24px;
	line-height: 24px;
}

.function_des p{
	opacity: 0;
}

.function_des .fun_img{
	position: absolute;
	top: 180px;
	width: 100%;
	opacity: 0;
}

/* 芯片 */
.chip .chip_des{
	position: absolute;
	color: white;
	top: 38px;
	left: 50%;
	margin-left: -330px;
	width: 660px;
	text-align: center;
	opacity: 0;
	z-index: 100;
}

.chipdes_run{
	animation: des 2s forwards;
}

.chip .chip_des h2{
	height: 50px;
	line-height: 50px;
}

.chip .chip_des p{
	height: 32px;
	line-height: 32px;
}

.chip .chip_img{
	width: 100%；
}


/*延时摄影*/
.delayed img{width: 100%;}
.delayed .devideo{
	/* height: 360px; */
	width: 33.3%;
	display: block;
	position: absolute;
	top: 25%;
	left: 16.75%;
}
.delayed .devideo video{width: 100%;}
.delayed .p1{position: absolute; top: 72%; left: 33.75%; color: #dad8e5;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.delayed .devideo{top: 15%;}
	.delayed .p1{left: 26.75%;}
}
@media screen and (min-width: 1600px) and (max-width:1919px) {
	.delayed .devideo{top: 20%;}
	.delayed .p1{left: 30.75%;}
}

.devideo .dela_video1{
	height: 360px;
	width: 640px;;
}

.delayed .dela_des{
	left: 57%;
	position: absolute;
	top: 30.25%;
	color: #dad8e5;
	width: 500px;
	opacity: 0;
}

.deades_run{
	animation: des 2s forwards;
}

.delayed .dela_des h2{
	height: 54px;
	line-height: 54px;
}

.delayed .dela_des p{
	line-height: 30px;
	margin-bottom: 10px;
}

/*对比图视频*/
.ratio img{width: 100%;}
.ratio_video {
	height: 39.4%;
	width: 59.47%;
	position: absolute;
	left: 20.5%;
	top: 35.4%;
}

.ratio_video .ravideo_1{
	position: absolute;
	left: 0;
	width: 49.26%;
	/* height: 320px; */
	display: block;
}

.ratio_video .ravideo_2{
	position: absolute;
	right: 9px;
	width: 49.26%;
	/* height: 320px; */
	display: block;
}

.ratio_video .ravi_des1{
	color:#837d7d;
	position: absolute;
	bottom: -40px;
	left: 5px;
}

.ratio_video .ravi_des2{
	color:#837d7d;
	position: absolute;
	bottom: -40px;
	right: 15px;
}

.ratio .ratio_des{
	width: 740px;
	top: 10.96%;
	position: absolute;
	color: white;
	left: 50%;
	margin-left: -370px;
	text-align: center;
	opacity: 0;
}

.ratio_run{
	animation: des 2s forwards;
	
}

.ratio .ratio_des h2{
	height: 60px;
	line-height: 40px;
	color: #57565b;
}

.ratio .ratio_des p{
	height: 32px;
	line-height: 32px;
	color: #9b999a;
}

/*高精度无刷电机*/
.motor video{position: absolute; top: 0; width: 100%;}
.motor img{width: 100%;}
.motor .motor_des{width: 600px; color: #000; position: absolute; left: 50%; margin-left: -300px; top: 6.5%; opacity: 0; z-index: 100; text-align: center;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.motor .motor_des{top: 3.5%;}
}

.motor_run{
	animation: des 2s forwards;
}

.motor .boplay{width: 6.6%; left: 48%; top: 40%; position: absolute; cursor: pointer;}
/*配件*/
.peijian .list2 li{position: relative; float: left; width: 100%; overflow: hidden; padding:130px 0 100px; display: none;}
.peijian .list2 li img{width: 70.8%; margin: 0 auto;}
.peijian .list2 li .peijian_des{position: absolute; top: 30%; left: 62%; width: 20.7%;}
.peijian .list2 li .peijian_des h2{line-height: 40px;}
.peijian .list2 li .peijian_des span{font-size: 16px; line-height: 30px; margin-top: 10px;}

.peijian .list1{position: absolute; width: 70.8%; height: 20px; left: 14.5%; z-index: 100; top: 5%;}
.peijian .list1 li{float: left; width: 25%;}
.peijian .list1 li .lp{cursor: pointer; width: 100%; text-align: center;}
.peijian .list1 li em{position: relative; height: 3px; width: 60%; margin: 0 auto; background: #dadada; top:0px;}
.list1 li p{height: 50px; line-height: 50px;}
@media screen and (min-width: 1200px) and (max-width:1599px) {
	.peijian .list2 li{padding:100px 0 100px;}
	.peijian .list2 li .peijian_des{left: 59%; width: 25.7%;}
}

/*一键直达*/
.endurance{overflow: hidden;}
.endurance .enback{width: 100%;}
/* .endurance_shake{position: absolute; width: 1355px; height: 859px; left: 60%; bottom: 0px;} */



.endurance .xhan{position: absolute; bottom: -5%; left: 40%; width: 70.57%;}
.xh-run{animation: endrun 2s forwards;}

.endurance .lamp{position: absolute; width: 25.57%; bottom: 23.6%; left: 69.9%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.lm-run{animation: opact 2s forwards; animation-delay:1.5s; -webkit-animation-delay:1.5s;} 

.endurance .xian{position: absolute;  left: 71.9%; bottom: 26%;width: 18.85%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xian-run{animation: opact 2s forwards; animation-delay:1.5s; -webkit-animation-delay:1.5s;}

.endurance .xian p{color: white;}
.endurance .xian .xian_p1{position: absolute; top: 47%; left: 0%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xp1-run{animation: xp1 1s forwards; animation-delay:2s; -webkit-animation-delay:2s;}
.endurance .xian .xian_p2{position: absolute; top: 29%; left: 26%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xp2-run{animation: xp2 1s forwards; animation-delay:2s; -webkit-animation-delay:2s;}

.endurance .xian .xian_p3{position: absolute; top: 3%; left: 66%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.xp3-run{animation: xp3 1s forwards; animation-delay:2s; -webkit-animation-delay:2s;}

.endurance .endurance_des{position: absolute; left: 20%; top: 40%; width: 620px; color: white; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.end-des{animation: des 1s forwards; animation-delay:1s; -webkit-animation-delay:1s;}
.endurance .endurance_des h2{height: 60px; line-height: 60px;}
.endurance .endurance_des p{line-height: 30px;}

/*一键自拍*/
.selfie img{width: 100%;}
.selfie video{width: 100%; position: absolute; top: 0;}
.selfie .sel-play{width: 6.6%; left: 48%; top: 40%; position: absolute; cursor: pointer;}
.selfie .sel_des{width: 900px; position: absolute; left: 50%; margin-left: -450px; color: white; top: 4.875%; text-align: center; opacity: 0; z-index: 10;}
.sel_run{animation: des 2s forwards;}
.selfie .sel_des h2{height: 70px; line-height: 70px;}
.selfie .sel_des p{line-height: 30px;}

/*app*/
.app{
	height: 1072px;
	overflow: hidden;
}



.app .phone{
	position: absolute;
	right: 5%;
	bottom: -30px;
	z-index: 10;
	opacity: 0;
	width: 54%;
}

.apphone_run{
	animation: phonerun 0.5s forwards linear;
}

.app .app_1{
	position: absolute;
	z-index: 20;
	right: 8.8%;
	bottom: 0px;
	opacity: 0;
	width: 52%;
}

.app_run{
	animation: apprun 1s forwards linear;
	animation-delay: 0.5s;
}

.app .app_2{
	position: absolute;
	z-index: 30;
	right: 11.4%;
	bottom: 0px;
	opacity: 0;
	width: 51.8%;
}

.app_run2{
	animation: apprun 1s forwards linear;
	animation-delay: 1.5s;
}

.app .app_3{
	position: absolute;
	z-index: 40;
	right: 13.75%;
	bottom: -20px;
	opacity: 0;
	width: 51.9%;
}

.app_run3{
	animation: apprun 1s forwards linear;
	animation-delay: 2.5s;
}

.app .app_4{
	position: absolute;
	z-index: 40;
	right: 17.25%;
	bottom: 20px;
	opacity: 0;
	width: 51.7%;
}

.app_run4{
	animation: apprun 1s forwards linear;
	animation-delay: 3.5s;
}

.app .app_des{
	width: 680px;
	position: absolute;
	top: 18%;
	left: 19.7%;
	opacity: 0;
}

.appdes_run{
	animation: des 2s forwards;
	animation-delay: 1s;
}

.app .app_des h2{
	line-height: 40px;
}

.app .app_des p{
	margin-top: 10px;
	height: 24px;
	line-height: 24px;
	width: 400px;
}

.app .tubiao{
	position: absolute;
	top: 38.6%;
	left: 19.7%;
	opacity: 0;
}

.appdes_run2{
	animation: des 2s forwards;
	animation-delay: 1.5s;
}

@media screen and (min-width: 1200px) and (max-width:1599px) {
	.app{overflow: hidden; height: 800px;}
	.app .app_des{top: 14%; left: 16.7%;}
	.app .tubiao{left: 16.7%;}

}




/*兼容性*/
.compat{
	height: 1098px;
	width: 100%;	
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.compat_img{
	height: 833px;
	width: 1920px;	
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.compat_img .comimg_1{
	position: absolute;
	top: 0;
	left: -20%;
	background: url(../compa_1.html) no-repeat;
	height: 833px;
	width: 1920px;
}

.compat_img .comimg_2{
	
	position: absolute;
	right: -54.7%;
	top: 0;
	width: 1503px;
	height: 833px;
	background: url(../compa_2.html) no-repeat;
}

.compat .compa_des{
	width: 640px;
	text-align: center;
	top: 60px;
	left: 50%;
	margin-left: -320px;	
	color: white;
	position: absolute;
	z-index: 200;
	opacity: 0;
}

.comdes_run{
	animation: des 1.5s forwards;
}

.compat .compa_des h2{
	height: 68px;
	line-height: 68px;
}

.compat .compa_des p{
	height: 26px;
	line-height: 26px;
}

.compat .compat_peijian{
	height: 265px;
	background: #121212;
	position: absolute;
	bottom: 0;
	width: 1920px;
}


.compat .compat_peijian .compat_peijian_img{
	width: 720px;
	height: 201px;
	margin: 0 auto;	
	padding-top: 64px;
	
}

.compat_peijian .compat_peijian_img li{
	float: left;	
	margin: 0 66px;
	cursor: pointer;
	transition: all 1s;
}

.compat_peijian .compat_peijian_img li:hover{
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}


/*弹出的延时摄影*/
.delay_sample{
	height: 540px;
	width: 960px;
	position: fixed;
	z-index: 20;
	left: 50%;
	margin-left: -480px;
	/*top: 50%;*/
	top: -100%;
	z-index: 500;
	margin-top: -270px;	
}

.delay_sample video{
	height: 540px;
	width: 960px;
}


.delay_sample2{
	height: 540px;
	width: 960px;
	position: fixed;
	z-index: 20;
	left: 50%;
	margin-left: -480px;
	top: -50%;
	z-index: 500;
	margin-top: -270px;	
}

.delay_sample2 embed{
	height: 515px;
	width: 847px;
}

.delay_sample2 #play1{
	height: 515px;
	width: 847px;
}


/*遮罩*/
.video_shade{
	height: 100%;
	width: 100%;
	position: absolute;
	background: #000;
	z-index: 300;
	top:0;
	left: 0;
	opacity: 0.6;
	display: none;
}

.adap_camera{
	height: 258px;
	background: #161616;
}
.adap_camera .adap_info{
	padding-top: 40px;
	color: #5c5c5c;
	margin: 0 auto;
	width: 260px;
	text-align: center;
}

.adap_camera .list{
	width: 1250px;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
	
}

.adap_camera .list li{
	float: left;
	margin: 0 25px;
	cursor: pointer;
}

.adap_camera .list li img{
	transition: all 0.5s;
}

.adap_camera .list p{
	color: #5c5c5c;
	
}

.adap_camera .list li img:hover{
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}

.adap_camera .list p:nth-of-type(1){
	position: absolute;
	bottom:-30px;
	left: 32px;
}

.adap_camera .list p:nth-of-type(2){
	position: absolute;
	bottom:-30px;
	left: 248px;
}

.adap_camera .list p:nth-of-type(3){
	position: absolute;
	bottom:-30px;
	left: 485px;
}

.adap_camera .list p:nth-of-type(4){
	position: absolute;
	bottom:-30px;
	left: 695px;
}

.adap_camera .list p:nth-of-type(5){
	position: absolute;
	bottom:-30px;
	left: 930px;
}

.adap_camera .list p:nth-of-type(6){
	position: absolute;
	bottom:-30px;
	left: 1090px;
}

/*续航*/
.xuhang{
	background: #12111f;
	height: 1080px;
}


.xuhang .xuhang_deng{
	position: absolute;
	bottom:0;
	height: 273px;
	width: 863px;
	background: url(../light.html) no-repeat;
	left: 51%;
	margin-left: -431px;
	opacity: 0;
}

.xhde_run{
	animation: opact 1s forwards;
}

.xuhang .battery{
	width: 163px;
	height: 745px;
	background: url(../battery.html) no-repeat;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -81px;
	z-index: 10;
	opacity: 0;
}

.batrun{
	animation: opact 1s forwards;
	animation-delay: 0.5s;
}

.xuhang .cir_1{
	height: 276px;
	width: 276px;
	border-radius: 50%;
	border: 4px solid transparent;
	left: 50%;
	margin-left: -138px;
	position: absolute;
	top: 262px;	
}

.xuhang .cir1_color{
	height: 276px;
	width: 276px;
	border-radius: 50%;
	border: 4px solid #0c2a42;
	left: 50%;
	margin-left: -138px;
	position: absolute;
	top: 262px;
	opacity: 0;
}

.xuhang .cir_1 .cir_qiu1{
	height: 24px;
	width: 24px;
	border-radius: 50%;
	position: absolute;
	background: #05a2e9;
	top: 264px;
	left: 130px;
	opacity: 0;
		
}

.cirqiu_run{	
	animation: opact 1s forwards;
	animation-delay: 0.8s;
}


.qiu_run{
	animation: cirrun 4s forwards linear;
	animation-delay: 1s;
}



.xuhang .cir_2{
	height: 276px;
	width: 276px;
	border-radius: 50%;
	border: 4px solid transparent;
	left: 50%;
	margin-left: -138px;
	position: absolute;
	top: 546px;	
}




.xuhang .cir2_color{
	height: 276px;
	width: 276px;
	border-radius: 50%;
	border: 4px solid #0c2a42;
	left: 50%;
	margin-left: -138px;
	position: absolute;
	top: 546px;
	opacity: 0;
}

.cirqiu2_run{	
	animation: opact 1s forwards;
	animation-delay: 0.8s;
}


.xuhang .cir_2 .cir_qiu2{
	height: 24px;
	width: 24px;
	border-radius: 50%;
	position: absolute;
	background: #05a2e9;
	top: -16px;
	
	left: 130px;
	opacity: 0;
}

.qiu2_run{
	animation: cirrun2 4s forwards linear;
	animation-delay: 5s;
}

.xuhang .xuhang_des{
	color: white;
	width: 620px;
	position: absolute;
	left: 50%;
	margin-left: -310px;
	text-align: center;
	top: 7.2%;
	opacity: 0;
}

.xusize_des{
	animation: des 1.5s forwards;
	animation-delay: 1s;
}

.xuhang .xuhang_des h2{
	height: 56px;
	line-height: 56px;
}

.xuhang .xuhang_des p{
	height: 34px;
	line-height: 34px;
	color: #b5b1b0;
}

/*收纳包*/
.pouch img{width: 100%;}
.pouch .pouch_des{
	width: 560px;
	left: 50%;
	margin-left: -280px;
	position: absolute;
	top: 5.86%;
	text-align: center;
	opacity: 0;
}

.poch_run{
	animation: des 2s forwards;
}

.pouch .pouch_des h2{
	height: 50px;
	line-height:50px;	
}

.pouch .pouch_des p{
	height: 26px;
	line-height: 26px;
}


/*css3动画效果*/
@keyframes funrun{
	from{
		bottom: -200px;
	}
	to{
		bottom: 0px;
	}
}

@keyframes funrun2{
	from{
		top: -200px;
	}
	to{
		top: 0px;
	}
}

/*字推移*/
@keyframes des{
	from{
		-webkit-transform: translateY(35px);
		-ms-transform: translateY(35px);
		-o-transform: translateY(35px);
		transform: translateY(35px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0;  
	}
	to{
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}

/*淡出*/
@keyframes opact{
	from{
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0;  
	}
	to{
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1; 
	}
}

/*一键直达*/
@keyframes endrun{
	from{
		left: 45%;
		bottom: -15%;	
	}
	to{
		left: 40%;
		bottom: -5%;	
	}
}

@keyframes xp1{
	from{
		top: 53%;
		filter:alpha(opacity=0);
		-moz-opacity:0; 
		-khtml-opacity: 0; 
		opacity: 0;
	}
	to{
		top: 47%;
		filter:alpha(opacity=100); 
		-moz-opacity:1; 
		-khtml-opacity: 1; 
		opacity: 1;
	}
}

@keyframes xp2{
	from{
		top: 34%;
		filter:alpha(opacity=0);
		-moz-opacity:0; 
		-khtml-opacity: 0; 
		opacity: 0;
	}
	to{
		top: 29%;
		filter:alpha(opacity=100); 
		-moz-opacity:1; 
		-khtml-opacity: 1; 
		opacity: 1;
	}
}

@keyframes xp3{
	from{
		top: 8%;
		filter:alpha(opacity=0);
		-moz-opacity:0; 
		-khtml-opacity: 0; 
		opacity: 0;
	}
	to{
		top: 3%;
		filter:alpha(opacity=100); 
		-moz-opacity:1; 
		-khtml-opacity: 1; 
		opacity: 1;
	}
}

/* @keyframes endes{
	from{
		opacity: 0;
		-webkit-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}
	
	to{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}
 */
/*app效果*/
@keyframes phonerun{
	from{
		-webkit-transform: translateY(35px);
		-ms-transform: translateY(35px);
		-o-transform: translateY(35px);
		transform: translateY(35px);
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0; 
	}
	to{
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1;
	}
}

@keyframes apprun{
	from{
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
		
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
		transform: translateY(30px);
		
		filter:alpha(opacity=0);  
	    -moz-opacity:0;  
	    -khtml-opacity: 0;
      	opacity: 0; 
	}
	to{
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		
		filter:alpha(opacity=100);  
	    -moz-opacity:1;  
	    -khtml-opacity: 1;
      	opacity: 1;
	}
}

/*小球*/
@keyframes cirrun{
	from{
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
			
	}
	to{
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		
	}
}

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