@s : 40; // 坐标点的数目(数目越大，动画越精细)

//星球 
// 星球上半圆
.rote0_1 {
	position: absolute;
	z-index: 2;
	left: -0.5vw;
	top: -0.5vw;
}

.rote0 img {
	width: 8vw;
	height: 8vw;
	transform: translate(5px, 8px);
	box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.2);
	border-radius: 50%;
}

// 星球下半圆
.rote0 {
	position: absolute;
	left: -0.5vw;
	top: -0.5vw;
	z-index: 9;
}

.rote0_1 img {
	width: 8vw;
	height: 8vw;
	transform: translate(5px, 8px);
	box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.2);
	border-radius: 50%;
}

/*第一个轨道*/
@r1_l : 6vw; // 椭圆x轴半径(长半径)
@r1_s : 2.75vw; // 椭圆y轴半径(短半径)

.rote1 {
	width: @r1_l*2 ;
	height: @r1_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .5);
	border-radius: 50%;
	top: 1.3vw;
	left: -2vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);
	z-index: 8;

}

/*第二个轨道*/
@r2_l : 12vw; // 椭圆x轴半径(长半径)
@r2_s : 5.5vw; // 椭圆y轴半径(短半径)


.rote2 {
	width: @r2_l*2 ;
	height: @r2_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .45);
	border-radius: 50%;
	top: -1.2vw;
	left: -8vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);

}

.rote2 .dot {
	width: 37px;
	height: 37px;
	left: @r2_l - 1vw;
	top: @r2_s - 1vw;
	background: url(../library/mall/0/images/layout/x3.png)no-repeat center center;
	background-size: 100%;
	border-radius: 100%;
	position: absolute;
	animation: move 5s linear infinite;
	position: absolute;
}

.loop(@index) when (@index < @s+1) {
	.loop((@index + 1));
	@keyframeSel: @index * 100%/@s;

	@{keyframeSel} {
		transform: translate(@r2_l*cos(360deg/@s*@index), @r2_s*sin(360deg/@s*@index), );
	}
}

@keyframes move {
	.loop(0);
}

/*第三个轨道*/
@r3_l : 18vw; // 椭圆x轴半径(长半径)
@r3_s : 8.25vw; // 椭圆y轴半径(短半径)

.rote3 {
	width: @r3_l*2 ;
	height: @r3_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .4);
	border-radius: 50%;
	top: -4.3vw;
	left: -14vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);
	z-index: 8;

}

/*第四个轨道*/
@r4_l : 25vw; // 椭圆x轴半径(长半径)
@r4_s : 11.46vw; // 椭圆y轴半径(短半径)


.rote4 {
	width: @r4_l*2 ;
	height: @r4_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .35);
	border-radius: 50%;
	top: -7.5vw;
	left: -21vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);

}

.rote4 .dot {
	width: 56px;
	height: 56px;
	left: @r4_l - 1.5vw;
	top: @r4_s - 1.5vw;
	background: url(../library/mall/0/images/layout/x3.png)no-repeat center center;
	background-size: 100%;
	border-radius: 100%;
	position: absolute;
	animation: move4 4.5s linear infinite;
	position: absolute;
}

.loop4(@index) when (@index < @s+1) {
	.loop4((@index + 1));
	@keyframeSel: @index * 100%/@s;

	@{keyframeSel} {
		transform: translate(@r4_l*cos(-360deg/@s*@index), @r4_s*sin(-360deg/@s*@index), );
	}
}

@keyframes move4 {
	.loop4(0);
}


/*第五个轨道*/
@r5_l : 34vw; // 椭圆x轴半径(长半径)
@r5_s : 15.58vw; // 椭圆y轴半径(短半径)

.rote5 {
	width: @r5_l*2 ;
	height: @r5_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .3);
	border-radius: 50%;
	top: -11.6vw;
	left: -30vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);
	z-index: 8;

}

/*第六个轨道*/
@r6_l : 47vw; // 椭圆x轴半径(长半径)
@r6_s : 21.54vw; // 椭圆y轴半径(短半径)


.rote6 {
	width: @r6_l*2 ;
	height: @r6_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .25);
	border-radius: 50%;
	top: -19.5vw;
	left: -41.5vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);
}

.rote6 .dot {
	width: 56px;
	height: 56px;
	left: @r6_l - 1.5vw;
	top: @r6_s - 1.5vw;
	background: url(../library/mall/0/images/layout/x3.png)no-repeat center center;
	background-size: 100%;
	border-radius: 100%;
	position: absolute;
	animation: move6 4s linear infinite;
	position: absolute;
}

.loop6(@index) when (@index < @s+1) {
	.loop6((@index + 1));
	@keyframeSel: @index * 100%/@s;

	@{keyframeSel} {
		transform: translate(@r6_l*cos(360deg/@s*@index), @r6_s*sin(360deg/@s*@index), );
	}
}

@keyframes move6 {
	.loop6(0);
}


/*第七个轨道*/
@r7_l :64vw; // 椭圆x轴半径(长半径)
@r7_s :29.3vw; // 椭圆y轴半径(短半径)

.rote7 {
	width: @r7_l*2 ;
	height: @r7_s*2;
	position: absolute;
	border: solid 1px rgba(255, 255, 255, .2);
	border-radius: 50%;
	top: -30.8vw;
	left: -55vw;
	-webkit-transform: rotate(-204deg);
	-moz-transform: rotate(-204deg);

}