@keyframes xz
			{
				from
				{
					transform: rotateX(-10deg) rotateY(0deg) rotateZ(-10deg);
				}
				to
				{
					transform: rotateX(-10deg) rotateY(360deg) rotateZ(-10deg);	
				}
			}
			title
			{
				background-color: #66CCFF;
			}
			body 
			{
				background-color: #66CCFF;
			}
			#box1
			{
				border: 0px solid white;
				height: 320px;
				width: 180px;
				position: fixed;/*定位*/
				left: calc(50% - 125px);
				top: calc(50% - 100px);
				transform-style: preserve-3d;/*3D*/
				animation-play-state: paused;
			}
			#box 
			{
				border: 0px solid white;
				height: 250px;
				width: 200px;
				position: fixed;/*定位*/
				left: calc(50% - 125px);
				top: calc(50% - 100px);
				transform-style: preserve-3d;/*3D*/
				transform: rotateX(-10deg);
				animation: xz 30s infinite linear normal;/*调用动画*/
				animation-play-state: paused;

			}

			#box>img 
			{
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0px;
				top: 0px;
				box-shadow: 0px 0px 20px 10px #ffcbff ;/*阴影*/
				
				
			}
			#box>img:nth-child(13)
			{
				border: 0px solid white;
				height: 320px;
				width: 180px;
				position: fixed;/*定位*/
				left: calc(50% - 125px);
				top: calc(50% - 100px);
				transform-style: preserve-3d;/*3D*/
				animation: xz 0s infinite linear normal;/*调用动画*/
			}
			#box>img:nth-child(1) 
			{
				transform: rotateY(30deg)translateZ(600px);
			}
			#box>img:nth-child(2) 
			{
				transform: rotateY(60deg)translateZ(600px);
			}
			#box>img:nth-child(3) 
			{
				transform: rotateY(90deg)translateZ(600px);
			}
			#box>img:nth-child(4) 
			{
				transform: rotateY(120deg)translateZ(600px);
			}
			#box>img:nth-child(5) 
			{
				transform: rotateY(150deg)translateZ(600px);
			}
			#box>img:nth-child(6) 
			{
				transform: rotateY(180deg)translateZ(600px);
			}
			#box>img:nth-child(7) 
			{
				transform: rotateY(210deg)translateZ(600px);
			}
			#box>img:nth-child(8) 
			{
				transform: rotateY(240deg)translateZ(600px);
			}
			#box>img:nth-child(9) 
			{
				transform: rotateY(270deg)translateZ(600px);
			}
			#box>img:nth-child(10) 
			{
				transform: rotateY(300deg)translateZ(600px);
			}
			#box>img:nth-child(11) 
			{
				transform: rotateY(330deg)translateZ(600px);
			}
			#box>img:nth-child(12) 
			{
				transform: rotateY(360deg)translateZ(600px);
			}