@charset "utf-8";

html{
	font-size: 16px;
	font-size:4.27vw;
}
html, body{
    height: 100%;
}
body{
	margin: 0;
	overflow: hidden;
	background: white;
}
.hide{
	display: none !important;
}
.content{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 6;
	bottom: 5.75rem;
}
.btn{
	margin: 3rem auto 0;
	display: block;
	width: 11.875rem;
	height: 3.125rem;
	line-height: 3.1875rem;
	font-size: 1.125rem;
	text-align: center;
	color: white;
	text-decoration: none !important;
	border-radius: 50px;
	background: #158fec;
	background: linear-gradient(to right,#128bec,#35b2ec);
	position: relative;
	z-index: 6;
}
.bottom-shape{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.bottom-shape .back{
	position: absolute;
	width: 100%;
	height: 100%;
	background: none no-repeat center 2rem;
	background-size: 20.3125rem auto;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.bottom-shape .back{
	background-image: url(../../../images/share/img-share-bg.jpg);
}
.share-mask{
	z-index: 9;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.5) url(../../../images/share/share-mask.png) no-repeat right top;
	background-size: 11rem auto;
}