*{
	padding: 0;
	margin: 0;
	font-family:  PingFang,"Microsoft YaHei",Helvetica, monospace,sans-serif;
}
.top{/*上半部分*/
	position: relative;
	width: 100%;
	height: 72%;
	background-color: #9fe2dc;
}

.logo{
	width: auto;
	height: 35px;
	padding-top: 7px;
	padding-left: 10px;
}
.logo img{
	height: 35px;
}
.title-des{
	width: 760px;
	height: 165px;
	margin:5% auto;
	position: relative;
	background: url("img/pc/pc-title.png") no-repeat center top;
}

.title-des h1{
	overflow: hidden;
	opacity:0;
	filter:alpha(opacity=0);
}

.des{
	color: #fff;
	font-size: 25px;
	position: absolute;
	bottom: 0;

}
.function{
	position: absolute;
	width: 916px;
	height: 142px;
	left: 50%;
	bottom: 0;
	margin-left: -458px;
}
.function div{
	position: relative;
	width: 120px;
	height: 142px;
	float: left;
	margin-left: 28px;
}
.function img {
	position: absolute;
	bottom: -1px;
	display: block;
	margin: 0 auto;
}
.funimg1{
	width: 90px;
	left: 15px;
}
.funimg2{
	width: 56px;
	left: 32px;
}
.funimg3{
	width: 64px;
	left: 28px;
}
.funimg4{
	width: 50px;
	left: 35px;
}
.funimg5{
	width: 50px;
	left: 35px;
}
.funimg6{
	width: 120px;
	left: 0;
}

.function span{
	position: absolute;
	bottom: -18px;
	display: block;
	text-align: center;
	width: 120px;
	font-size: 0.75em;
}
.bottom{/*下半部分*/
	width: 99%;
	height: 28%;
	border:1px solid #fff;
	position: relative;
}


.qrimgdiv{
	position: relative;
	height:50%;
	margin-top:2.8%;
}

.qrimgdiv img{
	height: 100%;
	margin:0 auto;
	display: block;
}
.qrtipsdiv{
	position: absolute;
	width: auto;
	left:55%;
	top:0px;
	height:100%;
}
.qrtipsdiv span{
	display: block;
	height: 20%;
	font-size:0.875em;
}

.qrtips1{
	display: block;
	margin-top:16%;

}
.qrtips2{
	margin-top:20%;
}

.bottom p{
	clear: both;
	text-align: center;
	width: 100%;
	height:0.75em;
	font-size: 0.75em;
	position: absolute;
	bottom:0px;
}