body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font-family:'Microsoft YaHei'} 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:'SimHei','Arial','SimSun', courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none;border:none; color: inherit;} 
a:hover { text-decoration:none; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
table { border-collapse:collapse; border-spacing:0; } 
input,select,textarea{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;}
.clearfix:after{content:'';display:block;clear:both;}

body *{
	box-sizing: border-box;
}
img{
	max-width: 7.5rem;
}
body{
	max-width: 7.5rem;
	margin: 0 auto;
	font-size: 12px;
}
.commonHeaderWrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.commonHeader{
	/*height: 1.12rem;*/
	background-color: #2371B9;
	width: 100%;
	display: flex;
	align-items: flex-start;
	padding: .32rem .39rem .22rem .31rem;
	justify-content: space-between;
	position: absolute;
	z-index: 9;
	width: 100%;
}
.commonHeader .logo{
	width: 2.24rem;
	display: block;
}
.menuBtn  img{
	width: .42rem;
	display: block;
}
.menuListWrap{
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 8;
    display: none;
}
.menuListWrap.open{
	display: block;
}
.menuList{
	position: absolute;
	right: 0;
	top: 0;
	width: 3.65rem;
	background-color: rgba(0,0,0,.8);
	height: 100%;
	padding-top: 2.28rem;

}
.menuItem{
	display: flex;
	align-items: center;
	margin-bottom: .92rem;
	font-size: .3rem;
	color: #FFFFFF;
		padding-left: .77rem;
}
.menuItem img{
	width: .32rem;
	display: block;
	margin-right: .32rem;
}
.menuClose{
	display: block;
	width: .64rem;
	margin: 0 auto;
}
.commonFooter{
	display: flex;
	align-items: center;
	text-align: center;
	font-size: .2rem;
	line-height: .2rem;
	color: #9CACB8;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #172831;
	z-index: 999;
}
.commonFooter.isIphonex{
	padding-bottom: .4rem;
}
.footerItem{
	width: calc(100% / 3);
	padding: .15rem 0 .22rem;
}
.footerItem.active{
	color: #33D4D3;
}
.footerItem img:nth-child(2),.footerItem.active img:first-child{
	display: block;
}
.footerItem img:first-child,.footerItem.active img:nth-child(2){
	display: none;
}

.commonFooter img{
	display: block;
	width: .42rem;
	margin: 0 auto .08rem;
}

input:focus{
			border:none;
			outline: none;
		}