/*CSS Reset*/
html{color:#000;background:none;}
body{font-family:"Microsoft YaHei",SimHei,"微软雅黑","黑体";background:#f5f5f5;font-size:12px;min-width:1040px;color:#5A5A5A;line-height:24px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong{font-size:14px;font-weight:normal;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;font-family:inherit;font-size:inherit;font-weight:inherit;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;}
th,td{border:1px solid #000;padding:.5em;}
ol,ul{list-style:none;}
a{text-decoration:none;color:#5a5a5a;outline:none;}
a:hover{text-decoration:none;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;cursor:help;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/* ------------------public------------------------- */

/*1.位置属性(position, top, right, z-index, display, float等)*/
.pos-rel,.rela{position:relative;}
.pos-abs{position:absolute;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
.v-m{vertical-align:middle;}
.v-t{vertical-align:top;}
.v-b{vertical-align:bottom;}

.show,.dis-b{display:block;}
.hide,.kgc-hide,.dis-n{display:none;}
.dis-i{display:inline-block;}
.dis-f{display:flex;}
.dis-t{display:table;}
.dis-tc{display:table-cell;}

.left{float:left;}
.right{float:right;}

/*2.大小(width, height, padding, margin)*/
.kgc-w {width:100%;}
.kgc-h {height:100%;}

.kgc-ofx-h{overflow-x: hidden;}
.kgc-ofx-a{overflow-x: auto;}
.kgc-ofx-v{overflow-x: visible;}
.kgc-ofy-h{overflow-y: hidden;}
.kgc-ofy-a{overflow-y: auto;}
.kgc-ofy-v{overflow-y: visible;}
.kgc-of-h{overflow:hidden}

.fix:after{clear:both;content:"";display:block;height:0;visibility:hidden;}

/*定位*/
.center{margin:0 auto;}
.kgc-mla {margin-left:auto;}
.kgc-mra {margin-right:auto;}
.kgc-ml0,.offset0{margin-left:0;}
.kgc-ml5,.offset5{margin-left:5px;}
.kgc-ml10,.offset10{margin-left:10px;}
.kgc-ml15,.offset15{margin-left:15px;}
.kgc-ml20,.offset20{margin-left:20px;}
.kgc-ml30 {margin-left:30px;}
.kgc-ml40 {margin-left:40px;}
.kgc-ml50 {margin-left:50px;}
.kgc-ml100 {margin-left:100px;}
.kgc-mt0,.top0{margin-top:0;}
.kgc-mt5,.top5{margin-top:5px;}
.kgc-mt10,.top10{margin-top:10px;}
.kgc-mt15,.top15{margin-top:15px;}
.kgc-mt20,.top20{margin-top:20px;}
.kgc-mt30,.top30{margin-top:30px;}
.kgc-mt40,.top40{margin-top:40px;}
.kgc-mt50,.top50{margin-top:50px;}
.kgc-mt100 {margin-top:100px;}
.kgc-mr0 {margin-right:0;}
.kgc-mr5 {margin-right:5px;}
.kgc-mr10 {margin-right:10px;}
.kgc-mr15 {margin-right:15px;}
.kgc-mr20 {margin-right:20px;}
.kgc-mr30 {margin-right:30px;}
.kgc-mr40 {margin-right:40px;}
.kgc-mr50 {margin-right:50px;}
.kgc-mr100 {margin-right:100px;}
.kgc-mb0 {margin-bottom:0;}
.kgc-mb5 {margin-bottom:5px;}
.kgc-mb10 {margin-bottom:10px;}
.kgc-mb15 {margin-bottom:15px;}
.kgc-mb20 {margin-bottom:20px;}
.kgc-mb30 {margin-bottom:30px;}
.kgc-mb40 {margin-bottom:40px;}
.kgc-mb50 {margin-bottom:50px;}
.kgc-mb100 {margin-bottom:100px;}

.kgc-p0 {padding:0;}
.kgc-p10 {padding:10px;}
.kgc-p15 {padding:15px;}
.kgc-p20 {padding:20px;}
.kgc-p30 {padding:30px;}
.kgc-pt5 {padding-top:5px}
.kgc-pt10 {padding-top:10px}
.kgc-pt15 {padding-top:15px}
.kgc-pt20,.pad-t20{padding-top:20px}
.kgc-pt30 {padding-top:30px}
.kgc-pt50 {padding-top:50px}
.kgc-pt80 {padding-top:80px}
.kgc-pt100 {padding-top:100px}
.kgc-pb5 {padding-bottom:5px}
.kgc-pb10 {padding-bottom:10px}
.kgc-pb15 {padding-bottom:15px}
.kgc-pb20,.pad-b20{padding-bottom:20px;}
.kgc-pb30 {padding-bottom:30px}
.kgc-pb50 {padding-bottom:50px}
.kgc-pb90 {padding-bottom:90px}
.kgc-pb100 {padding-bottom:100px}
.kgc-pl5 {padding-left:5px}
.kgc-pl10 {padding-left:10px}
.kgc-pl15 {padding-left:15px}
.kgc-pl20,.pad-l20{padding-left:20px}
.kgc-pl30 {padding-left:30px}
.kgc-pl45 {padding-left:45px}
.kgc-pl50 {padding-left:50px}
.kgc-pl100 {padding-left:100px}
.kgc-pr5 {padding-right:5px}
.kgc-pr10 {padding-right:10px}
.kgc-pr15,.pad-r15 {padding-right:15px}
.kgc-pr20,.pad-r20{padding-right:20px}
.kgc-pr30 {padding-right:30px}
.kgc-pr40 {padding-right:40px}
.kgc-pr50 {padding-right:50px}
.kgc-pr100 {padding-right:100px}

/*3.文字系列(font, line-height, letter-spacing, color- text-align等)*/
/*文本对齐*/
.align-left,.kgc-aL {text-align:left;}
.align-right,.kgc-aR {text-align:right;}
.acenter,.kgc-aC {text-align:center;}
.kgc-aJ {text-align:justify;text-justify: inter-ideograph;}
/*字体*/
.FYH,.font-yahei {font-family: "Microsoft YaHei", SimHei, "微软雅黑", "黑体";}
.FST{font-family:"宋体";}
.FHT{font-family:"黑体";}
/*字号*/
.f0{line-height:0px; font-size:0px; text-indent:-999em; overflow:hidden;}
.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;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f48{font-size:48px;}
/*行高*/
.l24{line-height:24px;}
.l20{line-height:20px;}
.l30{line-height:30px;}
.l36{line-height:36px;}
.l40{line-height:40px;}
.l42{line-height:42px;}
.l50{line-height:50px;}
/**/
.strong{font-weight:bold;}
.normal{font-weight:normal;}
/*省略号*/
.ellipsis{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*折行*/
  .ws-nowrap{white-space:nowrap;}
.ws-normal{white-space:normal;}
/*下划线*/
  .td-underline{
      text-decoration:underline
  }
.td-none{
    text-decoration:none
}

/*颜色*/
.white,.white a{color:#FFF;}
.reds,.reds a{color:#F00;}
.blue,.blue a{color:#0177A7;}
.black,.black a{color:#000;}
.gray{color:#969696;}

/*4.背景(background, border等)*/
.no-border{border:none;}
/*表现样式*/

.cursor-p,.cursor-click{cursor:pointer;}
.cursor-d{cursor:default;}
.cursor-m{cursor:move;}
.cursor-h{cursor:help;}
/*透明*/
.opacity0{opacity:0}
.opacity10{opacity:.1}
.opacity20{opacity:.2}
.opacity30{opacity:.3}
.opacity40{opacity:.4}
.opacity50{opacity:.5}
.opacity60{opacity:.6}
.opacity70{opacity:.7}
.opacity80{opacity:.8}
.opacity90{opacity:.9}
.opacity100{opacity:1}
/*5.其他(animation, transition等)*/