@charset "utf-8";
html {
	font-size:42.6667px
}
@media screen and (min-width:320px) and (max-width:359px) {
html {
font-size:42.6667px
}
}
@media screen and (min-width:360px) and (max-width:374px) {
html {
font-size:48px
}
}
@media screen and (min-width:375px) and (max-width:383px) {
html {
font-size:50px
}
}
@media screen and (min-width:384px) and (max-width:410px) {
html {
font-size:51.2px
}
}
@media screen and (min-width:411px) and (max-width:447px) {
html {
font-size:54.8px
}
}
@media screen and (min-width:448px) and (max-width:479px) {
html {
font-size:59.7333px
}
}
@media screen and (min-width:480px) and (max-width:511px) {
html {
font-size:64px
}
}
@media screen and (min-width:512px) and (max-width:543px) {
html {
font-size:68.2667px
}
}
@media screen and (min-width:544px) and (max-width:575px) {
html {
font-size:72.5333px
}
}
@media screen and (min-width:576px) and (max-width:607px) {
html {
font-size:76.8px
}
}
@media screen and (min-width:608px) and (max-width:639px) {
html {
font-size:81.0667px
}
}
@media screen and (min-width:640px) and (max-width:749px) {
html {
font-size:85.3333px
}
}
@media screen and (min-width:750px) {
html {
font-size:100px
}
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button, input, textarea, th, td {
	margin:0;
	padding:0
}
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea {
	font-size:100%;
	font-family:"\5FAE\8F6F\96C5\9ED1"
}
img, embed, object, audio, video {
	height:auto;
	max-width:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img, iframe {
	border:0;
	vertical-align:top
}
i, cite, em {
	font-style:normal
}
ul, ol {
	list-style:none
}
a, button, input, select, textarea {
	outline:0
}
textarea {
	overflow:auto;
	resize:none
}
html {
	box-sizing:border-box
}
* {
	box-sizing:inherit
}
*:before, *:after {
	box-sizing:inherit
}
a {
	text-decoration:none
}
.btn {
	cursor:pointer;
-webkit-transition:filter .2s;
-moz-transition:filter .2s;
transition:filter .2s
}
.btn:hover {
	-webkit-filter:brightness(1.15);
	-moz-filter:brightness(1.15);
	filter:brightness(1.15)
}
.u-img img {
	width:100%;
	height:100%
}
.imgHover img {
-webkit-transition:transform .6s;
-moz-transition:transform .6s;
transition:transform .6s
}
.imgHover.transform img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1)
}
.area {

	width:100%;
	max-width:20.2rem;
	min-width:320px
}
.clear {
*zoom:1
}
.clear:after {
	content:".";
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
	clear:both
}
.f-tal {
	text-align:left
}
.f-tac {
	text-align:center
}
.f-tar {
	text-align:right
}
.f-dn {
	display:none
}
.f-db {
	display:block
}
.f-fl {
	float:left;
	_display:inline
}
.f-fr {
	float:right;
	_display:inline
}
.f-ovh {
	position:relative;
	zoom:1;
	overflow:hidden
}
.m-page {
line-height:.54rem;
	font-size:0;
	font-family:"\5FAE\8F6F\96C5\9ED1";
	text-align:center
}
.m-page .bullets, .m-page .fraction {
	display:inline-block;
	vertical-align:top
}
.m-page a, .m-page i {
	display:inline-block;
	vertical-align:top;
padding:0 .15rem;
	color:#b8b8b8
}
.m-page a.first {
	margin-left:0
}
.m-page a.last {
	margin-right:0
}
.m-page a.pageprv, .m-page a.pagenxt {
font-size:.28rem;
	font-family:"SimSun";
	color:#757575
}
.m-page a:hover, .m-page a:active {
	color:#1d9de4
}
.m-page a.z-crt, .m-page a.z-crt:hover, .m-page a.z-crt:active {
	color:#1d9de4;
	cursor:default
}
.m-page a.z-dis, .m-page a.z-dis:hover, .m-page a.z-dis:active {
	color:#ccc;
	cursor:default;
	pointer-events:none
}
.m-page-lt {
	text-align:left
}
.m-page-rt {
	text-align:right
}
@media screen and (min-width:751px) {
.m-page {
margin-top:1rem
}
.m-page .fraction {
display:none
}
.m-page a, .m-page i {
font-size:.26rem
}
}
@media screen and (max-width:750px) {
.m-page {
margin-top:.9rem
}
.m-page .bullets {
display:none
}
.m-page .fraction {
margin:0 .15rem;
font-size:.3rem;
color:#999
}
.m-page .fraction .current {
color:#1d9de4
}
.m-page .fraction .total {
color:#b8b8b8
}
}