body,html{
	background-color: #ffffff;
	font-size: calc(100vw / 750);
}

*{
	padding: 0;
	margin: 0;
	font-size: 26rem;
	--safety: calc(env(safe-area-inset-bottom) / 4 + 20rem);
}

[v-cloak] {
	display: none !important;
}

.flex{
	display: flex;
}

.bold{
	font-weight: bold;
}

.codeBox{
	width: 100%;
}

.codeBox>img{
	width: 100%;
	object-fit: contain;
}

.tipsBox{
	width: 100%;
	padding: 0 30rem;
	box-sizing: border-box;
	margin-top: 40rem;
}

.tipsTitle{
	width: 100%;
	text-align: center;
	font-size: 46rem;
	color: #212121;
}

.tipscontent{
	text-indent: 2em;
	line-height: 1.5;
	margin-top: 30rem;
	color: #3d3d3d;
	font-size: 30rem;
}

.tipsTime{
	color: #000000;
	text-decoration: underline;
	font-size: 32rem;
}

.serviceBox{
	width: 405rem;
	height: 100rem;
	line-height: 100rem;
	text-align: center;
	background: linear-gradient( 315deg, #F08519 0%, #FFB135 100%);
	font-size: 30rem;
	color: #ffffff;
	margin: 50rem auto;
	border-radius: 50rem;
}