@charset "UTF-8";
/*背景色*/
/*按钮*/
/*字体颜色*/
/*主色*/
/*中性色*/
/*功能色*/
/* =============== 重新定义Html元素 =============== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0; list-style: none; }

h1, h2, h3, h4, h5, h6, b, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal; }

strong { font-weight: bold; }

ul, ol { list-style: none outside none; }

fieldset, img { border: medium none; vertical-align: middle; }

caption, th { text-align: center; }

table { border-collapse: collapse; border-spacing: 0; }

body { font: 12px/20px "Microsoft Yahei", arial, 宋体, "Helvetica Neue", Helvetica, STHeiTi, sans-serif; color: #666666; background: #FAFAFA none repeat scroll 0 0; }

body::-webkit-scrollbar { width: 10px; height: 8px; }

body::-webkit-scrollbar-thumb { background-color: #91b2c0; background-image: -webkit-linear-gradient(30deg, #8da2be 25%, transparent 25%, #889ab3 50%, #a5b1be 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent); }

body::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #CCCCCC; background: #ededed; }

input, select, textarea, button { font: 12px/20px "Microsoft Yahei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }

i, cite, em { font-style: normal; }

input, button, select, textarea { outline: none; border-style: none; }

button, input[type="button"] { cursor: pointer; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666666; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #666666; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #666666; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666666; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { color: #999999; border-color: #D9D9D9; box-shadow: 0 0 0 2px rgba(0, 161, 255, 0.15); outline: 0 none; }

html { /*min-height:101%;*/ }

/* 链接 */
a { color: #4A90E2; text-decoration: none; outline: medium none; -webkit-transition-property: color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; }

a:link, a:visited, a:active { text-decoration: none; }

a:hover { text-decoration: underline; }

/* 超出隐藏（需要再设置宽高） */
.over_hidden { display: block; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* input放大by input_max.js */
.parentCls { display: inline-block; *display: inline; *zoom: 1; }

.js-max-input { font-size: 20px; color: #F40; background: #FFFAE5; white-space: nowrap; padding: 7px; border: solid 1px #FFD2B2; }

/* Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题 */
.clearfix { *zoom: 1; }

.clearfix:after, .clearfix:before { content: " "; display: table; }

.clearfix:after { height: 0; line-height: 0; visibility: hidden; clear: both; }

.clearfix:after, .clearfix:before { content: " "; display: table; }

.clearfix:after { height: 0; line-height: 0; visibility: hidden; clear: both; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

* + html .clearfix { height: 1%; }

/* ========================== 为旧版本浏览器格式化Html5元素 ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

/*文字排版
******************************/
.f12 { font-size: 12px !important; }

.f13 { font-size: 13px !important; }

.f14 { font-size: 14px !important; }

.f16 { font-size: 16px !important; }

.f18 { font-size: 18px !important; }

.f20 { font-size: 20px !important; }

.f24 { font-size: 24px !important; }

.fb { font-weight: bold !important; }

.fn { font-weight: normal !important; }

.t2 { text-indent: 2em; }

.lh150 { line-height: 150% !important; }

.lh180 { line-height: 180% !important; }

.lh200 { line-height: 200% !important; }

.unl { text-decoration: underline; }

.no_unl { text-decoration: none; }

.noborder { border-style: none !important; border-width: 0 !important; }

/* 元素性质转换 */
.to-b { display: block !important; }

.to-ib { display: inline-block !important; }

/*定位
******************************/
.tl { text-align: left !important; }

.tc { text-align: center !important; }

.tr { text-align: right !important; }

.bc { margin-right: auto; margin-left: auto; }

.fl { float: left; display: inline; }

.fr { float: right !important; display: inline; }

.cb { clear: both; }

.cl { clear: left; }

.cr { clear: right; }

.vm { vertical-align: middle; }

.vt { vertical-align: top; }

.pr { position: relative !important; }

.pa { position: absolute !important; }

.abs-right { position: absolute; right: 0; }

.zoom { zoom: 1; }

/*.hidden { visibility:hidden;}*/
.none { display: none; }

.clear { clear: both; height: 0; font-size: 0; line-height: 0; }

.vanish { display: none; opacity: 0; }

/*长度高度
******************************/
.w10 { width: 10px; }

.w20 { width: 20px; }

.w30 { width: 30px; }

.w40 { width: 40px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w65 { width: 65px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 180px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w170 { width: 180px !important; }

.w180 { width: 180px !important; }

.w190 { width: 180px !important; }

.w200 { width: 200px !important; }

.w210 { width: 210px !important; }

.w220 { width: 220px !important; }

.w230 { width: 230px !important; }

.w240 { width: 240px !important; }

.w250 { width: 250px !important; }

.w270 { width: 270px !important; }

.w300 { width: 300px !important; }

.w340 { width: 340px !important; }

.w380 { width: 380px !important; }

.w400 { width: 400px !important; }

.w450 { width: 450px !important; }

.w500 { width: 500px !important; }

.w530 { width: 530px !important; }

.w600 { width: 600px !important; }

.w700 { width: 700px !important; }

.w780 { width: 780px !important; }

.w800 { width: 800px !important; }

.w { width: 100% !important; }

.h12 { height: 12px !important; }

.h24 { height: 24px !important; }

.h36 { height: 36px !important; }

.h38 { height: 38px !important; }

.h50 { height: 50px !important; }

.h80 { height: 80px !important; }

.h100 { height: 100px !important; }

.h200 { height: 200px !important; }

.h500 { height: 500px !important; }

.h { height: 100% !important; }

.hauto { height: auto !important; }

/*边距
******************************/
.m0 { margin: 0 !important; }

.m10 { margin: 10px !important; }

.m20 { margin: 20px !important; }

.m30 { margin: 30px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt100 { margin-top: 100px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb150 { margin-bottom: 150px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml30 { margin-left: 30px !important; }

.ml50 { margin-left: 50px !important; }

.ml100 { margin-left: 100px !important; }

.ml200 { margin-left: 200px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mr40 { margin-right: 40px !important; }

.mr50 { margin-right: 50px !important; }

.mr100 { margin-right: 100px !important; }

/*边距
******************************/
.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p30 { padding: 30px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pt50 { padding-top: 50px !important; }

.pt100 { padding-top: 100px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl30 { padding-left: 30px !important; }

.pl40 { padding-left: 40px !important; }

.pl50 { padding-left: 50px !important; }

.pl100 { padding-left: 100px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr30 { padding-right: 30px !important; }

.pr40 { padding-right: 40px !important; }

.pr50 { padding-right: 50px !important; }

.pr80 { padding-right: 80px !important; }

.pr100 { padding-right: 100px !important; }

.hr { font-size: 1px; display: block; height: 0; margin: 12px 0; border-top: 1px solid #E3E3E3; overflow: hidden; }

.hr-double { height: 1px; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }

.hr8 { margin: 8px 0 !important; }

.hr12 { margin: 12px 0 !important; }

.hr16 { margin: 16px 0 !important; }

.hr18 { margin: 18px 0 !important; }

.hr24 { margin: 24px 0 !important; }

.hr32 { margin: 32px 0 !important; }

.hr.dotted { border-top-style: dotted; }

.hr-double.dotted { border-bottom-style: dotted; }

.cursorPointer { cursor: pointer; }

/* =============== 组件定义Html元素 =============== */