body{  font-size: 12px; line-height: 150%; text-align:center}
.canvas-wrapper{
	width: 100%;
	max-width: 523px;
	margin: 0 auto;
}
.canvas-wrapper canvas{
	width: 100%;
	height: auto;
	display: block;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}
.chess_box,.menu_dy,.menu_pv{ display:none}
.menu_box{ display:none1; width:316px; height:232px; padding-top:190px; background:url(../img/init_bg.webp); margin:60px auto 0;}
.menu_box a{ width:214px; height:46px; text-align:center; line-height:46px; background:url(../img/btn_bg.png) center 0 no-repeat; display:block; margin:10px 0 10px 45px; font: normal 18px/46px"微软雅黑"; color:#FF8A00; cursor:pointer; }
.menu_box a:hover{ background: url(../img/btn_bg.png) center -46px no-repeat; color: #FFA433;}
.menu_info{ background:#463521; color:#FFF; padding:5px 10px; line-height:190%; text-align:left; width:194px;margin:10px 0 10px 45px;}
.menu_info p{ margin: 8px 0; text-align: center; }
.menu_fh{ background:url(../img/btn_fh.png); width:14px; height:14px; float:right; cursor:pointer}
.bn_box{
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 16px;
}
.bn_box .btn{
	width: 100px;
  height: 22px;
	text-align: center;
	line-height: 22px;
	background: url(../img/btn_bg.png) center 0 no-repeat;
	display: inline-block;
	font: normal 12px/22px "微软雅黑";
	color: #FF8A00;
	cursor: pointer;
	background-size: 100%;
}
.bn_box .btn:hover{
	background: url(../img/btn_bg.png) center -22px no-repeat;
	color: #FFA433;
	background-size: 100%;
}
.modal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	justify-content: center;
	align-items: center;
}
.modal.show{
	display: flex;
}
.modal-content{
	background: url(../img/stype_1/bg.jpg);
	background-color: #463521;
	padding: 32px 48px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255,255,255,0.1);
	border: 2px solid #8B4513;
	animation: modalIn 0.3s ease;
}
@keyframes modalIn{
	from{
		transform: scale(0.8);
		opacity: 0;
	}
	to{
		transform: scale(1);
		opacity: 1;
	}
}
.modal-title{
	font: normal 32px/48px "微软雅黑";
	color: #FFD700;
	margin-bottom: 24px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(255, 215, 0, 0.3);
}
.modal-buttons{
	display: flex;
	gap: 20px;
	justify-content: center;
}
.modal-buttons .modal-btn{
	width: 100px;
  height: 22px;
	text-align: center;
	line-height: 22px;
	background: url(../img/btn_bg.png) center 0 no-repeat;
	display: inline-block;
	font: normal 12px/22px "微软雅黑";
	color: #FF8A00;
	cursor: pointer;
	background-size: 100%;
}
.modal-buttons .modal-btn:hover{
	background: url(../img/btn_bg.png) center -22px no-repeat;
	color: #FFA433;
	background-size: 100%;
}