@charset "utf-8";
html { color: #000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0;border: 0; list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;*zoom: 1;}
body, button, input, select, textarea { font: 14px/1.5 tahoma, arial, "Microsoft YaHei", \5b8b\4f53; font-family: tahoma, "Microsoft YaHei";background: #fff;  color:#333;}
body{font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, STHeitiSC-Light, simsun, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: rgb(240, 240, 240); box-sizing: border-box; }
input, select, textarea { font-size: 100%; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
img { vertical-align: top; }
fieldset, img { border: 0; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
button{outline: none;}
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a { text-decoration: none; cursor: pointer; color:#666;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
a:hover{ text-decoration:none;}
.clearfix:before, .clearfix:after { display: block; overflow: hidden; height: 0; content: "."; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fn-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.none { display: none; }
::-webkit-input-placeholder {font-size: 14px;color: #999;}/*webkit*/
:-moz-placeholder {font-size: 14px;color: #999;}           /*firefox 4-18*/
::-moz-placeholder {font-size: 14px;color: #999;}          /*firefox 19+*/
:-ms-input-placeholder {font-size: 14px;color: #999;}      /*ie10+*/


::-webkit-scrollbar  {  width: 5px;  height: 5px;  background-color: #F5F5F5;  }    
::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;}  
::-webkit-scrollbar-thumb  {border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.3);  background-color: #555;  }

*{-webkit-box-sizing: border-box; box-sizing: border-box;  word-wrap:break-word;}
.fn-left{float: left}
.fn-right{float: right}
.p20{ padding:10px 20px;}
.p30{ padding:10px 30px;}