* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
}

body {
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	overflow-x: hidden;
	background-color: #8EC8C2;
	font-size: 0.75rem;
	line-height: 24px;
           font: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
	
}

li {
	list-style: none;
	color: #000000;
}

a {
	text-decoration: none;
	color: #000000;
}

button,input{
	outline: none;
}
img{max-width: 100%;}
.topBox{position: relative;}
.topBox>img,.infoBox>img{width: 100%;}
.infoBox{width: 95%;margin-top: -2rem;position: absolute;left: 2.5%;}
.infoBox ul{width: 92%;background-color: rgb(224,255,239);padding: 1rem 1%;margin: -0.5rem auto;border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.infoBox ul li{padding: 0.5rem 0rem 0.5rem 3rem;color: rgb(49,97,173);font-size: 0.8rem;background: url(../img/icon1.png)no-repeat 1.5rem center;background-size: 1rem;}
.infoBox ul li:nth-child(3){background: none;padding: 0.5rem 0.3rem 0.5rem 1rem;}
.souBox form{padding-top: 10rem; width: 95%;  margin: auto; display: flex;justify-content: space-between;}
.souBox div{width: 70%;background-color: #FFFFFF;font-size: 0.75rem;padding: 0rem 0.5rem;border-radius: 2rem;position: relative;}
.souBox div input{line-height: 1.8rem;margin-left: 2rem;font-size: 0.75rem;}
.souBox div img{position: absolute;left: 0.5rem;top: 0.5rem;width: 1rem;}
.souBox button{background-color: rgb(50,107,175);color: #FFFFFF;font-size: 0.75rem;padding: 0rem 0.5rem;border-radius: 2rem;width: 20%;}
.navTop{width: 95%;margin: 1rem auto;}
.navTop ul{display: flex;flex-wrap: wrap;justify-content: center;}
.navTop li{background: url(../img/Icon4.png)no-repeat;line-height: 2.5rem;padding: 0 2%;background-size: 100% 100%;width: 29%;text-align: center;color: #FFFFFF;}
.navTop li:nth-child(4),.navTop li:nth-child(5){width: 40%;}
.navContent{width: 95%;margin: 0rem auto;padding-bottom: 2rem;}
.item>p{background: url(../img/icon5.png)no-repeat center;background-size: 100%;line-height: 2rem;font-size: 0.85rem;color: #FFFFFF;text-align: center;position: relative;z-index: 2;}
.listUl{width: 95%;background-color: rgb(255,239,224);border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;margin-left: 2.5%;margin-top: -0.2rem;position: relative;z-index: 1;}
.listUl ul{padding: 1rem 0.5rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.listUl ul li>a{}
.listUl ul li{width: 47%;position: relative;margin-bottom: 1rem;    background-color: #eeeeee82;}
.listUl ul li span{text-align: center;    display: block;}
.listUl ul li p{text-align: center;margin: 0.3rem 0;}
.numBer{font-size: 0.7rem;color: rgb(199,41,45);}
.title{font-size: 0.75rem;color: #333;}
.nameBox{font-size: 0.7rem;}
.listUl ul li button{background-color: rgb(94,194,115);color: #FFFFFF;width: 50%;margin-left: 25%;line-height: 1.3rem; border-radius: 2rem;margin-top: 0.3rem;font-size: 0.75rem;}
.item{display: none;}
.item:nth-child(1){display: block;}
footer{text-align: center;padding-bottom: 2rem;}
























