/*=== reset ===*/

* {margin: 0;padding: 0;box-sizing:border-box;}
html { height: 100%;}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp { margin: 0; padding: 0; outline: 0; -webkit-tap-highlight-color: transparent; }
body, input, textarea, button, select, pre, tt, code, kbd, samp, optgroup, option { font-family:"微软雅黑", "Microsoft Yahei", arial, \5b8b\4f53, georgia, verdana, helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, menu { list-style: none; }
fieldset, img { border: 0 none; }
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
img, object, input, textarea,  select { vertical-align: middle; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
caption, th { text-align: left; }
input, textarea, button, select, small { font-size: 100%; border: 0;}
address, cite, dfn, em, i, optgroup, var { font-style: normal; }
/*i{ display: inline-block;}*/
/*body {font-size: 12px;color: #ddd;}*/
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
textarea { overflow: auto; }
mark { background-color: #ff0; }
ins, s, u, del { text-decoration: none; }
li {list-style: none;}
a ,a:visited ,a:hover ,a:focus { text-decoration: none;outline: none; color: #333;}
/*a {color: #666;}*/
.clear:after, .clear:before { display: table; content: ''; }
.clear:after { clear: both; }
.oh{ overflow: hidden}
.fl {float: left;}
.fr {float: right;}
.clearflt {clear: both;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {  display: block;  }
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
button{-webkit-appearance: none;}