page {
	background: transparent;
}
.flex-center {

	display: flex;

	justify-content: center;
	align-items: center;
}
.mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .65);
}
.botton-radius {
	border-bottom-left-radius: 30rpx;
	border-bottom-right-radius: 30rpx;
}
.content {
	position: relative;
	top: 0;
	width: 600rpx;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0 50rpx;
	font-family: Source Han Sans CN;
}
.text {

	display: block;

	line-height: 200px;
	text-align: center;
	color: #FFFFFF;
}
.content-top {
	position: absolute;
	top: -195rpx;
	left: 0;
	width: 600rpx;
	height: 270rpx;
}
.content-top-text {
	font-size: 45rpx;
	font-weight: bold;
	color: #F8F8FA;
	position: absolute;
	top: 120rpx;
	left: 50rpx;
	z-index: 1;
}
.content-header {
	height: 70rpx;
}
.title {
	font-size: 33rpx;
	font-weight: bold;
	color: #3DA7FF;
	line-height: 38px;
}
.footer {
	height: 150rpx;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.box-des-scroll {
	box-sizing: border-box;
	padding: 0 40rpx;
	height: 200rpx;
	text-align: left;
}
.box-des {
	font-size: 26rpx;
	color: #000000;
	line-height: 50rpx;
}
.progress-box {
	width: 100%;
}
.progress {
	width: 90%;
	height: 40rpx;
	border-radius: 35px;
}
.close-img {
	width: 70rpx;
	height: 70rpx;
	z-index: 1000;
	position: absolute;
	bottom: -120rpx;
	left: calc(50% - 70rpx / 2);
}
.content-button {
	text-align: center;
	flex: 1;
	font-size: 30rpx;
	font-weight: 400;
	color: #FFFFFF;
	border-radius: 40rpx;
	margin: 0 18rpx;

	height: 80rpx;
	line-height: 80rpx;

	background: linear-gradient(to right, #1785ff, #3DA7FF);
}
.flex-column {
	display: flex;
	flex-direction: column;
	align-items: center;
}