fieldset,
img {
	border: 0
}

*,
a:focus,
input:focus {
	outline: 0
}

*,
div,
p {
	-webkit-box-sizing: border-box
}

img,
input {
	vertical-align: middle
}

article,
aside,
blockquote,
body,
button,
code,
dd,
dialog,
div,
dl,
dt,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
legend,
li,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

input,
select,
textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500
}

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

em,
i {
	font-style: normal
}

del {
	text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500
}

img {
	max-width: 100%
}

a {
	text-decoration: none
}

a:active {
	opacity: .7
}

* {
	-webkit-tap-highlight-color: transparent
}

html {
	-webkit-text-size-adjust: none;
	overflow-y: scroll
}

body {
	min-width: 320px;
	font-family: Microsoft YaHei,SimHei,'Helvetica Neue',Helvetica,STHeiTi,Arial,sans-serif;
}

html {
	font-size: 50px
}

body {
	font-size: 24px
}

@media screen and (min-width:320px) {
	html {
		font-size: 21.33px
	}
	body {
		font-size: 12px
	}
}

@media screen and (min-width:360px) {
	html {
		font-size: 24px
	}
	body {
		font-size: 12px
	}
}

@media screen and (min-width:375px) {
	html {
		font-size: 25px
	}
	body {
		font-size: 12px
	}
}

@media screen and (min-width:384px) {
	html {
		font-size: 25.6px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:400px) {
	html {
		font-size: 26.67px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:414px) {
	html {
		font-size: 27.6px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:424px) {
	html {
		font-size: 28.27px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:480px) {
	html {
		font-size: 32px
	}
	body {
		font-size: 15.36px
	}
}

@media screen and (min-width:540px) {
	html {
		font-size: 36px
	}
	body {
		font-size: 17.28px
	}
}

@media screen and (min-width:720px) {
	html {
		font-size: 48px
	}
	body {
		font-size: 23.04px
	}
}

@media screen and (min-width:750px) {
	html {
		font-size: 50px
	}
	body {
		font-size: 24px
	}
}

@-webkit-keyframes bounce {
	0%,
	5% {
		left: 0;
		z-index: 1
	}
	25% {
		left: .24rem;
		z-index: 1
	}
	50% {
		left: .52rem;
		z-index: 3
	}
	75% {
		left: .24rem;
		z-index: 3
	}
	95% {
		left: 0
	}
	100% {
		left: 0;
		z-index: 3
	}
}

@-webkit-keyframes bounce-left {
	0%,
	100%,
	5%,
	95% {
		left: .52rem
	}
	25%,
	75% {
		left: .24rem
	}
	50% {
		left: 0
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
.container {
	width: 100%;
	max-width: 750px;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
}
.hide{
	display: none;
}
.f75{
	font-size: .75rem;
}
.f65{
	font-size: .65rem;
}
.f6{
	font-size: .6rem;
}
.f55{
	font-size: .55rem;
}
.f5{
	font-size: .5rem;
}
.radius15{
	border-radius: .15rem;
}
.radius3{
	border-radius: .3rem;
}
.line{
	background: #F8F8F8;
	width: 100%;
	height: 10px;
}