@charset "UTF-8";
/**
 * 
 * @authors yutent (yutent@doui.cc)
 * @date    2014-10-10 00:45:09
 *
 * doui的CSS规范
 * 
 * 不能出现大写,以连字符风格命名 
 * 表示状态的应该用sg-st-*命名 
 * 表示功能的应该用sg-fn-*命名
 * 表示页面模块的应该用sg-mod-modname 命名
 * 表示公共UI组件的应该用sg-uiname命名, 它的子元素应该全部包在 .sg-uiname这个根类下
 * 如 .sg-tree .body { ... }
 * 
 * 样式规则的出现顺序
 * 1 display float position overflow z-index 表示定位/布局的属性
 * 2 width height margin padding border 表示盒子模型的属性
 * 3 line-height font-size vertical-align text-align user-select outline ....排版相关的属性
 * 4 color background opacity cursor ...表示装饰相关的属性
 * 5 content list-style quotes ... 内容生成相关的属性
 * 
 */


* {margin: 0;padding: 0;vertical-align: baseline;box-sizing:border-box;}
::before,::after {box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,content {display: block;}
img {border:0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after,
q::before, q::after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a:focus,input,textarea,button:focus,input:focus,textarea:focus {outline:none;}
a{ text-decoration: none; }
::-moz-focus-inner {
    border:none;outline:none;
}
html {font-size:10vw}

@media screen and (min-width: 480px) {
  html {font-size:48px;max-width:480px;margin:0 auto;}
}

body {font-family:"Helvetica Neue", Arial,"WenQuanYi Micro Hei","PingFang SC","Hiragino Sans GB","Segoe UI", "Microsoft Yahei", sans-serif;-webkit-font-smoothing: antialiased;text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
code,pre,samp {font-family:Menlo,Monaco,Consolas,"Courier New",monospace;}


.sg-fn-cl { *zoom: 1; }
.sg-fn-cl::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} 
.sg-fn-clear {clear:both;display:inline;}

.sg-fn-show{display:block;}
.sg-fn-hide{display:none;}
.sg-fn-fl{float:left;}
.sg-fn-fr{float:right;}
.sg-fn-ell {overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.sg-fn-noselect {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;user-select: none; }
.sg-fn-noselect img, .sg-fn-noselect a {-webkit-user-drag:none;-webkit-touch-callout: none;}


.sg-icon {
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

::-webkit-scrollbar  {
  display: none;
  width: 0;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-thumb {
  display: none;
  width: 0;
}