html,body{
	background:#f4f4f4;
}
.func-line {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0rem 0rem 0.16rem 0rem;
}

.func-block {
	/*width: 32%;*/
	height: 9rem;
	background: #FFFFFF;
	text-align: center;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	flex-direction: column;
}

.func-block:nth-child(2) {
	margin: 0 0.16rem;
}

.func-block span {
	margin: 0.5rem 0 0 0;
	font-size: 1.25rem;
}

.func-block img{
	margin: 0 auto;
	width: 3rem;
	height: 3rem;
}

.func-block-hide {
	/*width: 32%;*/
	height: 9rem;
	text-align: center;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.func-block-hide span {
	margin: 1rem 0 0 0;
	font-size:1.25rem;
}

.pr-picker-modal{
	position:fixed;
	width:100vw;
	height:100vh;
	overflow-y: auto;
	background:rgba(0,0,0,0.2);
	z-index:100;
	top:0px;
	display: none;
}

.pr-picker-modal .pr{
	display: flex;
	flex-direction: row;
	background:#ffffff;
	color:#000000;
	border-top:1px solid #dad9da;
	height:4rem;
	line-height:4rem;
	font-size: 1.5rem;
	align-items:center;
	opacity: 0.9;
}

.pr-picker-modal .pr .icon-con{
	margin: 0 0 0 1rem;
	flex-shrink:0;
	width:3rem;
	height:3rem;
	display:flex;
	border-radius:50%;
	justify-content:center;
	align-items:center;
	margin-right:1rem;
	font-size:1.25rem;
	background:#E9BE2B;
}

.icon-con img{
	width:2rem;
}
.bg-touch:active{
	background: rgba(0,0,0,0.15);
}