body, html {
    height: 100%
}

html {
    font-family: Helvetica, STHeiti, "Heiti SC", "Droid Sans Fallback";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

blockquote, body, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, legend, li, menu, ol, p, pre, ul {
    margin: 0;
    padding: 0
}

details, main {
    display: block
}

progress {
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

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

a {
    text-decoration: none;
    background-color: transparent;
}

*, a, button, input {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-appearance: none !important;
    outline-color: transparent !important
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

sub, sup {
    position: relative;
    vertical-align: baseline
}

img {
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

q {
    quotes: none
}

video {
    width: 100%
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible;
    -webkit-tap-highlight-color: transparent
}

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

button, select {
    text-transform: none
}

button, input {
    line-height: normal
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow-y: auto
}

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

menu, ol, ul {
    list-style: none outside none
}

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

.clearfix::after {
    clear: both
}

html {
    font-size: 20px;
}