.box{
		width: 200px;
		height: 200px;
		/*background: red;*/
		position: relative;
		transform: rotateX(-30deg) rotateY(30deg);
		transform-style: preserve-3d;
		animation: xuanzhuan 5s infinite linear;
	}
	@keyframes xuanzhuan{
		0%{
			transform: rotateX(0deg) rotateY(0deg);
		}
		100%{
			transform: rotateX(360deg) rotateY(360deg);
		}
	}
	.box:hover{
		animation: xuanzhuan 5s infinite paused;
	}
	.box a{
		display: block;
		opacity: .7;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px solid #fff;
	}
	.box_a{
		width: 200px;
		height: 200px;
		background: black;
		transition: all 3s;
	}
	.box_b{
		width: 100px;
		height: 100px;
		background: #89fc6b;
		margin: 50px;
	}
	.box .box_a:nth-child(1){
		transform: translateZ(100px);
	}
	.box .box_a:nth-child(2){
		transform: rotateY(180deg) translateZ(100px);
	}
	.box .box_a:nth-child(3){
		transform: rotateY(-90deg) translateZ(100px);
	}
	.box .box_a:nth-child(4){
		transform: rotateY(90deg) translateZ(100px);
	}
	.box .box_a:nth-child(5){
		transform: rotateX(90deg) translateZ(100px);
	}
	.box .box_a:nth-child(6){
		transform: rotateX(-90deg) translateZ(100px);
	}



	.box .box_b:nth-child(7){
		transform: translateZ(50px);
	}
	.box .box_b:nth-child(8){
		transform: rotateY(180deg) translateZ(50px);
	}
	.box .box_b:nth-child(9){
		transform: rotateY(-90deg) translateZ(50px);
	}
	.box .box_b:nth-child(10){
		transform: rotateY(90deg) translateZ(50px);
	}
	.box .box_b:nth-child(11){
		transform: rotateX(90deg) translateZ(50px);
	}
	.box .box_b:nth-child(12){
		transform: rotateX(-90deg) translateZ(50px);
	}



	.box:hover .box_a:nth-child(1){
		transform: translateZ(150px);
	}
	.box:hover .box_a:nth-child(2){
		transform: rotateY(180deg) translateZ(150px);
	}
	.box:hover .box_a:nth-child(3){
		transform: rotateY(-90deg) translateZ(150px);
	}
	.box:hover .box_a:nth-child(4){
		transform: rotateY(90deg) translateZ(150px);
	}
	.box:hover .box_a:nth-child(5){
		transform: rotateX(90deg) translateZ(150px);
	}
	.box:hover .box_a:nth-child(6){
		transform: rotateX(-90deg) translateZ(150px);
	}

.pengzai{
  position: fixed; 
  right: 0; 
  bottom: 30px; 
  z-index: 9988;
}
.pengzai a{
  color: #fff;
  width: 36px; 
  height: 41px; 
  font-size: 13px; 
  padding: 3px 4px; 
  display: block; 
  border-radius: 5px; 
  text-align: center; 
  margin-top: 10px; 
  box-shadow: 0 1px 2px rgba(0,0,0,.35); 
  text-decoration: none; 
  line-height: 20px; 
  font-weight: bold; 
  overflow: hidden;
}
#BgColor{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index: 9998;
  display: none;
}
#kfewm{
  width: 30%;
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 10%;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  display: none;
}
#kfewm img{
  width: 100%;
  border-radius: 10px;
}
#nr{ font-size:15px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; animation: masked-animation 2s infinite linear; } @keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100%, 0; } }
}