@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, .label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	height: 100%;
}
button, input {
	border: none;
	font-size: inherit;
	margin: 0;
	outline: none;
}
body {
	font-family: "微软雅黑", Helvetica, Arial, sans-serif;
	background: #fefdfa;
	line-height: 1.5em;
	color: #222;
}
img {
	border: none;
}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}

body{
	background-color: #fafdfe;
}


/*顶部+导航*/
.header{
	background: url(wap-headerbg.png)left center;
	background-size: 100% 100%;
	text-align: center;
	padding-bottom: 2rem;
}
.header-logo{
	padding-top: 1.3rem;
}
.header-logo a img{
	width: 4.5rem;
}
.header-logo a p{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8rem;
	margin-top: .4rem;
	color: #c50001;
}
.header-logo a span{
	font-size: 1rem;
	line-height: 1rem;
	color: #0f1339;
}
.header-search{
	width: 71%;
	margin: .8rem auto 0;
	border: 1px solid #dad6d6;
	border-radius: .5rem;
	background: #fff;
	height: 2.8rem;
	box-sizing: border-box;
	padding-left: 1rem;
	position: relative;
	text-align: left;
}
.header-search input{
	display: inline-block;
	width: 70%;
	line-height: 2.6rem;
	height: 2.6rem;
	color: #c50001;
	padding: 0;
	font-size: 1.1rem;
}
.header-search button{
	position: absolute;
	width: 28%;
	height: 2.7rem;
	right: 0;
	top: 0;
	background: #c50001;
	border-radius: .5rem;
	box-shadow: 1px 0 3px #c27f87;
}
.header-search button img{
	width: 1.2rem;
	vertical-align: -2px;
}
.navigation{
	background: #c50001;
	width: 100%;
	box-sizing: border-box;
	padding: .5rem 2rem;
}
.navigation div{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.navigation div a{
	font-size: 1.3rem;
	color: #fff;
	padding-bottom: .6rem;
	opacity: .76;
}
.navigation div .active{
	border-bottom: 2px solid #fff;
	font-size: 1.5rem;
	font-weight: bold;
	opacity: 1;
}
/*底部*/
.footer{
	margin-top: 4.2rem;
	padding-top: 2rem;
	padding-bottom: 1.8rem;
	border-top: 3px solid #c50001;
	clear: both;
}
.footer h4{
	text-align: center;
	margin-bottom: 1.4rem;
}
.footer h4 a{
	font-size: 1.4rem;
	color: #313131;
	margin: 0 .7rem;
}
.footer p{
	text-align: center;
	padding-bottom: .7rem;
}
.footer p a{
	font-size: 1.1rem;
	color: #666666;
	margin: 0 .7rem;
}
/*回到顶部*/
.gototop{
	width: 5rem;
	text-align: center;
	background: #c50001;
	padding: .5rem 0 .2rem;
	border-radius: .5rem;
	position: fixed;
	right: 1rem;
	bottom: 4rem;
	z-index: 1002;
	display: none;
}
.gototop img{
	width: 1.5rem;
}
.gototop p{
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.7rem;
	margin: 0 1rem;
}

/*定位*/
.position{
	margin: 1.2rem 1.5rem 0;
	font-size: 1.2rem;
	color: #333;
	line-height: 1.2rem;
}
.position img{
	width: 1.1rem;
	display: inline-block;
	margin-right: .9rem;
	vertical-align: middle;
}
.position a{
	font-size: 1.2rem;
	color: #333;
}
.position a:last-child{
	color: #c50001;
}