@charset "utf-8";
/* Reset  create by AndyZhou     Mar-4-2014 14:55  contact 529892056@qq.com*/
html {  -webkit-text-size-adjust: none;-webkit-appearance:none;-webkit-touch-callout: none;-webkit-user-select: none;height: 100%;}
@font-face {
    font-family: 'DINProBlack';font-weight: normal;font-style: normal;
    src: url('../fonts/DINPro/DINPro-Black.otf');
    src: url('../fonts/DINPro/DINPro-Black.eot'),
    src: url('../fonts/DINPro/DINPro-Black.ttf'),
src: url('../fonts/DINPro/DINPro-Black.svg') format('svg');}
@font-face {
    font-family: 'DINProBold';font-weight: bold;font-style: normal;
    src: url('../fonts/DINPro/DINPro-Bold.otf');
    src: url('../fonts/DINPro/DINPro-Bold.eot'),
    src: url('../fonts/DINPro/DINPro-Bold.ttf'),
src: url('../fonts/DINPro/DINPro-Bold.svg') format('svg');}
@font-face {
    font-family: 'DINProLight';font-weight: normal;font-style: normal;
    src: url('../fonts/DINPro/DINPro-Light.otf');
    src: url('../fonts/DINPro/DINPro-Light.eot'),
    src: url('../fonts/DINPro/DINPro-Light.ttf'),
src: url('../fonts/DINPro/DINPro-Light.svg') format('svg');}
@font-face {
    font-family: 'DINProMedium'; font-weight: normal;font-style: normal;
    src: url('../fonts/DINPro/DINPro-Medium.otf');
    src: url('../fonts/DINPro/DINPro-Medium.eot'),
    src: url('../fonts/DINPro/DINPro-Medium.ttf'),
src: url('../fonts/DINPro/DINPro-Medium.svg') format('svg');}
@font-face {
    font-family: 'DINProRegular'; font-weight: normal;font-style: normal;
    src: url('../fonts/DINPro/DINPro-Regular.otf');
    src: url('../fonts/DINPro/DINPro-Regular.eot'),
    src: url('../fonts/DINPro/DINPro-Regular.ttf'),
src: url('../fonts/DINPro/DINPro-Regular.svg') format('svg');}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }
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,button { font: 400 12px/1.5 "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei",STHeiti,sans-serif; }
textarea { resize:none; overflow-y:auto; }
img { border:0; vertical-align:middle; }
iframe { display:block; }
del { text-decoration:line-through; }
ul,menu { list-style:none; }
ol { list-style-position:inside; }
h1, h2, h3, h4, h5, h6 {font-weight:600; }
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;color: #000;cursor: pointer;}
a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
* html .box { zoom:1; }
*:first-child+html .box { zoom:1; }

/*common*/

.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
*.fl, *.fr { display:inline; }
.rel { position:relative; }
.abs { position:absolute; }
.tl { text-align:left; }
.tr { text-align:right; }
.tc { text-align:center; }
.uc { text-transform:uppercase; }
.indent{text-indent: 2em;}
.ib{display: inline-block;}
.none{display: none;}
.superTitle{font-size: 18px;}
.blue{color: #08c;}
.oxa{overflow-x:auto;}
.w100{width: 100%;}
.mts{margin-top: 10px;}
.mtn{margin-top: 0;}
.mbs{margin-bottom: 10px;}
.vam{vertical-align: middle;}
.tips{color: #1C79CF;}
.gray{color: #adadad;}
.white{color: #fff;}
.wb{background: #fff;}
.small{font-size: 14px;}
.important{color: #55acee;}
.clip{overflow: hidden;}
.hidden{visibility: hidden;}