@media only screen and (min-width: 320px) and (max-width: 359px) {

	html,
	body {
		font-size: 42.67px;
	}

	.traitList li .traitLeft {
		width: 1.8rem !important;
	}
}

@media only screen and (min-width: 360px) and (max-width: 374px) {

	html,
	body {
		font-size: 48px;
	}
}

@media only screen and (min-width: 375px) and (max-width: 385px) {

	html,
	body {
		font-size: 50px;
	}
}

@media only screen and (min-width: 386px) and (max-width: 392px) {

	html,
	body {
		font-size: 51.47px;
	}
}

@media only screen and (min-width: 393px) and (max-width: 400px) {

	html,
	body {
		font-size: 52.4px;
	}
}

@media only screen and (min-width: 401px) and (max-width: 414px) {

	html,
	body {
		font-size: 53.47px;
	}
}

@media only screen and (min-width: 415px) and (max-width: 479px) {

	html,
	body {
		font-size: 55.33px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 559px) {

	html,
	body {
		font-size: 64px;
	}
}

@media only screen and (min-width: 560px) and (max-width: 599px) {

	html,
	body {
		font-size: 74.67px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 749px) {

	html,
	body {
		font-size: 80px;
	}
}

@media only screen and (min-width: 750px) and (max-width: 767px) {

	html,
	body {
		font-size: 100px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 969px) {

	html,
	body {
		font-size: 102.4px;
	}
}

@media only screen and (min-width: 970px) {

	html,
	body {
		font-size: 102.4px;
	}
}

* {
	margin: 0;
	padding: 0;
	font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

body {
	background-color: #FFFFFF;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.WordSection1 {
	margin: auto;
	max-width: 11.40rem;
	padding: .38rem .5rem .5rem;
	background: #FFFFFF;
	display: none;
}

.WordSection2 {
	margin: auto;
	max-width: 11.40rem;
	padding: .38rem .5rem .5rem;
	background: #FFFFFF;
}

.textLogo {
	margin: auto;
	max-width: 12rem;
	height: .5em;
	padding: .3rem 0;
}

.textLogo img {
	width: 2.32rem;
	height: .5rem;
	vertical-align: top;
}

h1 {
	font-family: Arial-BoldMT;
	font-size: .24rem;
	color: #161616;
	text-align: center;
	margin-bottom: .4rem;
}

p {
	font-size: .16rem;
	margin-bottom: .2rem;
	color: #161616;
}

p b {
	font-family: Arial-BoldMT;
	font-size: .16rem;
	color: #161616;
}

p b span {
	font-size: .16rem;
}

.color {
	color: #008dcc;
}

.color span {
	color: #008dcc;
}

ul {
	padding-left: 15px;
}

ul li {
	font-family: Arial-BoldMT;
	font-size: .16rem;
	color: #161616;
	line-height: .4rem;
}

ul li::marker {
	color: #008dcc;
}

.bigItem {
	margin-top: .5rem;
}

.text {
	line-height: .4rem;
}

.text .left {
	float: left;
	width: 2%;
}

.text .right {
	float: right;
	width: 98%;
}

.list {
	margin-bottom: .2rem;
}

@media only screen and (max-width: 600px) {
	.text .left {
		float: left;
		width: 6%;
	}

	.text .right {
		float: right;
		width: 94%;
	}

	.textLogo {
		padding: .3rem 0 0 .3rem;
	}
}