html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

audio,
canvas,
video {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 0.16rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    a:active {
        background-color: transparent;
    }
}

b,
cite,
code,
em,
i,
small,
th {
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input,
select,
textarea {
    font-size: 0.16rem;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

button,
input[type='button'],
input[type='submit'] {
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

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

fieldset,
iframe,
img {
    border: 0 none;
}

img {
    display: inline-block;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}

iframe {
    display: block;
}

ol,
ul {
    list-style: none;
}

li {
    vertical-align: top;
}

q:after,
q:before {
    content: '';
}

.cf:after,
.cf:before {
    content: '';
    display: table;
}

.cf:after {
    clear: both;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:active,
a:focus,
a:visited {
    outline: 0;
}

.none {
    display: none !important;
}

body,
html {
    width: 100%;
    height: 100%;
    color: #000;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body {
    font-family: helvetica, 'microsoft yahei', sans-serif;
    font-size: 0.16rem;
}

html {
    font-size: 166.25%;
}

@media only screen and (min-width: 200px) {
    html {
        font-size: 166.25%;
    }
}

@media only screen and (min-width: 240px) {
    html {
        font-size: 199.5%;
    }
}

@media only screen and (min-width: 320px) {
    html {
        font-size: 266.666%;
    }
}

@media only screen and (min-width: 360px) {
    html {
        font-size: 300%;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 312.5%;
    }
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 333.333%;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 345%;
    }
}