@charset "utf-8";
/* CSS Document */

/*-CSS reset-*/
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0; padding:0;} 
ol,ul{margin:0; padding:0;list-style-type:none;}
body{line-height:1.4;font-family:arial;font-size: 12px;font-family:Arial, Helvetica, sans-serif,"宋体","黑体","微软雅黑";color:#787878; background:#FFF;}
input,textarea,select{font-size:100%;font-family:inherit; list-style:none;outline:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal;} 
/*image with no-border*/
a img{border:0;}
img{border:0;}

/* ------single CSS------- */
a{text-decoration:none; outline:none;color:#787878;}
a:hover{ color:#54a1e8; text-decoration:underline; }
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} 
/* height */
.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}
.h40{height:40px;}
.h35{height:35px;}
/* width */
.w100{width:100px}
.pct10{width:10%;}
.w30{ width:33px;}
.w70{ width:70px;}
.w60{ width:60px;}
.w218{ width:218px}
.w180{ width:180px}
/* line-height */
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px}
.lh40{line-height:40px;}
/* margin */

.ml1{margin-left:1px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml200{margin-left:200px;}
.ml140{margin-left:140px;}
.ml110{margin-left:110px;}
.ml40{margin-left:40px;}

.mr1{margin-right:1px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.mt1{margin-top:1px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt100{margin-top:70px;}

.mb1{margin-bottom:1px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
/* padding */

.pl1{padding-left:1px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}

.pr1{padding-right:1px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}

.pt1{padding-top:1px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.pb1{padding-bottom:1px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
/* background-color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}
.bgbl{background-color:#0b58a1;}
.bgbu{background-color:#1c7bd9;}
/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g4{color:#444;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.wh{color:white;}
/* 字体颜色 */
.or-color{ color:#ff7600;}
.orange-1{ color:#fe7002;}
.orange-2{ color:#fe9b00;}
.bule-1 {color: #0b58a1;}
.bule-2{ color:#009cff;}
.white-1 {color: #fff;}
.red-1{ color:#e60012;}
.red-2{ color:#ae0f19;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
/* font-family */
.fw{font-family:"微软雅黑"}
.fs{font-family:'宋体';}
/* font-style */
.fn{font-weight:normal; font-style:normal;}
.fb{font-weight:bold;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.vn{vertical-align:-2px;}
/* float */
.l{float:left;}
.r{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* 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;}
/*-strong-b-i-s-*/
strong, b {font-weight: 400;}
i, s ,em{font-style: normal;}


/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮 动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 
.clearfix{*zoom:1;} 
/* 单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}

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