@charset "utf-8";

/* CSS Document */
*,
body {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

a{
	text-decoration: none;
}

html,
body {
	background-color: #D6EDDE;
	width: 100%;
	height: 100%;
	/* min-width: 640px; */
	font-family: Helvetica Neue, PingFang SC, Microsoft YaHei, Helvetica, Arial, sans-serif;
}

body.index{
	background: url(img/pic_phone.png),url(img/pic_bg.png);
	background-repeat: no-repeat;
	background-position: right center,0 2.5rem;
	background-size: calc(53.6875rem*0.9) calc(67.5rem*0.9),auto;
	/* background-size: 53.6875rem 67.5rem,auto; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.index header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	width: 85%;
	padding: 1.875rem;
}
.index header ul{
	overflow: hidden;
}
.index header span{
	font-size: 1.5rem;
}

.index header ul li{
	float: left;
	margin-left: 1.875rem;
}

.index header ul li a{
	display: inline-block;
	padding: 0.625rem 1.875rem;
	font-weight: bold;
	background-color: #63aea2;
	color: #fff;
	border: #000000 solid 0.125rem;
	border-radius: 8px;
	font-size: 1rem;
}

.index .content{
	margin-left: 8%;
	/* flex: 1; */
}
.title-img{
	width: 46.6875rem;
	height: 8.9375rem;
}
.index .describe{
	width: 48.75rem;
	margin-top: 1.25rem;
}
.index .describe h2,.describe p{
	font-size: 1.5rem;
}
.index .describe h2{
	padding: 1rem 0;
}

.index .btn{
	margin-top: 3rem;
}
.index .btn img{
	width: 19.625rem;
	height: 5.8125rem;
}

.index footer{
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 1rem;
	width: 100%;
	height: 7rem;
	line-height: 2rem;
	font-size: 1.25rem;
}

body.privacy{
	background-attachment: fixed;
	
}
div.privacy{
	padding: 4rem;
}
.privacy h1,.privacy h2,.privacy h3,.privacy h4{
	margin: 1rem 0;
}
.privacy h1{
	text-align: center;
	font-size: 2.5rem;
}

.privacy h2{
	font-size: 2.5rem;
}

.privacy h3{
	font-size: 2rem;
}

.privacy h4{
	font-size: 1.5rem;
}

.privacy p{
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.privacy div.tab *{
	text-indent: 3.75rem;
}

.privacy a{
	color: #aa55ff;
}
.privacy a:hover{
	text-decoration: underline;
}

.privacy ol li{
	margin-top: 1rem;
}

@media screen and (max-width: 640px) {
	body{
		width: auto;
	}
	div.privacy{
		padding: 2rem;
	}
	.privacy h1{
		font-size: 2rem;
		margin: 0;
	}
	.privacy p{
		font-size: 1.3rem;
		line-height: 2.6rem;
	}
	.privacy p{
		word-break: break-all;
	}
}