*{
	border: 0;
	padding:0;
	margin:0;
}
html{
	width: 100%;
	height: 100%;
}
body{
	font-family: -apple-system,".SFNSText-Regular","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei";
	width: 100%;
	height: 100%;
	background: url("../images/u0.jpg");
	background-size: cover;
	position: relative;
	color: #333;
}
.wrapper{
	width: 330px;
	background: #fff;
	opacity: 0.7;
	padding: 80px 40px;
	border-radius: 8px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.code{
	width: 258px;
	height:258px;
	background: url("../images/qrcode.png") no-repeat;
	background-size:100%;
	margin: 0 auto;
}
h3{
	font-weight: normal;
	font-size: 16px;
	margin: 30px 0 50px 0;
	text-align: center;
}
.wrapper p{
	font-size: 12px;
	width: 250px;
	margin: 0 auto;
	position: relative;
}
.wrapper .p1{
	margin-bottom: 35px;
}
.p1 i{
	display: inline-block;
    width: 25px;
    height:25px;
    background: url("../images/u22.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left:-40px;
    top:-6px;
}
.p2 i{
	display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/u24.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: -41px;
    top:0;
}
@media (max-width: 730px){
	body{
		background: url("../images/u1.png");
		background-size:cover;

	}
	.wrapper{
		width:65%;
		background: #fff;
		opacity: 0.7;
		padding: 40px 40px;
		border-radius: 8px;
		
	}
	.code{
		width: 140px;
		height:140px;
		background: url("../images/qrcode.png") no-repeat;
		background-size:100%;
		margin: 0 auto;
	}
	h3{
		font-weight: normal;
		font-size: 14px;
		/*margin: 15px 0 25px 0;*/
		text-align: center;
	}
	.wrapper p{
		font-size: 12px;
		width: 170px;
		margin: 0 auto;
		position: relative;
	}
	.wrapper .p1{
		/*margin-bottom: 20px;*/
	}
	.p1 i{
		display: inline-block;
	    width: 25px;
	    height:25px;
	    background: url("../images/u22.png") no-repeat;
	    background-size: 100%;
	    position: absolute;
	    left:-40px;
	    top:0;
	}
	.p2 i{
		display: inline-block;
	    width: 30px;
	    height: 30px;
	    background: url("../images/u24.png") no-repeat;
	    background-size: 100%;
	    position: absolute;
	    left: -41px;
	    top:0;
	}

}