html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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, mark, audio, video {
    margin:0;
    padding:0;
    border:0
}
body {
    font-family:Helvetica, "Helvetica Neue", 'Microsoft Yahei', STHeiTi, sans-serif;
    position:relative;
    -webkit-font-smoothing:antialiased;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    background:#fff
}
.html-loading,#pageLoading{
    position:fixed;
    width:60px;
    height:60px;
    background-color:rgba(0, 0, 0, .5);
    border-radius:5px;
    z-index:9999999;
    top:50%;
    left:50%;
    position:fixed;
    margin-top:-30PX;
    margin-left:-30PX;
}
.html-loading:after,#pageLoading:after {
    display:block;
    position:absolute;
    content:"\20";
    background:#fff;
    border-radius:50%;
    width:30px;
    height:30px;
    top:50%;
    left:50%;
    margin-left:-15px;
    margin-top:-15px;
    border:2px solid #fff;
    background:none;
    box-sizing:border-box;
    border-top-color:transparent;
    animation:html-loading-move 1s linear infinite;
    -webkit-animation:html-loading-move 1s linear infinite
}
@keyframes html-loading-move {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
@-webkit-keyframes html-loading-move {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}