
page{
	background-color: #FFFFFF;
}
.bg-blue{
	background-color: #4594f1;
	color: #FFFFFF;
}
.timeBar{
	width: 400rpx;
	height: 100rpx;
	color: white;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	font-size: 40rpx;
	/* background-color: rgba(255,255,255,0.5); */
}
.code{
	background: white;
	padding: 5rpx;
	width: 350rpx;
	height: 350rpx;
}
.codeBox{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	border-radius: 5rpx;
	-webkit-flex-basis: 95%;
	        flex-basis: 95%;
}
.tips{
	padding: 40rpx 0;
	width: 90%;
	line-height: 55rpx;
	text-indent: 2em;
	margin: auto;
	color: gray;
	/* background: #18B566; */
	font-size: 30rpx;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.link{
	height: 100rpx;
	width: 100%;
	color: #007AFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	text-decoration: underline;
	font-style: italic;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
}

