@charset "UTF-8";

/**
 *
 * @authors tuyunkun
 * @date    2017-05-11 10:00:00
 * @version  reset.css + commonly.css
 * 重置样式 + 常用样式
 */

/* Reset CSS Document */
* { word-wrap: break-word }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tr, td, th, form, label, input, textarea, select, button, blockquote, span, img, a img, a, pre, hr, b { margin: 0; padding: 0; }
body { color: #444444; font: 14px "Microsoft YaHei", Arial, verdana, tahoma, "\5B8B\4F53", sans-serif; }
img, a img { border: none; vertical-align: top; -ms-interpolation-mode: bicubic; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li, ol, dt, dl, dd { list-style: none; }
em, th, i, address, cite, code, b, s { font-weight: normal; font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
input, textarea, select, button, option { vertical-align: middle; font-size: inherit; font-family: verdana, sans-serif; line-height: normal; }
textarea { overflow: auto; resize: none; }
input:focus, textarea:focus { outline: none; resize: none; }
select:focus { outline: none; resize: none; star: expression(this.onFocus=this.blur()); }
a,u{ color: #333333; text-decoration: none; }
a:hover { color: #d2251e; text-decoration: none; }
a:active, a:focus, a:hover { outline: none; star: expression(this.onFocus=this.blur()); }
map, map area { outline: none; }
::selection { background-color: transparent; color: #004389; }/*选中字体的颜色 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#d2d2d2;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:#eeeeee;}
.clearfix:after {content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix { *zoom:1; }

/* Common CSS Document */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib-t { display: inline-block; *display: inline; vertical-align: top; letter-spacing: normal; *zoom: 1; }
.dib-m { display: inline-block; *display: inline; vertical-align: middle; letter-spacing: normal; *zoom: 1; }
/*.layout-justify { text-align: justify; *text-justify: inter-ideograph; letter-spacing: -0.34em; }
.layout-justify-h { overflow: hidden; text-align: justify; *text-justify: inter-ideograph; letter-spacing: -0.34em; }
.last-justify { display: inline-block !important; *display: inline !important; overflow: hidden; width: 100% !important; height: 0 !important; vertical-align: top !important; font-size: 0 !important; line-height: 0 !important; *zoom: 1; }*/

/* 大小不定元素垂直居中 */
.dib_vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.spacing { letter-spacing: -0.34em; }
.mc { margin-right: auto; margin-left: auto; }
.fl { float: left; }
.fr { float: right; }
.fl-in { *display: inline; float: left; }
.fr-in { *display: inline; float: right; }
.relative { position: relative; }
.absolute { position: absolute; }
.pointer { cursor: pointer; }
.hidden { overflow: hidden; }
.ma { margin: auto; }

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

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

/* 按钮禁用 */
.disabled { outline: 0 !important; border-color: #acacac !important; color: #acacac !important; text-shadow: 1px 1px #ffffff !important; cursor: default !important; pointer-events: none; }
.disabled:hover { text-decoration: none !important; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.clear-no { clear: none; }
.clear-h { clear: both; overflow: hidden; }
.clear { clear: both; *zoom: 1; }
.clear:before, .clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "\200B"; font-size: 0; line-height: 0; }

/* font-size */
.c-word { overflow: hidden; white-space: nowrap; word-wrap: break-word; }
.e-word { overflow: hidden; white-space: normal; word-break: break-all; }
.nowrap { white-space: nowrap; }
.word-wrap { word-wrap: break-word; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.fb { font-weight: bold; }
.fn { font-weight: normal; font-style: normal; }
.fa { font-family: Arial, sans-serif; }
.ft { font-family: Tahoma, sans-serif; }
.fv { font-family: Verdana, sans-serif; }
.fs { font-family: Simsun, sans-serif; }
.fht { font-family: "\9ED1\4F53", sans-serif; }
.fyh { font-family: "Microsoft YaHei", sans-serif; }
.fp { font-family: "PT Mono", Menlo, "Courier New", monospace; }
.t2 { text-indent: 2em; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.tj { text-align: justify; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.bdc { border: 1px solid #cccccc; }
.blc { border-left: 1px solid #cccccc; }
.brc { border-right: 1px solid #cccccc; }
.btc { border-top: 1px solid #cccccc; }
.bbc { border-bottom: 1px solid #cccccc; }
.bdd { border: 1px solid #dddddd; }
.bld { border-left: 1px solid #dddddd; }
.brd { border-right: 1px solid #dddddd; }
.btd { border-top: 1px solid #dddddd; }
.bbd { border-bottom: 1px solid #dddddd; }
.bde { border: 1px solid #eeeeee; }
.ble { border-left: 1px solid #eeeeee; }
.bre { border-right: 1px solid #eeeeee; }
.bte { border-top: 1px solid #eeeeee; }
.bbe { border-bottom: 1px solid #eeeeee; }
.bgff { background-color: #ffffff; }
.bgfb { background-color: #fbfbfb; }
.bgf5 { background-color: #f5f5f5; }
.bgf0 { background-color: #f0f0f0; }
.bgeb { background-color: #ebebeb; }
.bge0 { background-color: #e0e0e0; }
.alpha { opacity: .5; filter: alpha(opacity=50); -webkit-opacity: 0.5; -khtml-opacity: .5; -moz-opacity: .5; }
.hr-2, .hr-3, .hr-4, .hr-5, .hr-6, .hr-7, .hr-8, .hr-9, .hr-10, .hr-11, .hr-12, .hr-13, .hr-14, .hr-15, .hr-16, .hr-17, .hr-18, .hr-19, .hr-20, .hr-30, .hr-24, .hr-40 { clear: both; overflow: hidden; font-size: 0; line-height: 0; }
.hr-2 { height: 2px; }  .hr-3 { height: 3px; }  .hr-4 { height: 4px; }  .hr-5 { height: 5px; }  .hr-6 { height: 6px; }  .hr-7 { height: 7px; }  .hr-8 { height: 8px; }  .hr-9 { height: 9px; }  .hr-10 { height: 10px; }  .hr-11 { height: 11px; }  .hr-12 { height: 12px; }  .hr-13 { height: 13px; }  .hr-14 { height: 14px; }  .hr-15 { height: 15px; }  .hr-16 { height: 16px; }  .hr-17 { height: 17px; }  .hr-18 { height: 18px; }  .hr-19 { height: 19px; }  .hr-20 { height: 20px; }  .hr-30 { height: 30px; }  .hr-24 { height: 24px; }  .hr-40 { height: 40px; }
.wrapper { clear: both; margin: auto; max-width: 1920px; min-width: 1200px; width: 100%; }
.layout { clear: both; margin: auto; width: 1200px; }