@charset "utf-8";
/* reset */
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, button { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; list-style: none; }
html {  position: relative; height:100%;background: #f3f4f9;  color: #fff;}
body { font-family: SourceHanR, Micrisoft Yahei,Arial, Helvetica;  }
header, nav, section, article, footer, figure, figcaption { display: block; }
ol, ul { margin: 0; padding: 0; list-style: none; }
fieldset { border: none; margin: 0; padding: 0; }
a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
table { border-collapse: collapse; border-spacing: 0; }
em, strong { font-weight: normal; font-style: normal; }
a, button, input,button{ text-decoration: none; outline: none;border:none; color: #575757;-webkit-appearance:none; }
textarea,select,input,label{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none;padding:0;margin:0; appearance: none; border: none;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.fl{ float: left;}
.fr{ float: right;}