.ljs-turntable{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(0,0,0,.4);
	&.show{
		display: block;
	}
	&.hide{
		display: none;
	}
	>.close{
		width: 60upx;
		height: 60upx;
		position: fixed;
		top: 50%;
		right: 15upx;
		margin-top: -340upx;
		z-index: 3;
		background-color: #007AFF;
		border-radius: 50%;
		>.ico{
			width: 40upx;
			height: 40upx;
			margin: 10upx;
		}
	}
	>.box{
		width: 710upx;
		height: 710upx;
		position: fixed;
		top: 50%;
		left: 20upx;
		margin-top: -355upx;
		z-index: 2;
		background: url('data:image/png;base64,[encoded data, 80396 characters]') no-repeat;
		background-size: cover;
		padding: 38upx;
		box-sizing: border-box;
	}
	>.box2{
		width: 650upx;
		height: 650upx;
		background: url(@/assets/img/temporary/national-2024-5.png);
			background-size: cover;
		position: fixed;
		top: 50%;
		left: 50upx;
		margin-top: -325upx;
		z-index: 2;
	//  animation:turn 10s linear infinite; 
	}
	/* 
		turn : 定义的动画名称
		1s : 动画时间
		linear : 动画以何种运行轨迹完成一个周期
		infinite :规定动画应该无限次播放
	 */
	@keyframes turn{
		0%{-webkit-transform:rotate(0deg);}
		25%{-webkit-transform:rotate(-90deg);}
		50%{-webkit-transform:rotate(-180deg);}
		75%{-webkit-transform:rotate(-270deg);}
		100%{-webkit-transform:rotate(-360deg);}
	}
	>.rotateBoard{
		width: 640upx;
		height: 640upx;
		position: fixed;
		top: 50%;
		left: 55upx;
		margin-top: -320upx;
		z-index: 1;
		border-radius: 50%;
		overflow: hidden;
		transform:rotate(0deg);
		>.sector{
			overflow: hidden;
			position: absolute;
			top: 0; 
			right: 0;
			width: 50%;
			height: 50%;
			transform-origin: 0% 100%;
			text-align: center;
		}
		>.name{
			// writing-mode: vertical-t;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
			// writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ 
			// width: 24upx;
			 height: 320upx;
			text-align: center;
			font-size: 20upx;
			position: absolute;
			top: 0upx;
			padding-bottom: 40upx;
			box-sizing: border-box;
			color: #FFF;
			>img{
				width: 40upx;
			}
		}
	}
	>.but{
		width: 200upx;
		height: 200upx;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		margin-top: -100upx;
		margin-left: -100upx;
		>.pic{
			width: 200upx;
			height: 224upx;
			margin-top: -24upx;
		}
	}
}