.contioner{
	width: 100vw;
	height: 100vh;
	background-color: #1a1a1a;
	.content{
		width: 700upx;
		margin: 0upx auto;
		overflow: hidden;
		.header{
			width: 700upx;
			height: 260upx;
			background-color: #303030;
			border-radius: 20upx;
			margin-top: 40upx;
			display: flex;
            flex-direction: column;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			.headertitle{
				color: #69f9fd;
				font-size: 40upx;
				font-weight: bold;
				image{
					width: 120upx;
					height: 30upx;
					vertical-align: middle;
				}
				text{
					vertical-align: middle;
					margin: 0upx 10upx;
				}
			}
			.number{
				color: #FFFFFF;
				font-size: 36upx;
				font-weight: bold;
				margin-top: 10upx;
			}
		}
	}
	.button{
		width: 290upx;
		height: 80upx;
		margin: auto;
		// margin-top: 40upx;
		font-size: 30upx;
		position: absolute;
		bottom: 80upx;
		left: 210upx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		border-radius: 40upx;
		background: #77A1D3;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #E684AE, #8eeeed);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #E684AE, #8eeeed); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
}