@charset "utf-8";
html,
body {
	width: 100%;
	height: 100%;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
table,
tbody,
tr,
th,
td,
input {
	margin: 0;
	padding: 0;
	border: 0;
	letter-spacing: 0;
}

ol,
ul,
li {
	list-style: none;
}

* {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: STHeiti, Microsoft YaHei, Helvetica, Arial, sans-serif;
}


/*取消A标签提示区域*/

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

table,
th,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

textarea,
input[type="password"],
input[type="text"] {
	resize: none;
	outline: 0;
	-webkit-appearance: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

input {
	background-color: transparent;
	border-radius: 0;
}

table {
	border-collapse: collapse;
}

em,
i {
	font-style: normal;
}

b {
	font-weight: normal;
}

img {
	display: block;
}


/* 兼容iphone4/4s */

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	html {
		font-size: 32px;
	}
	.top_xl .pd_li li.hot::after {
		font-size: .2rem;
		width: .5rem;
		height: .3rem;
		line-height: .3rem;
		right: -.28rem;
		top: .18rem;
	}
}

@media only screen and (max-width: 320px)
/*苹果5*/

{
	html {
		font-size: 32px;
	}
}

@media only screen and (min-width: 321px) and (max-width: 346px) {
	html {
		font-size: 34.6px;
	}
}

@media only screen and (min-width: 347px) and (max-width: 360px) {
	html {
		font-size: 36px;
	}
}

@media only screen and (min-width: 361px) and (max-width: 375px) {
	html {
		font-size: 38px;
	}
}

@media only screen and (min-width: 376px) and (max-width: 384px) {
	html {
		font-size: 38.4px;
	}
}

@media only screen and (min-width: 385px) and (max-width: 390px) {
	html {
		font-size: 39px;
	}
}

@media only screen and (min-width: 391px) and (max-width: 400px) {
	html {
		font-size: 40px;
	}
}

@media only screen and (min-width: 401px) and (max-width: 412px) {
	html {
		font-size: 41.2px;
	}
}

@media only screen and (min-width: 413px) and (max-width: 414px) {
	html {
		font-size: 41.9px;
	}
}

@media only screen and (min-width: 415px) and (max-width: 427px) {
	html {
		font-size: 42.7px;
	}
}

@media only screen and (min-width: 428px) and (max-width: 432px) {
	html {
		font-size: 43.2px;
	}
}

@media only screen and (min-width: 433px) and (max-width: 480px) {
	html {
		font-size: 48px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 505px) {
	html {
		font-size: 50.4px;
	}
}

@media only screen and (min-width: 506px) and (max-width: 605px) {
	html {
		font-size: 60.4px;
	}
}

@media only screen and (min-width: 606px) and (max-width: 641px) {
	html {
		font-size: 64px;
	}
}

@media only screen and (min-width: 642px) and (max-width: 720px) {
	html {
		font-size: 72px;
	}
}

@media only screen and (min-width: 721px) and (max-width: 768px) {
	html {
		font-size: 76.8px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
	html {
		font-size: 80px;
	}
}

@media only screen and (min-width: 801px) and (max-width: 1025px) {
	html {
		font-size: 102.4px;
	}
}

@media only screen and (min-width: 1279px) {
	html {
		font-size: 127.9px;
	}
}

@media only screen and (min-width: 1439px) {
	html {
		font-size: 143.9px;
	}
}

@media only screen and (min-width: 1599px) {
	html {
		font-size: 159.9px;
	}
}