.keyboard_box{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: 1001;
	max-width: 430px;
}
.keyboard_box .gray_box{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.keyboard_box .keyboard_content{
	height: 5.35rem;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f4f4f9;
	z-index: 10;
	transition:transform 0.2s ease 0s;
	transform: translateY(5.35rem);
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}
.keyboard_box.on .keyboard_content{
	transform: translateY(0);
}
.keyboard_box .keyboard_title{
	text-align: center;
	color:#8d8ca2;
	font-size: 0.34rem;
	line-height: 0.8rem;
	height: 0.8rem;
	background: #fff;
	position: relative;
}
.keyboard_box .keyboard_title .complete_txt{
	color:#2359de;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 0.8rem;
	width: 1.25rem;
	text-align: center;
}
.keyboard_box .keyboard_inner .keyboard_row{
	margin-top: 0.12rem;
}
.keyboard_box .keyboard_inner .keyboard_row .row_nav{
	float: left;
	width: calc((100% - 0.77rem) / 10);
	margin-left: 0.07rem;
	background: #fff;
	border-radius: 0.08rem;
	height: 0.84rem;
	font-size: 0.4rem;
	color:#333333;
	box-shadow: 0px 2px 0.96px 0.04px rgba(78, 77, 82, 0.15);
	cursor: pointer;
}
.keyboard_box .keyboard_inner .keyboard_row .row_nav .close_icon{
	width: 0.52rem;
	height: 0.3rem;
}
.keyboard_box .keyboard_inner .keyboard_row .row_nav:not(.not):active,
.keyboard_box .keyboard_inner .keyboard_row:last-child .row_nav:first-child:active,
.keyboard_box .keyboard_inner .keyboard_row:last-child .row_nav:last-child:active{
	background: #2359de;
	color:#ffff;
}
.keyboard_box .keyboard_inner .keyboard_row .row_nav.not{
	color:#bab9ce;
	cursor: initial;
}
.keyboard_box .keyboard_inner .keyboard_row:last-child .row_nav:first-child,
.keyboard_box .keyboard_inner .keyboard_row:last-child .row_nav:last-child{
	width: calc((100% - 0.77rem) / 10 * 3 / 2);
	background: #e9e7f1;
}
.keyboard_box .keyboard_inner.type1 .keyboard_row:nth-child(3) .row_nav:first-child{
	margin-left: calc(0.07rem + (100% - 0.77rem) / 10 / 2);
}