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;
}