/*----------
* 2015-11-09 v1.0
----------*/

/*--------------------- reset CSS ---------------------*/
html { font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,Heiti SC,STHeiTi,Arial,sans-serif; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form { margin:0;}
body { color:#666; background:white;}
ul,ol,li { padding-left:0; list-style-type:none;}
img { border:0;}
input,textarea,select { font-size:12px; outline:none; border:0; margin:0; padding:0}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h4,h5,h6{ font-size:1em;}
a { font-size:12px; text-decoration:none;}


/*--------------------- single CSS -----------------------*/
/* display */
.dn { display:none;}
.di { display:inline;}
.db { display:block;}
.dib { display:inline-block;}

/* height */
.h36 { height:36px;}
.h42 { height:42px;}
.h48 { height:48px;}
.h58 { height:58px;}
.h68 { height:68px;}
.h78 { height:78px;}
.h88 { height:88px;}
.h100 { height:100px;}

/* width */
/* fixed width value */
.w80 { width:80px;}
.w100 { width:100px;}
.w120 { width:120px;}
.w140 { width:140px;}
.w160 { width:160px;}
.w180 { width:180px;}
.w200 { width:200px;}
.w220 { width:220px;}
.w250 { width:250px;}
.w280 { width:280px;}
.w300 { width:300px;}
.w320 { width:320px;}
.w360 { width:360px;}
.w400 { width:400px;}
.w460 { width:460px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w640 { width:640px;}
.w700 { width:700px;}
/* percent width value */
.pct10 { width:10%;}
.pct15 { width:15%;}
.pct20 { width:20%;}
.pct25 { width:25%;}
.pct30 { width:30%;}
.pct33 { width:33.3%;}
.pct40 { width:40%;}
.pct45 { width:45%;}
.pct50 { width:50%;}
.pct60 { width:60%;}
.pct66 { width:66.6%;}
.pct70 { width:70%;}
.pct75 { width:75%;}
.pct80 { width:80%;}
.pct90 { width:90%;}
.pct100 { width:100%;}

/* line-height */
.lh24 { line-height:24px;}
.lh36 { line-height:36px;}
.lh42 { line-height:42px;}
.lh48 { line-height:48px;}
.lh58 { line-height:58px;}
.lh68 { line-height:68px;}
.lh78 { line-height:78px;}
.lh88 { line-height:88px;}
.lh100 { line-height:100px;}

/* margin */
.m0 { margin:0;}
.mt0 { margin-top:0;}
.mr0 { margin-right:0;}
.mb0 { margin-bottom:0;}
.ml0 { margin-left:0;}
.m1 { margin:1px;}
.m1_0 { margin-top:1px; margin-bottom:1px;}
.m0_1 { margin-right:1px; margin-left:1px;}
.mt1 { margin-top:1px;}
.mr1 { margin-right:1px;}
.mb1 { margin-bottom:1px;}
.ml1 { margin-left:1px;}
.m5 { margin:5px;}
.m5_0 { margin-top:5px; margin-bottom:5px;}
.m0_5 { margin-right:5px; margin-left:5px;}
.mt5 { margin-top:5px;}
.mr5 { margin-right:5px;}
.mb5 { margin-bottom:5px;}
.ml5 { margin-left:5px;}
.m10 { margin:10px;}
.m10_0 { margin-top:10px; margin-bottom:10px;}
.m0_10 { margin-right:10px; margin-left:10px;}
.mt10 { margin-top:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.m15 { margin:15px;}
.m15_0 { margin-top:15px; margin-bottom:15px;}
.m0_15 { margin-right:15px; margin-left:15px;}
.mt15 { margin-top:15px;}
.mr15 { margin-right:15px;}
.mb15 { margin-bottom:15px;}
.ml15 { margin-left:15px;}
.m20 { margin:20px;}
.m20_0 { margin-top:20px; margin-bottom:20px;}
.m0_20 { margin-right:20px; margin-left:20px;}
.mt20 { margin-top:20px;}
.mr20 { margin-right:20px;}
.mb20 { margin-bottom:20px;}
.ml20 { margin-left:20px;}
.m25 { margin:25px;}
.m25_0 { margin-top:25px; margin-bottom:25px;}
.m0_25 { margin-right:25px; margin-left:25px;}
.mt25 { margin-top:25px;}
.mr25 { margin-right:25px;}
.mb25 { margin-bottom:25px;}
.ml25 { margin-left:25px;}
.m30 { margin:30px;}
.m30_0 { margin-top:30px; margin-bottom:30px;}
.m0_30 { margin-right:30px; margin-left:30px;}
.mr30 { margin-right:30px;}
.mt30 { margin-top:30px;}
.mb30 { margin-bottom:30px;}
.ml30 { margin-left:30px;}
.m40 { margin:40px;}
.m40_0 { margin-top:40px; margin-bottom:40px;}
.m0_40 { margin-right:40px; margin-left:40px;}
.mr40 { margin-right:40px;}
.mt40 { margin-top:40px;}
.mb40 { margin-bottom:40px;}
.ml40 { margin-left:40px;}
.m50 { margin:50px;}
.m50_0 { margin-top:50px; margin-bottom:50px;}
.m0_50 { margin-right:50px; margin-left:50px;}
.mr50 { margin-right:50px;}
.mt50 { margin-top:50px;}
.mb50 { margin-bottom:50px;}
.ml50 { margin-left:50px;}
.m70 { margin:70px;}
.m70_0 { margin-top:70px; margin-bottom:70px;}
.m0_70 { margin-right:70px; margin-left:70px;}
.mr70 { margin-right:70px;}
.mt70 { margin-top:70px;}
.mb70 { margin-bottom:70px;}
.ml70 { margin-left:70px;}
.m100 { margin:100px;}
.m100_0 { margin-top:100px; margin-bottom:100px;}
.m0_100 { margin-right:100px; margin-left:100px;}
.mr100 { margin-right:100px;}
.mt100 { margin-top:100px;}
.mb100 { margin-bottom:100px;}
.ml100 { margin-left:100px;}

/* padding */
.p0 { padding:0;}
.pt0 { padding-top:0;}
.pr0 { padding-right:0;}
.pb0 { padding-bottom:0;}
.pl0 { padding-left:0;}
.p1 { padding:1px;}
.pt1 { padding-top:1px;}
.pr1 { padding-right:1px;}
.pb1 { padding-bottom:1px;}
.pl1 { padding-left:1px;}
.p5 { padding:5px;}
.p5_0 { padding-top:5px; padding-bottom:5px;}
.p0_5 { padding-right:5px; padding-left:5px;}
.pt5 { padding-top:5px;}
.pr5 { padding-right:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.p10 { padding:10px;}
.p10_0 { padding-top:10px; padding-bottom:10px;}
.p0_10 { padding-right:10px; padding-left:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.p15 { padding:15px;}
.p15_0 { padding-top:15px; padding-bottom:15px;}
.p0_15 { padding-right:15px; padding-left:15px;}
.pt15 { padding-top:15px;}
.pr15 { padding-right:15px;}
.pb15 { padding-bottom:15px;}
.pl15 { padding-left:15px;}
.p20 { padding:20px;}
.p20_0 { padding-top:20px; padding-bottom:20px;}
.p0_20 { padding-right:20px; padding-left:20px;}
.pt20 { padding-top:20px;}
.pr20 { padding-right:20px;}
.pb20 { padding-bottom:20px;}
.pl20 { padding-left:20px;}
.p30 { padding:30px;}
.p30_0 { padding-top:30px; padding-bottom:30px;}
.p0_30 { padding-right:30px; padding-left:30px;}
.pt30 { padding-top:30px;}
.pr30 { padding-right:30px;}
.pb30 { padding-bottom:30px;}
.pl30 { padding-left:30px;}
.p40 { padding:40px;}
.p40_0 { padding-top:40px; padding-bottom:40px;}
.p0_40 { padding-right:40px; padding-left:40px;}
.pt40 { padding-top:40px;}
.pr40 { padding-right:40px;}
.pb40 { padding-bottom:40px;}
.pl40 { padding-left:40px;}
.p50 { padding:50px;}
.p50_0 { padding-top:50px; padding-bottom:50px;}
.p0_50 { padding-right:50px; padding-left:50px;}
.pt50 { padding-top:50px;}
.pr50 { padding-right:50px;}
.pb50 { padding-bottom:50px;}
.pl50 { padding-left:50px;}
.p70 { padding:70px;}
.p70_0 { padding-top:70px; padding-bottom:70px;}
.p0_70 { padding-right:70px; padding-left:70px;}
.pt70 { padding-top:70px;}
.pr70 { padding-right:70px;}
.pb70 { padding-bottom:70px;}
.pl70 { padding-left:70px;}
.p100 { padding:30px;}
.p100_0 { padding-top:100px; padding-bottom:100px;}
.p0_100 { padding-right:100px; padding-left:100px;}
.pt100 { padding-top:100px;}
.pr100 { padding-right:100px;}
.pb100 { padding-bottom:100px;}
.pl100 { padding-left:100px;}

/* border-color */
.bd_c { border:1px solid #ccc;}
.bd_d { border:1px solid #ddd;}
.bd_e { border:1px solid #eee;}
.bd_f { border:1px solid #fff;}
.br_c { border-right:1px solid #ccc;}
.bt_c { border-top:1px solid #ccc;}
.bb_c { border-bottom:1px solid #ccc;}
.bl_c { border-left:1px solid #ccc;}
.bt_d { border-top:1px solid #ddd;}
.br_d { border-right:1px solid #ddd;}
.bl_d { border-left:1px solid #ddd;}
.bb_d { border-bottom:1px solid #ddd;}
.bt_e { border-top:1px solid #eee;}
.br_e { border-right:1px solid #eee;}
.bb_e { border-bottom:1px solid #eee;}
.bl_e { border-left:1px solid #eee;}

/* background-color */
.bg_n { background:none;}
.bg_wh { background-color:#fff;}
.bg_fb { background-color:#fbfbfb;}
.bg_fc { background-color:#fcfcfc;}
.bg_f5 { background-color:#f5f5f5;}
.bg_f9 { background-color:#f9f9f9;}
.bg_f0 { background-color:#f0f0f0;}
.bg_eb { background-color:#ebebeb;}
.bg_e0 { background-color:#e0e0e0;}

/* safe color */
.g0 { color:#000;}
.g2 { color:#222;}
.g3 { color:#333;}
.g4 { color:#444;}
.g6 { color:#666;}
.g8 { color:#888;}
.g9 { color:#999;}
.gc { color:#ccc;}
.gaf { color:#afafaf;}
.wh { color:white;}

/* font-size */
.f0 { font-size:0;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}

/* font-style */
.n { font-weight:normal; font-style:normal;}
.b { font-weight:bold;}
.i { font-style:italic;}

/* text-align */
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
.tj {text-align:justify;}

/* text-decoration */
.tdl { text-decoration:underline;}
.tdn { text-decoration:none;}
.tdt { text-decoration:line-through;}

/* white-space */
.nowrap { white-space:nowrap;}
/* word-wrap */
.bk { word-wrap:break-word;}

/* vertical-align */
.vm { vertical-align:middle;}
.vtb { vertical-align:text-bottom;}
.vb { vertical-align:bottom;}
.vt { vertical-align:top;}

/* float */
.l { float:left;}
.r { float:right;}

/* clear */
.cl{clear:both;}

/* position */
.rel{position:relative;}
.abs{position:absolute;}

/*z-index*/
.zx0 { z-index:0;}
.zx1 { z-index:1;}
.zx2 { z-index:2;}
.zx3 { z-index:3;}
.zx4 { z-index:4;}
.zx5 { z-index:5;}

/* cursor */
.poi { cursor:pointer;}
.def { cursor:default;}

/* overflow */
.ovh { overflow:hidden;}
.ova { overflow:auto;}

/* visibility */
.vh { visibility:hidden;}
.vv { visibility:visible;}

/* zoom */
.z { *zoom:1;}


/*--------------------- multiply CSS ---------------------*/
/* 块状元素水平居中 */
.auto { margin-right:auto; margin-left:auto;}

/* 清除浮动 */
.clearfix:before,
.clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

/* 单行文字溢出省略号显示 */
.ell { text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* css3过渡动画效果 */
.trans{
	-webkit-transition:all 0.3s;	
	        transition:all 0.3s;
}

/* 无框文本框文本域 */
.bd_none { border:0; outline:none;}

/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}

/* 四角绝对定位 */
.abs_tr { position:absolute; top:0; right:0;}
.abs_tr_1 { position:absolute; top:-1px; right:-1px;}
.abs_br { position:absolute; right:0; bottom:0;}
.abs_br_1 { position:absolute; right:-1px; bottom:-1px;}
.abs_bl { position:absolute; bottom:0; left:0;}
.abs_bl_1 { position:absolute; bottom:-1px; left:-1px;}
.abs_tl { position:absolute; left:0; top:0;}
.abs_tl_1 { position:absolute; left:-1px; top:-1px;}

/* 按钮禁用 */
.disabled { color:#acacac!important; border-color:#acacac!important; text-shadow:1px 1px #fff!important; outline:0!important; cursor:default!important; pointer-events:none;}
.disabled:hover { text-decoration:none!important;}

/* inline-block与float等宽列表 */
.inline_box { font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two,
.inline_three,
.inline_four,
.inline_five,
.inline_six,
.inline_any { display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two,
.float_three,
.float_four,
.float_five,
.float_six { float:left;}
.inline_two,
.float_two { width:49.9%;}
.inline_three,
.float_three { width:33.3%;}
.inline_four,
.float_four { width:24.9%;}
.inline_five,
.float_five { width:19.9%;}
.inline_six,
.float_six { width:16.6%;}
.inline_fix { display:inline-block; width:100%; height:0; overflow:hidden;}