body {
	background: #f5f5f5;
	color: #333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    letter-spacing: 1px;
}
a {
	color: inherit;
}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
color: #aaa;
}
input, textarea, button {
	font-size: inherit;
	resize : none;
}
a:hover {
	text-decoration: none;
}

.layout {
	width: 7.5rem;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0.28rem;
	background: #fff;
	position: relative;
}

.header { height: 0.96rem; line-height: 0.96rem; text-align: center; color: #fff; font-size: 0.36rem; background: #4763b2; position: relative;}
.header.fix { position: fixed; top: 0; left: 0; right: 0; margin: auto; max-width: 7.5rem;}
.header-blank { height: 0.96rem;}
.header span { padding-left: 0.24rem;}
.header a { width: 0.96rem; height: 0.96rem; overflow: hidden; text-indent: -99999rem; display: block; background: url(../images/caretleft.png) center center no-repeat; background-size: 0.48rem 0.48rem; position: absolute; left: 0; top: 0;}
.dns { text-align: center; color: #fff; background: url(../images/hero.jpg) center center no-repeat; background-size: 125% auto;}
.dns .dns-cover { padding: 0.8rem 0.56rem; background: rgba(0,0,0,.4);}
.dns .dns-cover h2 { font-size: 0.64rem; font-weight: bold;}
.dns .dns-cover p { padding-top: 0.24rem;}

.tabbox {}
.tabbox .tabhd {}
.tabbox .tabhd ul {display: flex; justify-content: center; padding: 0.32rem 0.16rem;}
.tabbox .tabhd ul li {flex: 1; height: 0.96rem;line-height: 0.96rem; margin: 0 0.16rem; text-align: center;font-size: 0.32rem;color: #4763b2;border: solid 1px #4763b2;}
.tabbox .tabhd ul li.active {color: #fff;background: #4763b2;}
.tabbox .tabbd {}

.con-box { padding-bottom: 0.32rem;}
.con-box p { padding: 0 0.32rem 0.32rem 0.32rem;}
.red { color: #f00; font-weight: bold;}
.con-box ul { display: flex; justify-content: center;}
.con-box ul li { padding: 0 0.16rem;}
.con-box ul li a { display: inline-block; height: 0.64rem; line-height: 0.64rem; text-align: center; padding: 0 0.64rem 0 0.24rem; font-weight: bold; color: #fff; border-radius: 32px; background: url(../images/vector.png) right+0.24rem center no-repeat #4763b2; background-size: 0.24rem 0.24rem;}
.con-box ul li a.wfix { width: 2.8rem;}

.banner { text-align: center; color: #fff;}
.banner.dn { background: url(../images/dn.jpg) center center no-repeat; background-size: 125% auto;}
.banner.sj { background: url(../images/sj.jpg) center center no-repeat; background-size: 125% auto;}
.banner.pb { background: url(../images/pb.jpg) top center no-repeat; background-size: 125% auto;}
.banner .banner-cover { padding: 0.8rem 0.56rem; background: rgba(0,0,0,.4);}
.banner .banner-cover h2 { font-size: 0.64rem; font-weight: bold;}

.con-body { text-align: center; padding: 0 0.32rem 0.32rem 0.32rem;}
.con-body h2 { padding-bottom: 0.32rem; font-size: 0.4rem; font-weight: bold;}
.con-body p { padding-bottom: 0.32rem;}
.con-body p img { margin-bottom: 0.8rem;}
.con-body.img-w1 p img { width: 4rem;}

.download {}
.download a { display: inline-block; height: 0.96rem; line-height: 0.96rem; padding: 0 0.64rem; border-radius: 0.08rem; color: #ffc107; background: #000;}
.download a img { height: 0.48rem; width: auto; margin-right: 0.2rem;}