/* CSS reset */
* { margin: 0; padding: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html ,body  {height: 100%;   font-size: 14px;     }
body,
input,
a,
input,
button,
select,
textarea {
  color: #333;
  font-family: "Microsoft Yahei,Roboto-Regular,Roboto";
  margin: 0;
  padding: 0
}
body{word-wrap:break-word; color: #333; background: #fff;}
table { border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
ol,ul { list-style:none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,p{
  margin: 0;
  padding: 0;
}
caption,th { text-align:left;}
img { border: none; vertical-align:top; }
a { text-decoration:none;   }
article, aside, dialog, figure, footer, header, legend, nav ,figcaption, section { display:block; }
input { outline: none;   color: #666;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input,button,select,textarea{outline:none;}
/* text */
.f8  { font-size:8px; }
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f32 { font-size:32px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}
.fb  { font-weight:bold;}
.fn  { font-weight:normal;}
.co-f{ color: #fff;}
.co-f9{ color: #f9f9f9;}
.co-f6{ color: #f6f6f6;}
.co-f3{ color: #f3f3f3;}
.co-ef{ color: #efefef;}
.co-c { color: #ccc; }
.co-9 { color: #999; }
.co-6 { color: #666; }
.co-3 { color: #333; }
.co-0 { color: #000; }
/*文本*/
.tl, .subtl > * { text-align:left; }
.tc, .subtc > * { text-align:center; }
.tr, .subtr > * { text-align:right; }
.t2  { text-indent:2em;}
/* 超出隐藏 */
.textOver{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/*手型*/
.hand, .subHand > *  { cursor:pointer; }
.curdef, .subHand > *.active  { cursor: default; }
.disable, [class].disable  { cursor: not-allowed;}


@media (min-width: 320px) {
  html {
    font-size: 85.33px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 96px;
  }
}

@media (min-width: 375px) {
  html {
    font-size: 100px;
  }
}

@media (min-width: 411px) {
  html {
    font-size: 109.6px;
  }
}

@media (min-width: 414px) {
  html {
    font-size: 110.4px;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 204.8px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 273.06px;
  }
}