/* 公共样式 */
.box_m{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.a_btn{
	display: block;
	width: 210px;
	height: 60px;
	background: url("../images/btnbg.png") no-repeat center top;
	background-size: 100% 100%;
}
.a_btn span{
	display: block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	border-radius: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: -webkit-linear-gradient(left,#eb8417, #ff01ed); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right,#eb8417, #ff01ed); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right,#eb8417, #ff01ed); /* Firefox 3.6 - 15 */
	background: linear-gradient(right,#eb8417, #ff01ed); /* 标准的语法 */
}

.wrap{
	width: 100%;
	height: 100%;
	background: #09031b;
	overflow: hidden;
}
.wrap img{display: block;}

.box_hd{text-align: center;}
.box_hd h2{font-size: 40px;color: #f246fd;text-align: center;display: inline-block;font-weight: bold; position: relative;padding: 12px 80px 25px;}
.box_hd h2 img{position: absolute;}
.box_hd h2 img.boxhd1{left: 0;top: 38px;}
.box_hd h2 img.boxhd2{right: 0;top: 0;}
.box_hd span{display: block;width: 92px;height: 3px;background: #aa2fbc;margin: 0 auto;}
.box_hd p{font-size: 18px;color: #303030;text-align: center;padding: 20px 0 0;line-height: 32px;}
/* banner */
.banner{width: 100%;}
.banner .slideBox{ width:100%; height:740px; overflow:hidden; position:relative;}
.banner .slideBox .hd{width: 192px;margin: 0 auto;height:5px; overflow:hidden; position:absolute; left:50%;margin-left: -96px; bottom:25px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .slideBox .hd ul li{ float:left; margin-right:10px;width:80px; height:3px; margin-top: 2px; line-height:14px; text-align:center; background:#fff;opacity: .6; cursor:pointer;}
.banner .slideBox .hd ul li.on{height: 4px;opacity: 1;margin-top: 0;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .bd ul{height: 740px;}
.banner .bd ul li{width: 100%;height: 740px;position: relative;}
.banner .bd ul .li1{background: url("../images/banbg1.jpg") no-repeat center top;}
.banner .bd ul .li2{background: url("../images/banbg2.jpg") no-repeat center top;}
.banner .bd ul .li3{background: url("../images/banbg3.jpg") no-repeat center top;}
.banner .bd ul .li1 .ban1{position: absolute;left: 80px;top: 56px;}
.banner .bd ul .li1 .ban2{position: absolute;left: 100px;top: 335px;}
.banner .bd ul .li1 .a_btn{width: 166px;position: absolute;left: 517px;top: 300px;}
.banner .bd ul .li1 .a_btn span{width: 157px;}
.banner .bd ul .li2 .ban3{position: absolute;left: 32px;top: 125px;}
.banner .bd ul .li2 .a_btn{width: 166px;position: absolute;left: 32px;top: 530px;}
.banner .bd ul .li2 .a_btn span{width: 157px;}

/* box1 */
.box1{padding: 50px 0 70px;}
.box1 .box1_con{margin-top: 59px;}
.box1 .box1_con .box1con{
	width: 1159px;
	height: 154px;
	margin: 0 auto;
	border: 1px #6c066c solid;
	border-radius: 18px;
	background: #21173e;
	position: relative;
}
.box1 .box1_con .box1con img.box1con_left{
	float: left;
	margin-right: 2px;
	cursor: pointer;
	opacity: .5;
}
.box1 .box1_con .box1con img.box1con_left:hover{opacity: 1;}
.box1 .box1_con .box1con img.box1con_cen{
	position: absolute;
	left: 496px;
	top: -25px;
}
.box1 .box1_con .box1con img.box1con_right{
	float: right;
	margin-left: 2px;
	cursor: pointer;
	opacity: .5;
}
.box1 .box1_con .box1con img.box1con_right:hover{opacity: 1;}
.box1_bot{width: 100%;height: 138px;background: #3d074a;}
.box1_bot img{margin: -11px 0 0 -19px;float: left;}
.box1_bot p{
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	float: left;
	margin: 18px 0 0 38px;
}
.box1_bot p b{color: #ff199b;}
.box1_bot p span{color: #ff8c24;}

/* box2 */
.box2{padding-top: 85px;}
.box2_con{
	width: 1158px;
	height: 661px;
	background: url("../images/box2bg.jpg") no-repeat center top;
	margin-top: 12px;
	padding: 42px 0 0 42px;
}
.box2_con .box2_list{
	width: 306px;
	margin: 0 56px 0 23px;
	float: left;
}
.box2_con .box2_list h2{
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding: 38px 0 16px;
}
.box2_con .box2_list p{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 19px;
}
.box2_con .box2_list span{
	display: block;
	width: 229px;
	height: 62px;
	border: 1px #fff solid;
	border-radius: 10px;
	margin: 0 auto 28px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 54px;
	padding-top: 7px;
}

/* box3 */
.box3{padding-top: 72px;}
.box3 .box3_con{	height: 733px;
	margin-top: 15px;
	position: relative;
}
.box3 .box3_con .box3con1{
	width: 100%;
	height: 100%;
	background: url("../images/box3bg.jpg") no-repeat center 33px;
	animation: myopt 3s infinite;
	-moz-animation: myopt 3s infinite;
	-webkit-animation: myopt 3s infinite;
	-o-animation: myopt 3s infinite;
}
@-webkit-keyframes myopt {0%{opacity: 1;}50%{opacity: .7;}100%{opacity: 1;}}
@-moz-keyframes myopt {0%{opacity: 1;}50%{opacity: .7;}100%{opacity: 1;}}
@-o-keyframes myopt {0%{opacity: 1;}50%{opacity: .7;}100%{opacity: 1;}}
@keyframes myopt {0%{opacity: 1;}50%{opacity: .7;}100%{opacity: 1;}}
.box3 .box3_con .box3con2{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.box3 .box3_con .box3con2 .box3l{
	position: absolute;
	left: 0;
	top: 0;
}
.box3 .box3_con .box3con2 .box3r{
	position: absolute;
	right: 0;
	top: 0;
}
.box3 .a_btn{width: 235px;margin: 48px auto 50px;}
.box3 .a_btn span{width: 226px;}

/* box4 */
.box4{
	background: #4d2663;
	padding: 43px 0 58px;
}
.box4 .box_hd h2{color: #fff;}
.box4 .box_hd span{background: #fd0cda;}
.box4 .box4_con{margin-top: 34px;}
.box4 .box4_con .box4con_left{
	width: 649px;
	float: left;
}
.box4 .box4_con .box4con_right{
	float: left;
	width: 550px;
}
.box4 .box4_con .box4con_right p{
	font-size: 17px;
	color: #fff;
	line-height: 43px;
	padding: 31px 0 31px 20px;
}

/* box5 */
.box5{padding-top: 60px;}
.box5 .box5_con{padding-top: 25px;}
.box5 .box5_con .box5_tab{
	margin-left: 74px;
	margin-bottom: 28px;
}
.box5 .box5_con .box5_tab li{
	float: left;
	width: 251px;
	height: 66px;
	padding: 3px 1px 2px 2px;
	border: 1px #fd4dff solid;
	border-radius: 10px;
	margin-right: 8px;
	cursor: pointer;
}
.box5 .box5_con .box5_tab li div{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.box5 .box5_con .box5_tab li div h2{
	font-size: 22px;
	color: #b364d4;
	text-align: center;
	padding: 5px 0 1px;
}
.box5 .box5_con .box5_tab li div p{
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.box5 .box5_con .box5_tab li.cur div{background: #3a3549;}
.box5 .box5_con .box5_tab li.cur div h2{color: #ff8e20;}
.box5 .box5_con .box5_list li{display: none;opacity: 0;}
.box5 .box5_con .box5_list li.cur{display: block;opacity: 1;}
.box5 .a_btn{margin: 48px auto 0;}

/* box6 */
.box6{margin-top: 30px;background: url(../images/box6_bg.jpg) no-repeat bottom center;}
.box6 .box_hd{padding-top: 15px;}
.box6 .main{margin-top: 60px;position: relative;}
.box6 .main ol{width: 752px;margin: 0 auto;overflow: hidden;position: absolute;width: 198px;left: 0;top: 43px;}
.box6 .main ol li{position: relative; width: 198px;height: 92px;background: #fff;margin-bottom: 16px;border-radius: 10px;}
.box6 .main ol li.on{
	background: -webkit-linear-gradient(-45deg, #9d2ba7, #313fad); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(-45deg, #9d2ba7, #313fad); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(-45deg, #9d2ba7, #313fad); /* Firefox 3.6 - 15 */
	background: linear-gradient(-45deg, #9d2ba7, #313fad); /* 标准的语法（必须放在最后） */
}
.box6 .main ol li p{color: #333;font-size: 20px;padding: 20px 0 0 88px;font-weight: bold;cursor: pointer;}
.box6 .main ol li.on p{color: #fff;}
.box6 .main ol li.box6one p{background: url("../images/box6pic1.png") no-repeat 20px 22px;}
.box6 .main ol li.box6one.on p{background: url("../images/box6pic7.png") no-repeat 20px 22px;}
.box6 .main ol li.box6two p{background: url("../images/box6pic2.png") no-repeat 20px 22px;}
.box6 .main ol li.box6two.on p{background: url("../images/box6pic8.png") no-repeat 20px 22px;}
.box6 .main ol li.box6three p{background: url("../images/box6pic3.png") no-repeat 20px 22px;}
.box6 .main ol li.box6three.on p{background: url("../images/box6pic9.png") no-repeat 20px 22px;}
.box6 .main ol li.box6four p{background: url("../images/box6pic4.png") no-repeat 20px 22px;}
.box6 .main ol li.box6four.on p{background: url("../images/box6pic10.png") no-repeat 20px 22px;}
.box6 .main ol li.box6five p{background: url("../images/box6pic5.png") no-repeat 20px 22px;}
.box6 .main ol li.box6five.on p{background: url("../images/box6pic11.png") no-repeat 20px 22px;}
.box6 .main ul{background: #28105e no-repeat center;width: 1139px;min-height: 600px;padding-bottom: 60px;margin:0 0 0 61px;}
.box6 .main ul li{display: none;overflow: hidden;}
.box6 .main ul li.show{display: block;}
.box6 .con{overflow: hidden;width:296px;float: left;border-left: 1px rgba(255,255,255,.3) solid;min-height: 562px;margin-top: 40px;}
.box6 .con1{margin-left: 182px;border: none;}
.box6 .con h2{
	width: 130px;
	font-size: 20px;
	color: #fff;
	border-bottom: 1px rgba(255,255,255,.3) solid;
	padding-left: 20px;
	line-height: 36px;
	margin: 0 0 16px 24px;
	position: relative;
}
.box6 .con h2 img{
	position: absolute;
	left: 0;
	top: 13px;
}
.box6 .con p{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	padding: 0 24px;
}
.box6 .con p span{display: inline-block;width: 150px;}
.box6 .a_btn{margin: 30px auto;}


/* box7 */
.box9{padding-top: 48px;}
.box9 .main{width: 1010px;height: 550px;margin-top: 37px;margin-left: 138px;}
.box9 .main .m_top{width: 925px;height: 87px;background: #0AAAF4; 
background: -moz-linear-gradient(top, #01F5EF 0%, #1652FC 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01F5EF), color-stop(100%,#1652FC)); 
background: -webkit-linear-gradient(top, #01F5EF 0%,#1652FC 100%); 
background: -o-linear-gradient(top, #01F5EF 0%,#1652FC 100%); 
background: -ms-linear-gradient(top, #01F5EF 0%,#1652FC 100%); 
background: linear-gradient(to bottom, #01F5EF 0%,#1652FC 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01F5EF', endColorstr='#1652FC',GradientType=0 ); }
.box9 .m_top .con_top{width: 185px;float: left;height: 87px;text-align: center;color: #fff;}
.box9 .m_top .con_top h2{font-size: 30px;margin: 12px 0 2px;}
.box9 .m_top .con_top p{font-size: 18px;}
.box9 .m_top .con_top.red{
	background: #FA6E45;
	background: -webkit-linear-gradient(#F28F23 0%, #FF5858 100%);
	background: -o-linear-gradient(#F28F23 0%, #FF5858 100%);
	background: linear-gradient(#F28F23 0%, #FF5858 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F28F23', endColorstr='#FF5858',GradientType=0 );}
.box9 .m_btm .con_btm{width: 1007px;display: none;}
.box9 .m_btm .con_btm.cur{display: block}
.box9 .m_btm .slideBox2{ width:100%;overflow:hidden; position:relative;}
.box9 .m_btm .slideBox2 .hd{ height:160px; overflow:hidden; position:absolute; right:40px; bottom:66px; z-index:1; }
.box9 .m_btm .slideBox2 .hd ul{overflow:hidden; zoom:1; float:left;  }
.box9 .m_btm .slideBox2 .hd ul li{margin-bottom:8px;width:13px; height:13px;background:#CCCCCC; cursor:pointer;border-radius: 50%; }
.box9 .m_btm .slideBox2 .hd ul li.on{ background:#FE516D;}
.box9 .m_btm .slideBox2 .bd{width: 1007px; position:relative; height:100%; z-index:0;   }
.box9 .m_btm .slideBox2 .bd li{width: 1007px;height: 460px; zoom:1; vertical-align:middle; }
.box9 .m_btm .slideBox2 .bd img{ width:926px; height:418px; display:block;  }
.box9 .m_btm .slideBox2 .bd li p{width: 926px;height: 42px;text-align: center;color: #fff;line-height: 42px;background: #FE516D;font-size: 18px;}
.box9 .m_btm .slideBox2 .next,.box9 .m_btm .slideBox2 .prev{width: 54px;height: 32px;position: absolute;}
.box9 .m_btm .slideBox2 .prev{background: #1653FB;bottom: 36px;right: 26px;}
.box9 .m_btm .slideBox2 .next{background: #FE516D;bottom: 0px;right: 0px;}
.box9 .m_btm .slideBox2 .next img,.box9 .m_btm .slideBox2 .prev img{display: block;margin:11px auto;}
.box9 .m_btm .btm2 .slideBox2 .hd{height: 55px;}
.box9 .m_btm .btm3 .slideBox2 .hd{height: 76px;}
.box9 .btm .a_btn{margin-top: 260px;}

/* box7 */
.box7{padding-top: 70px;}
.box7 .btm{margin-top: 36px;}
.box7 .btm .main{width:1100px;margin: 20px auto;overflow: hidden;}
.box7 .main ul{width:100%;height: 50px;line-height: 50px;overflow: hidden;background: #ffbd08;}
.box7 .main ul li{font-size:16px;float: left; color: #000;text-align: center;}
.box7 .scrollDiv{width: 100%; float:left;height: 560px;}
.box7 .scrollDiv ol{width: 100%;}
.box7 .scrollDiv ol li{overflow: hidden;height: 50px;line-height:50px;border-bottom: 1px solid #625e6d;}
.box7 .scrollDiv p{font-size:18px;color: #fff;float: left;text-align: center;}
.box7 .li1{width:130px;}
.box7 .li3{width: 300px;text-align: left!important;padding-left:60px;}
.box7 .li4{width: 190px;}

.box7 .btm .p{font-size: 14px;color: #999999;text-align: center;padding-top: 0px;}
.box7 .a_btn{width: 260px;margin: 30px auto 0;}
.box7 .a_btn span{width: 250px;}

/* box8 */
.box8{padding-top: 55px;}
.box8 .box8_con{
	margin-top: 46px;
	height: 343px;
	background: url("../images/box8bg.jpg") no-repeat center top;
}
.box8 .box8_con p{
	font-size: 18px;
	color: #fff;
	line-height: 43px;
	margin-bottom: 17px;
}
.box8 .box8_con p span{
	display: inline-block;
	width: 410px;
	margin-left: 224px;
	text-align: center;
	margin-right: 30px;
	text-decoration: underline;
}
.box8 .box8_con p a{
	display: inline-block;
	width: 122px;
	height: 31px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 31px;
	background: #cd2dbe;
	border-radius: 50px;
	margin-left: 42px;
}
.box8 .box8_con p a:hover{opacity: .8;}
.box8 .a_btn{margin: 54px auto 0;}
.box8 .a_btn{margin: 54px auto 0;}

/* box10 */
.box10{padding-top: 72px;}
.box10 .box10_con{margin-top: 68px;}
.box10 .box10_con ul{width: 1250px;}
.box10 .box10_con ul li{
	width: 150px;
	height: 150px;
	background: #dc49d0;
	border-radius: 50%;
	border: 15px #42145a solid;
	position: relative;
	float: left;
	margin-right: 24px;
}
.box10 .box10_con ul li img{
	display: block;
	margin: 26px auto 12px;
}
.box10 .box10_con ul li p{
	font-size: 25px;
	color: #fff;
	text-align: center;
}
.box10 .box10_con ul li .box10con{
	width: 200px;
	height: 237px;
	background: #ad29a2;
	position: absolute;
	left: -25px;
	top: -42px;
	border-radius: 10px;
	transition:all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	opacity: 0;filter:alpha(opacity=0);transform:scale(0.3);
	-ms-transform:scale(0.3); 	/* IE 9 */
	-moz-transform:scale(0.3); 	/* Firefox */
	-webkit-transform:scale(0.3); /* Safari 鍜� Chrome */
	-o-transform:scale(0.3);
}
.box10 .box10_con ul li:hover .box10con{
	opacity: 1;filter:alpha(opacity=100);transform:scale(1);
	-ms-transform:scale(1); 	/* IE 9 */
	-moz-transform:scale(1); 	/* Firefox */
	-webkit-transform:scale(1); /* Safari 鍜� Chrome */
	-o-transform:scale(1);
}
.box10 .box10_con ul li .box10con p{
	font-size: 16px;
	text-align: left;
	line-height: 24px;
	padding: 26px 8px 0;
}
.box10 .box10_con ul li.box10conli2{background: #7b3ce3;border-color: #391b6a;}
.box10 .box10_con ul li.box10conli2 .box10con{background: #7139cf;}

/* box11 */
.box11{padding-top: 105px;}
.box11 .box11_con{width: 1060px;margin: 40px auto 0;overflow: hidden;position: relative; }
/*.box11 .box11_con .bd{height: 292px;}*/
/*.box11 .box11_con .bd ul{height: 292px;}
.box11 .box11_con .bd ul li{float: left;width: 275px;}*/
/*.box11 .box11_con .hd ul{text-align: center;margin-top: 43px;height: 5px;}
.box11 .box11_con .hd{text-align: center;margin-top: 43px;height: 5px;position: absolute;}
.box11 .box11_con .hd ul li{
	display: inline-block;
	width: 26px;
	height: 5px;
	background: #8516eb;
	margin-right: 9px;
}
.box11 .box11_con .hd ul li.on{background: #7f5c9f;}*/

.picScroll-left{ overflow:hidden; position:relative;padding-bottom: 104px;}
/*.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }*/
.picScroll-left .hd{text-align: center;bottom: 58px;height: 5px; zoom:1;position: absolute;width:500px;text-align: center;left: 280px;}
.picScroll-left .hd ul{overflow:hidden; zoom:1; float:left;width:500px !important;}
.picScroll-left .hd ul li{display: inline-block;width: 26px;height: 5px;background: #8516eb;margin-right: 9px;cursor:pointer;font-size: 0;}
.picScroll-left .hd ul li.on{background: #7f5c9f;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float: left;width: 275px;overflow:hidden;  }
.picScroll-left .bd ul li .pic img{ width:233px; height:292px; display:block;}



/* 开班 */
.citybox p{color: #fff !important;}
.kb_box .kb .ulbox li p{color: #fff !important;}

/*添加解决方案式教学 让学习更简单*/
.boxadd{padding: 60px 0 0;}
.boxadd .main{margin-top: 30px;}
.boxadd .top_box{overflow: hidden;width: 1083px;margin: 0 auto;}
.boxadd .top{width: 330px;float: left;height: 65px;margin: 0 15px;border-radius: 10px;font-size: 24px;color: #fff;line-height: 65px;text-align: center;
background: linear-gradient(top left, #8516eb, #eb31e3);
background: -ms-linear-gradient(top left, #8516eb, #eb31e3);
background: -webkit-linear-gradient(top left,#8516eb, #eb31e3);
background: -moz-linear-gradient(top left, #8516eb, #eb31e3);}
.boxadd .top.on{background:#f73697;}
.boxadd .btm_box{width: 1080px;margin: 0 auto;}
.boxadd .btm{display:none;overflow: hidden;margin-top: 55px;}
.boxadd .btm.show{display:block;}
.boxadd .btm .fl{float: left;width: 501px;}
.boxadd .btm .fr{float: right;width: 550px;color: #fff;height:430px;display: table;}
.boxadd .btm .fr p{display: table-cell; vertical-align:middle;font-size: 16px;line-height: 30px;}
.boxadd .a_btn{margin:50px auto 0;}
.boxadd .boxadd_con{padding-bottom: 65px;}
.boxadd .slideBox2 .hd{width: 66px; height:13px; overflow:hidden; position:absolute; left: 50%;margin-left: -33px; bottom: 100px; z-index:1; }
.boxadd .slideBox2 .hd ul{overflow:hidden; zoom:1; float:left;  }
.boxadd .slideBox2 .hd ul li{margin: 0 4px;width:13px;float: left; height:13px;background:#CCCCCC; cursor:pointer;border-radius: 50%; }
.boxadd .slideBox2 .hd ul li.on{ background:#FE516D;}
.boxadd .slideBox2 .next,.boxadd .slideBox2 .prev{position: absolute;top: 50%;}
.boxadd .slideBox2 .prev{left: 0;}
.boxadd .slideBox2 .next{right: 0px;}
.boxadd .slideBox2 .next img,.boxadd .slideBox2 .prev img{display: block;margin:11px auto;}


.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}









@-webkit-keyframes banone{
	from{bottom: 0;}to{bottom: 10px;}
}
@-moz-keyframes banone{
	from{bottom: 0;}to{bottom: 10px;}
}
@-o-keyframes banone{
	from{bottom: 0;}to{bottom: 10px;}
}
@keyframes banone{
	from{bottom: 0;}to{bottom: 10px;}
}

@-webkit-keyframes bantwo{
	from{top: -10px;}to{top: 0;}
}
@-moz-keyframes bantwo{
	from{top: -10px;}to{top: 0;}
}
@-o-keyframes bantwo{
	from{top: -10px;}to{top: 0;}
}
@keyframes bantwo{
	from{top: -10px;}to{top: 0;}
}
/*--------------外圈旋转------------*/
@-webkit-keyframes circle-outer{
	from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes circle-outer{
	from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(-360deg)}
}
@-o-keyframes circle-outer{
	from{-o-transform:rotate(0deg)}to{-o-transform:rotate(-360deg)}
}
@keyframes circle-outer{
	from{transform:rotate(0deg)}to{transform:rotate(-360deg)}
}