/*--------------------- reset CSS ---------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form { margin:0;}
body { color:#666; background:white; font-size:14px; line-height:1.5;}
body,input,textarea,select { font-family:'Microsoft Yahei','PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,WOL_SB,'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,sans-serif;}
ul,ol,li { padding-left:0; list-style-type:none;}
img { border:0; vertical-align:bottom;}
input,textarea,select { font-size:12px; outline:none; border:none; margin:0; padding:0;}
input::-ms-clear{ display:none;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input:focus,
textarea:focus { outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h4,h5,h6{ font-size:1em;}
a { font-size:12px; text-decoration:none;}


/*--------------------- single CSS -----------------------*/

/* 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_f6 { background-color:#f6f6f6;}
.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;}

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

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

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

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


/*--------------------- 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;}

/* 中英文两端对齐 */
.tj { text-align:justify; text-justify:inter-ideagraph; word-break:break-all;}

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

/* 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;}

/* arrows */
/* 以下只是基本样式，大小和颜色需按具体情况调整 */
.arrup,
.arrright,
.arrdn,
.arrleft { width:0; height:0; overflow:hidden; border-width:6px; border-color:transparent; border-style:dashed;}
.arrup { border-bottom-color:#000; border-bottom-style:solid;}
.arrright { border-left-color:#000; border-left-style:solid;}
.arrdn { border-top-color:#000; border-top-style:solid;}
.arrleft { border-right-color:#000; border-right-style:solid;}