@charset "utf-8";
html { color: #000; background: #fff; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select:auto;
font-family: 'syht'; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
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; }
input, select, textarea { font-size: 100%; }
/* 去掉各 Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* 去除默认边框 */
fieldset, img { border: 0; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
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:hover { text-decoration: underline; }*/
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }

.fl{float: left;}
.fr{float: right;}
.cl{ clear:both }

 @font-face {
    font-family: 'syht';
    src: url('../font/syht.eot');
    src: url('../font/font-spider/syht.eot?#font-spider') format('embedded-opentype'),
    url('../font/syht.woff') format('woff'),
    url('../font/syht.ttf') format('truetype'),
    url('../font/syht.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.box { clear: both; position: relative; max-width:10rem; margin: 0 auto; }



input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
/*    -webkit-text-fill-color: #ededed !important;  */
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
     transition: background-color 50000s ease-in-out 0s;   
}  
input {  
     background-color:transparent;  
}
.flex {
       display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
   
}
.flexc {
       display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}