/* 大转盘皮肤：仅替换视觉样式，不改动 DOM 结构、后台设置、发放奖励逻辑与快捷导航 */
/* 底图 zhuanpan-bg.png 尺寸 750x675，紫色圆盘中心 (370,294)，半径 253 */

#wheel-index.wheel-model-2 .content{
	background:#4a0d9c url(../img/wheel-new/bg.jpg) no-repeat center top;
	background-size:cover;
}

#wheel-index.wheel-model-2 .content .wheel{
	max-width:640px;
	margin:0 auto;
	background:none;
	text-align:center;
}

/* 顶部标题图 top.png 750x368 */
#wheel-index.wheel-model-2 .content .wheel::before{
	content:"";
	display:block;
	width:100%;
	padding-top:49.07%;
	background:url(../img/wheel-new/top.png) no-repeat center top;
	background-size:100% auto;
}

/* 转盘底座 */
#wheel-index.wheel-model-2 .content .wheel .content-wheel{
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding:0 0 90% 0;
	margin:-3% auto 0;
	background:url(../img/wheel-new/zhuanpan-bg.png) no-repeat center top;
	background-size:100% auto;
}

/* 八等分分割线 zhuanpan.png */
#wheel-index.wheel-model-2 .content .wheel .content-wheel::after{
	content:"";
	position:absolute;
	left:49.5%;
	top:43.33%;
	z-index:1;
	width:62%;
	height:68.89%;
	margin:0;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background:url(../img/wheel-new/zhuanpan.png) no-repeat center center;
	background-size:100% 100%;
	opacity:.45;
	pointer-events:none;
}

/* 奖品格：九宫格改为圆周分布，直径 21% 宽 */
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item,
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:first-child,
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(2),
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(3){
	position:absolute;
	z-index:2;
	float:none;
	width:18%;
	height:20%;
	margin:0;
	padding:0;
	background:none;
	border-radius:50%;
	text-align:center;
	overflow:hidden;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/* nth-child 与中奖号(luckyNum)对应：1,2,3,8,按钮,4,7,6,5 —— 顺时针排布 */
/* 圆心 (370,294) 半径 150px（基于 750x675 容器），扇区中心角 22.5°+45°k */
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(1){left:56.99%;top:23.02%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(2){left:67.81%;top:35.05%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(3){left:67.81%;top:52.06%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(4){left:41.68%;top:23.02%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(6){left:56.99%;top:64.09%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(7){left:30.85%;top:35.05%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(8){left:30.85%;top:52.06%;}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(9){left:41.68%;top:64.09%;}

#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item .wheel-img{
	display:block;
	width:48%;
	height:auto;
	margin:12% auto 0;
	border:none;
}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item .wheel-text,
#wheel-index.wheel-model-2 .content .wheel .content-wheel .thanks .wheel-text{
	display:block;
	width:100%;
	margin:4% 0 0;
	font-size:11px;
	line-height:1.2;
	color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	white-space:nowrap;
	overflow:hidden;
}

/* 中奖高亮 */
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item.active{
	background:rgba(255,255,255,.22);
	-webkit-box-shadow:inset 0 0 8px 3px rgba(255,232,120,.95);
	box-shadow:inset 0 0 8px 3px rgba(255,232,120,.95);
}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .thanks.active .wheel-text{
	color:#fff;
}

/* 中间抽奖按钮 start-btn.png 141x181 */
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(5),
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item:nth-child(5).active{
	left:49.33%;
	top:43.56%;
	z-index:3;
	width:17%;
	height:24.2%;
	padding:0;
	background:url(../img/wheel-new/start-btn.png) no-repeat center center;
	background-size:100% 100%;
	border-radius:0;
	overflow:visible;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transform:translate(-50%,-52%);
	transform:translate(-50%,-52%);
}
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item .draw-click,
#wheel-index.wheel-model-2 .content .wheel .content-wheel .wheel-item .draw-go{
	display:none;
}

/* 活动说明 */
#wheel-index.wheel-model-2 .content .wheel .info-wrap{
	width:auto;
	margin:2% 3% 0;
	padding:12px 14px;
	background:rgba(0,0,0,.22);
	border-radius:10px;
}
#wheel-index.wheel-model-2 .content .wheel .info-wrap .wrap-head{
	color:#ffe9a8;
	text-decoration:underline;
}
#wheel-index.wheel-model-2 .content .wheel .info-wrap .wrap-text,
#wheel-index.wheel-model-2 .content .wheel .info-wrap .wrap-text .wrap-inner,
#wheel-index.wheel-model-2 .content .wheel .info-wrap .wrap-text .wrap-inner .activity-info-content{
	color:#fff;
}
