@charset "utf-8";
/* 设置盒子模型 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font-family: Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
    line-height: inherit;
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    letter-spacing: -1px;
    word-spacing: 1px;
    margin-top: 0;
    color: #5c5c5c;
    margin-bottom: 10px;
}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol ,li{ list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}
/*设置clearfix*/
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
.clearfix {
    zoom: 1;
}

.pointer {cursor: pointer}

/* ====================
     公用模块
==================== */
a {
    color: #39576b;
    text-decoration: none
}

a:hover,a:focus {
    color: #4d76c4;
    text-decoration: underline;
    outline: none;
}

/*设置定位*/
.dn,.hide,.none{display:none}
.db{display:block}
.dib{display:inline-block}
.pr{position:relative}
.pa{position:absolute}
.oxh{overflow-x: hidden}
.oyh{overflow-y: hidden}

 /*页面浮动*/ 
.center{display:block;margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.pull-left{float:left!important;}
.pull-right{float:right!important;}
.cb{clear: both}
.cl{clear: left}
.cr{lear: right}
.vm, .vm *{vertical-align: middle}
.vt, .vt *{vertical-align: top}


 /*字体设置*/ 
.text-center, .tc{text-align: center;}
.text-left, .tl{text-align: left;}
.text-right, .tr{text-align: right;}
.text-weight, .tb{font-weight: 700}
.text-normal, .tn{font-weight: 400;}
.text-indent, .t2{text-indent: 2em}

.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}
.f27{font-size:27px}
.f32{font-size:32px}

.lh120{line-height:120%}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}

.t3c{color: #3c3c3c;}
.t88{color: #888;}
.tbb{color: #bbb;}
.tff{color: #fff}

.txt-blue-back{color: #0259C3}

 /*页面留白*/

.blank5{display: block;height:5px; line-height:5px; clear:both; visibility:hidden;}
.blank10{display: block;height:10px; line-height:15px; clear:both; visibility:hidden;}
.blank15{display: block;height:15px; line-height:15px; clear:both; visibility:hidden;}
.blank20{display: block;height:20px; line-height:20px; clear:both; visibility:hidden;}
.blank25{display: block;height:25px; line-height:15px; clear:both; visibility:hidden;}
.blank30{display: block;height:30px; line-height:30px; clear:both; visibility:hidden;}
.blank40{display: block;height:40px; line-height:40px; clear:both; visibility:hidden;}
.blank50{display: block;height:50px; line-height:50px; clear:both; visibility:hidden;}

.divider{display:block;margin-top:15px;margin-bottom:15px}
.divider.divider-dashed{border:1px dashed #e9e9e9}
.divider.divider-dotted{border:1px dotted #e9e9e9}


/*边距设置*/
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}
.p35{padding:35px}
.p40{padding:40px}

.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pl5{padding-left:5px}
.pb5{padding-bottom:5px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pl10{padding-left:10px}
.pb10{padding-bottom:10px}
.pt15{padding-top:15px}
.pr15{padding-right:15px}
.pl15{padding-left:15px}
.pb15{padding-bottom:15px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pl20{padding-left:20px}
.pb20{padding-bottom:20px}
.pt25{padding-top:25px}
.pr25{padding-right:25px}
.pl25{padding-left:25px}
.pb25{padding-bottom:25px}
.pt30{padding-top:30px}
.pr30{padding-right:30px}
.pl30{padding-left:30px}
.pb30{padding-bottom:30px}
.pt30{padding-top:30px}
.pr30{padding-right:30px}
.pl30{padding-left:30px}
.pb30{padding-bottom:30px}
.pt40{padding-top:40px}
.pr40{padding-right:40px}
.pl40{padding-left:40px}
.pb40{padding-bottom:40px}
.pt50{padding-top:50px}
.pr50{padding-right:50px}
.pl50{padding-left:50px}
.pb50{padding-bottom:50px}
.pt60{padding-top:60px}
.pr60{padding-right:60px}
.pl60{padding-left:60px}
.pb60{padding-bottom:60px}

.pl0{padding-left: 0!important}
.pr0{padding-right: 0!important}

.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}
.m35{margin:35px}
.m40{margin:40px}

.mt5{margin-top:5px}
.mr5{margin-right:5px}
.ml5{margin-left:5px}
.mb5{margin-bottom:5px}
.mt10{margin-top:10px}
.mr10{margin-right:10px}
.ml10{margin-left:10px}
.mb10{margin-bottom:10px}
.mt15{margin-top:15px}
.mr15{margin-right:15px}
.ml15{margin-left:15px}
.mb15{margin-bottom:15px}
.mt20{margin-top:20px}
.mr20{margin-right:20px}
.ml20{margin-left:20px}
.mb20{margin-bottom:20px}
.mt25{margin-top:25px}
.mr25{margin-right:25px}
.ml25{margin-left:25px}
.mb25{margin-bottom:25px}
.mt30{margin-top:30px}
.mr30{margin-right:30px}
.ml30{margin-left:30px}
.mb30{margin-bottom:30px}
.mt35{margin-top:35px}
.mr35{margin-right:35px}
.ml35{margin-left:35px}
.mb35{margin-bottom:35px}
.mt40{margin-top:40px}
.mr40{margin-right:40px}
.ml40{margin-left:40px}
.mb40{margin-bottom:40px}
.mt45{margin-top:45px}
.mr45{margin-right:45px}
.ml45{margin-left:45px}
.mb45{margin-bottom:45px}
.mt50{margin-top:50px}
.mr50{margin-right:50px}
.ml50{margin-left:50px}
.mb50{margin-bottom:50px}
.mt60{margin-top:60px}
.mr60{margin-right:60px}
.ml60{margin-left:60px}
.mb60{margin-bottom:60px}


/*图片设置*/
/*img {
    height: auto;
    border-width: 0;
    max-width: 100%;
    vertical-align: middle;
}*/
.img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-circle{border-radius:50%}
.img30_30{width:30px;height:30px}
.img64_64{width:64px;height:64px}
.img80_80{width:80px;height:80px}
.img100_100{width:100px;height:100px}
.img120_120{width:120px;height:120px}

.img30{width:30px;}
.img64{width:64px;}
.img80{width:80px;}
.img100{width:100px;}
.img120{width:120px;}

/*.fa-transform .fa,.fa.fa-transform{
  transition: .5s all;
} 
.fa-transform:hover .fa,.fa.fa-transform:hover{
  transform: rotate(180deg);
}*/

/*页面背景色*/
.bg-black{background: #3c3c3c;}
.bg-white{background: #fff;}
.bg-gray{background: #EEEFF0}
.bg-light-gray{background: #f0f0f0;}

/*其他公用类*/
.w100 {width: 100%}
.w33 {width: 33.33333333%}
.mw90{max-width: 90%}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}