html,body { margin:0;padding:0; height:100%; }
body { font-size:12px; }
html b, html b a, html body, html caption, html dd, html del, html div, html dl, html dt, html em, html fieldset, html form, html h1, html h2, html h3, html h4, html h5, html h6, html html, html i, html iframe, html img, html input, html label, html legend, html li, html ol, html p, html s, html samp, html small, html span, html strong, html table, html tbody, html td, html textarea, html tfoot, html th, html thead, html tr, html u, html ul {
    box-sizing: content-box;
}

ul,ol,li {margin:0;padding:0;list-style:none}

a {text-decoration: none}

.flex { display: flex; }
.flexs { display: flex; justify-content: flex-start;  align-items: center; }
.flexe { display: flex; justify-content: flex-end;  align-items: center; }
.flexb { display: flex; justify-content: space-between;  align-items: center; }
.flexa { display: flex; justify-content: space-around;  align-items: center; }

#suoping { position:fixed;width:100%; height:100%; background:#000;opacity:0.7;filter:alpha(opacity=70); z-index:1000; display:none}