:root
{
    --PingFang-Light: 'PingFang-Light';
    --PingFang-Medium: 'PingFang-Medium';
    --PingFang-Bold: 'PingFang-Bold';
}
*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select
{
    margin: 0;
    padding: 0;
}
ol, ul, li
{
    list-style: none;
}
i
{
    font-style: normal;
}
a
{
    text-decoration: none;
    outline: none;
    color: #000;
}
a:hover
{
    color: #24aaff;
}
img
{
    border: 0;
    max-width: 100%;
}
a:focus
{
    outline: none;
}
html
{
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    font-family: var(--PingFang-Medium);
}
body
{
    -webkit-font-smoothing: antialiased;
    background: #fff;
    color: #666;
    margin-left: auto;
    margin-right: auto;
}
body
{
    min-width: auto;
    margin: 0 auto;
}
table
{
    border-collapse: collapse;
    width: 100%;
}
input[type='reset'], input[type='button'], input[type='submit'], input[type='radio']
{
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}
input[type='checkbox'], input[type='radio']
{
    position: relative;
    vertical-align: middle;
    -webkit-appearance: none;
}
textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text']
{
    padding: 0;
    color: #666;
    outline: none;
    -webkit-appearance: none;
}
.clearfix
{
    clear: both;
}
.clearfix:after
{
    clear: both;
    content: "";
    display: block;
}
.clearfix:before
{
    clear: both;
    content: "";
    display: block;
}