@charset "UTF-8";
/*肤色主调色*/
/*常用字体颜色*/
/*常用公共颜色，背景色和字体颜色统一的*/
/* c1-c4是当前主题色的渐进色 */
/*常用背景色*/
/*deep green*/
/*very deep green*/
/*deep yellow*/
/*deep red*/
/*light green*/
/*light yellow*/
/*light red*/
/*light pink*/
/* =============== 重新定义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: left; }

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

body { font: 12px/20px -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Roboto,Arial,Microsoft YaHei,sans-serif; color: #333; background: #FFF none repeat scroll 0 0; min-width: 1200px; }

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

i, cite, em { font-style: normal; /*color:$mc;*/ }

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

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

button:disabled, input[type="button"]:disabled { background-color: #e5e5e5; }

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

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

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

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; 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: #333; border-color: #00a1ff; box-shadow: 0 0 0 2px rgba(0, 161, 255, 0.15); outline: 0 none; }

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

/* 链接 */
a { color: #00a1ff; 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; color: #00a1ff; }

a.link-grey { text-decoration: underline; color: #666; }

a.link-grey:hover { color: #00a1ff; text-decoration: underline; }

a.link-33 { text-decoration: none; color: #333; }

a.link-33:hover { color: #00a1ff; }

a.link-33-line { text-decoration: underline; color: #333; }

a.link-33-line:hover { color: #00a1ff; }

a.link-66 { text-decoration: underline; color: #666; }

a.link-66:hover { color: #00a1ff; }

/* 超出隐藏（需要再设置宽高） */
.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:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.clearfix { display: inline-block; }

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

* html .clearfix { height: 1%; }

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

time { color: #777; }

/* ========================== 为旧版本浏览器格式化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; }

/*长度高度
******************************/
.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; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w180 { 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; }

.h20 { height: 20px !important; }

.h30 { height: 30px !important; }

.h40 { height: 40px !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; }

.m15 { margin: 15px !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; }

/*蓝色web主色*/
/*命名规则 由fc1-fc4,bg1-bg4等颜色逐渐变浅*/
/*1.字体*/
.fc-main { color: #00a1ff !important; }

.fc1 { color: #0286cd !important; }

.fc2 { color: #00bfff !important; }

.fc3 { color: #F0F8FF !important; }

.fc4 { color: #f0ffff !important; }

/*公共字体颜色*/
.fc-themeRed { color: #00a1ff; }

.fc-themeBlue { color: #00a1ff; }

.fc-33 { color: #333 !important; }

.fc-66 { color: #666 !important; }

.fc-47 { color: #475669 !important; }

.fc-99 { color: #999 !important; }

.fc-cc { color: #ccc !important; }

.fc-ff { color: #fff !important; }

.fc-e5 { color: #e5e5e5 !important; }

.fc-f7 { color: #f7f7f7 !important; }

.fc-c0 { color: #c0ccda !important; }

.fc-e2 { color: #E2062C !important; }

.fc-4a { color: #4A4A4A !important; }

.fc-2a { color: #2A2A2A !important; }

.fc-15 { color: #151515 !important; }

.fc-ffa { color: #FFA812 !important; }

.fc-028 { color: #0286cd !important; }

.fc-228 { color: #228B22 !important; }

/*2.背景色*/
.bg-main { background-color: #00a1ff !important; }

.bg1 { background-color: #0286cd !important; }

.bg2 { background-color: #00bfff !important; }

.bg3 { background-color: #F0F8FF !important; }

.bg4 { background-color: #f0ffff !important; }

/*公共背景色*/
.bg-themeRed { color: #00a1ff; }

.bg-themeBlue { color: #00a1ff; }

.bg-ff { background-color: #fff !important; }

.bg-dg { background-color: #228b22 !important; }

.bg-do { background-color: #FFA812 !important; }

.bg-dr { background-color: #E2062C !important; }

.bg-lg { background-color: #b8e986 !important; }

.bg-lo { background-color: #fff9a9 !important; }

.bg-lr { background-color: #ff6961 !important; }

.bg-99 { background-color: #999 !important; }

.bg-cc { background-color: #ccc !important; }

.bg-e5 { background-color: #e5e5e5 !important; }

.bg-f7 { background-color: #f7f7f7 !important; }

.bg-c0 { background-color: #c0ccda !important; }

.bg-f2 { background-color: #f2f2f2 !important; }

.bg-lp { background-color: #fbdacc !important; }

/*3.边框*/
/*公共边框*/
.bd-main-1px { border: 1px solid #00a1ff !important; }

.bd-e5-1px { border: 1px solid #e5e5e5 !important; }

.bd-f7-1px { border: 1px solid #f7f7f7 !important; }

.bd-c0-1px { border: 1px solid #c0ccda !important; }

.bd-cc-1px { border: 1px solid #ccc !important; }

.bd-99-1px { border: 1px solid #999 !important; }

.bd-66-1px { border: 1px solid #666 !important; }

.bd-e2-1px { border: 1px solid #E2062C !important; }

/*右边框定义*/
.bdr-main-1px { border-right: 1px solid #00a1ff !important; }

.bdr-e5-1px { border-right: 1px solid #e5e5e5 !important; }

.bdr-f7-1px { border-right: 1px solid #f7f7f7 !important; }

.bdr-cc-1px { border-right: 1px solid #ccc !important; }

.bdr-99-1px { border-right: 1px solid #999 !important; }

.bdr-66-1px { border-right: 1px solid #666 !important; }

/*左边框定义*/
.bdl-main-1px { border-left: 1px solid #00a1ff !important; }

.bdl-e5-1px { border-left: 1px solid #e5e5e5 !important; }

.bdl-f7-1px { border-left: 1px solid #f7f7f7 !important; }

.bdl-cc-1px { border-left: 1px solid #ccc !important; }

.bdl-99-1px { border-left: 1px solid #999 !important; }

.bdl-66-1px { border-left: 1px solid #666 !important; }

/*上边框定义*/
.bdt-main-1px { border-top: 1px solid #00a1ff !important; }

.bdt-e5-1px { border-top: 1px solid #e5e5e5 !important; }

.bdt-f7-1px { border-top: 1px solid #f7f7f7 !important; }

.bdt-cc-1px { border-top: 1px solid #ccc !important; }

.bdt-99-1px { border-top: 1px solid #999 !important; }

.bdt-66-1px { border-top: 1px solid #666 !important; }

/*下边框定义*/
.bdb-main-1px { border-bottom: 1px solid #00a1ff !important; }

.bdb-e5-1px { border-bottom: 1px solid #e5e5e5 !important; }

.bdb-f7-1px { border-bottom: 1px solid #f7f7f7 !important; }

.bdb-cc-1px { border-bottom: 1px solid #ccc !important; }

.bdb-99-1px { border-bottom: 1px solid #999 !important; }

.bdb-66-1px { border-bottom: 1px solid #666 !important; }

/*4.蓝色按钮*/
.btn-xl { background: #00a1ff; border-radius: 4px; min-width: 180px; height: 40px; line-height: 40px; font-size: 14px; }

.btn-l { border-radius: 2px; min-width: 80px; height: 30px; line-height: 30px; padding-left: 18px; padding-right: 18px; }

.btn-s { border-radius: 1px; min-width: 65px; height: 24px; line-height: 24px; }

.btn-xs { border-radius: 1px; min-width: 55px; height: 22px; line-height: 22px; }

.btn-xl, .btn-l, .btn-s, .btn-xs { text-align: center; background: #00a1ff; display: inline-block; color: #fff; padding-left: 18px; padding-right: 18px; text-decoration: none; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0s; }

.btn-xl:hover, .btn-l:hover, .btn-s:hover, .btn-xs:hover { background: #0286cd; text-decoration: none; cursor: pointer; color: #fff; }

.btn-outline, .btn-outline-lighton, .btn-outline-df, .btn-outline-hover, .btn-outline-click { height: 30px; line-height: 30px; padding: 0 18px; display: inline-block; cursor: pointer; text-align: center; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0s; }

.btn-outline-df { border: 1px solid #C0CCDA; color: #333; }

.btn-outline-hover { font-size: 12px; color: #00a1ff; border: 1px solid #00a1ff; }

.btn-outline-click { font-size: 12px; color: #0092E8; border: 1px solid #0092E8; }

.btn-outline { border: 1px solid #C0CCDA; color: #333; background-color: #fff; }

.btn-outline-xs { border-radius: 2px; border: 1px solid #00a1ff; padding: 1px 7px; display: inline-block; text-align: center; color: #00a1ff; font-size: 12px; }

.btn-outline-lighton { border: 1px solid #00a1ff; color: #00a1ff; background-color: #fff; }

.btn-outline-xl { border-radius: 4px; width: 178px; height: 38px; text-align: center; line-height: 38px; display: inline-block; border: 1px solid #C0CCDA; background-color: #fff; cursor: pointer; color: #333; font-size: 14px; }

.btn-outline-xl, .btn-outline, .btn-outline-lighton, .btn-outline-xs { -webkit-transition-duration: 0s; }

.btn-outline:hover, .btn-outline-xl:hover, .btn-outline-lighton:hover, .btn-outline-xs:hover { color: #0286cd; border: 1px solid #0286cd; background-color: #fff; text-decoration: none; }

.btn-outline:active, .btn-outline-xl:active, .btn-outline-lighton:active, .btn-outline-xs:active { color: #0092E8; border: 1px solid #0092E8; background-color: #fff; text-decoration: none; }

button.btn-outline-xl { height: 40px; line-height: 40px; }

/*弹框按钮*/
.btn-popup-sure { height: 30px; background-color: #00a1ff; line-height: 30px; color: #fff; display: inline-block; border-radius: 1px; padding: 0 22px; cursor: pointer; }

.btn-popup-sure:hover { background-color: #0286cd; text-decoration: none; color: #fff; }

.btn-popup-cancel { height: 28px; background-color: #00a1ff; line-height: 28px; color: #fff; display: inline-block; background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 1px; color: #333; padding: 0 22px; cursor: pointer; }

.btn-popup-cancel:hover { color: #00a1ff; border: 1px solid #00a1ff; text-decoration: none; }

button.btn-popup-sure, button.btn-popup-cancel { height: 30px; }

.popbtns { padding: 10px; }

.popbtns button { margin-left: 10px; float: right; }

.btnOne { background: #00a1ff !important; }

.btnOne:hover { background-color: #0286cd !important; }

.btnSecond:hover { color: #00a1ff !important; border: 1px solid #00a1ff !important; text-decoration: none; }

/*公共按钮*/
.btn-success { background-color: #99D34B; }

.btn-warn { background-color: #FFA812; }

.btn-danger { background-color: #E2062C; }

.btn-disabled { background-color: #e5e5e5; cursor: not-allowed !important; }

.btn-success, .btn-warn, .btn-danger, .btn-disabled { min-width: 85px; height: 30px; line-height: 30px; text-align: center; color: #fff; padding-left: 18px; padding-right: 18px; box-sizing: border-box; display: inline-block; cursor: pointer; text-decoration: none; }

.btn-success:hover, .btn-warn:hover, .btn-danger:hover, .btn-disabled:hover { text-decoration: none; color: #fff; }

/* 灰色填充按钮*/
.btn-greyfull { padding: 0 18px; min-width: 47px; height: 28px; background: #f7f7f7; border: 1px solid #ccc; border-radius: 2px; line-height: 28px; display: inline-block; color: #333; text-align: center; cursor: pointer; }

.btn-greyfull-xl { padding: 0 18px; min-width: 180px; height: 38px; background: #f7f7f7; border: 1px solid #ccc; border-radius: 2px; line-height: 38px; display: inline-block; color: #333; text-align: center; cursor: pointer; font-size: 14px; }

.btn-greyfull:link { padding: 0 18px; min-width: 47px; height: 28px; background: #f7f7f7; border: 1px solid #ccc; border-radius: 2px; line-height: 28px; display: inline-block; color: #333; text-align: center; cursor: pointer; }

.btn-greyfull:hover, .btn-greyfull-xl:hover { color: #00a1ff; border: 1px solid #00a1ff; }

.btn-greyfull:active, .btn-greyfull-xl:active { border: 1px solid #0092E8; color: #0092E8; }

button.btn-greyfull { height: 30px; line-height: 30px; min-width: 85px; padding: 0 18px; background: #f7f7f7; border: 1px solid #ccc; border-radius: 2px; display: inline-block; color: #333; text-align: center; cursor: pointer; }

button.btn-greyfull-xl { height: 40px; line-height: 40px; min-width: 85px; padding: 0 18px; background: #f7f7f7; border: 1px solid #ccc; border-radius: 2px; display: inline-block; color: #333; text-align: center; cursor: pointer; }

a.btn-greyfull:hover, a.btn-greyfull-xl:hover { transition: none; text-decoration: none; }

/*5.输入框的状态 - 公共*/
.input-xs { border: 1px solid #ccc; background-color: #fff; width: 68px; height: 28px; padding-left: 10px; color: #333; }

.input-xs:focus { border: 1px solid #0286cd; }

.input-xs[type="text"]:focus { border: 1px solid #0286cd; }

.input-s { border: 1px solid #ccc; background-color: #fff; width: 108px; height: 28px; padding-left: 10px; color: #333; }

.input-s:focus { border: 1px solid #0286cd; }

.input-s[type="text"]:focus { border: 1px solid #0286cd; }

.input-sm { border: 1px solid #ccc; background-color: #fff; width: 138px; height: 28px; padding-left: 10px; color: #333; }

.input-sm:focus { border: 1px solid #0286cd; }

.input-sm[type="text"]:focus { border: 1px solid #0286cd; }

.input-m { border: 1px solid #ccc; background-color: #fff; width: 168px; height: 28px; padding-left: 10px; color: #333; }

.input-m:focus { border: 1px solid #0286cd; }

.input-m[type="text"]:focus { border: 1px solid #0286cd; }

.input-l { border: 1px solid #ccc; background-color: #fff; width: 253px; height: 28px; padding-left: 10px; color: #333; }

.input-l:focus { border: 1px solid #0286cd; }

.input-l[type="text"]:focus { border: 1px solid #0286cd; }

select.input-l, select.input-sm, select.input-m, select.input-xs, select.input-s, button.input-l, button.input-sm, button.input-m, button.input-xs, button.input-s { height: 30px; }

/* 带单位输入框 */
.groupInput { display: inline-block; vertical-align: middle; }

.groupInput:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.groupInput input { height: 30px; line-height: 32px; padding-left: 10px; width: 140px; border: 1px solid #ccc; float: left; }

.groupInput label { display: inline-block; min-width: 30px; padding: 0 5px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; border-left: none; background: #eee; color: #666; float: left; }

/*公共矩形框尺寸,不定宽度*/
.std-size-autoW { border: 1px solid #ccc; height: 28px !important; padding: 0 10px; color: #333; line-height: 28px; }

.std-size-xs { border: 1px solid #ccc; height: 28px !important; padding: 0 10px; color: #333; width: 63px; line-height: 28px; }

/* select等标签默认有box-sizing:border-box的效果，需要特殊处理*/
select.std-size-autoW { height: 30px !important; }

select.std-size-xs { height: 30px !important; }

select.std-size-autoW { padding: 0 5px; }

/*8. 一些icon图标*/
.val-success { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -1px 0 no-repeat #228B22; border-radius: 8px; }

.val-error { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -47px 0 no-repeat white; border-radius: 8px; }

.val-warn { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -93px 0 no-repeat white; border-radius: 8px; }

.success-icon { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -1px -56px no-repeat white; }

.success-icon-xl { width: 56px; height: 56px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -281px -166px no-repeat; }

.warn-icon { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -55px -56px no-repeat white; }

.wrong-icon { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -109px -55px no-repeat white; }

.idea-icon { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url(/commonstatic/static/base/images/public-icons.png) -163px -55px no-repeat white; }

.x-icon { width: 15px; height: 15px; background: url(/commonstatic/static/base/images/symbol.png) -82px -36px no-repeat; display: inline-block; vertical-align: middle; }

.x-icon-l { width: 15px; height: 15px; background: url(/commonstatic/static/base/images/symbol.png) 2px -37px no-repeat; display: inline-block; vertical-align: middle; }

.plus-sign { width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url("/commonstatic/static/base/images/public-icons.png") -338px 0 no-repeat white; border-radius: 8px; cursor: pointer; }

.plus-sign:hover { background: url("/commonstatic/static/base/images/public-icons.png") -382px 0 no-repeat white; }

.right-arrow { width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url("/commonstatic/static/base/images/public-icons.png") -130px -350px no-repeat white; border-radius: 8px; cursor: pointer; }

.right-arrow:hover { background: url("/commonstatic/static/base/images/public-icons.png") -174px -350px no-repeat white; }

.minus-sign { width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-top: -5px; background: url("/commonstatic/static/base/images/public-icons.png") -250px 0 no-repeat white; border-radius: 8px; cursor: pointer; }

.minus-sign:hover { background: url("/commonstatic/static/base/images/public-icons.png") -294px 0 no-repeat white; }

.arrow-up, .arrow-down { width: 12px; height: 6px; position: relative; display: inline-block; overflow: hidden; }

.arrow-up:after, .arrow-down:after { content: "◇"; font-size: 22px !important; line-height: 22px !important; color: #999; position: absolute; left: 0; font-weight: bolder; }

.arrow-up:after { top: -5px; }

.arrow-down:after { top: -11px; }

.arrow-up2, .arrow-down2 { width: 14px; height: 8px; display: inline-block; }

.arrow-up2 { background: url("/commonstatic/static/base/images/symbol.png") -42px -312px no-repeat; }

.arrow-down2 { background: url("/commonstatic/static/base/images/symbol.png") 0 -312px no-repeat; }

.order-arrow-none { width: 10px; height: 14px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -137px -1px no-repeat; }

.order-arrow-up { width: 10px; height: 14px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -240px -31px no-repeat; }

.order-arrow-down { width: 10px; height: 14px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -203px -31px no-repeat; }

.slide-opt { width: 100%; position: absolute; top: 50%; left: 0; margin-top: -20px; box-sizing: border-box; height: 40px; }

.slide-opt .arrow-left-l { position: absolute; left: 10px; }

.slide-opt .arrow-right-l { position: absolute; right: 10px; }

.arrow-left-l { width: 20px; height: 40px; display: inline-block; background: url("/commonstatic/static/base/images/symbol.png") -30px -238px no-repeat; }

.arrow-right-l { width: 20px; height: 40px; display: inline-block; background: url("/commonstatic/static/base/images/symbol.png") -73px -238px no-repeat; }

.help-phone { width: 27px; height: 27px; background: url("/commonstatic/static/base/images/public-icons.png") 0 -997px no-repeat; display: inline-block; }

.help-tel { width: 27px; height: 27px; background: url("/commonstatic/static/base/images/public-icons.png") -53px -997px no-repeat; display: inline-block; }

.help-time { width: 27px; height: 27px; background: url("/commonstatic/static/base/images/public-icons.png") -107px -997px no-repeat; display: inline-block; }

.help-mobile { width: 22px; height: 30px; background: url("/commonstatic/static/base/images/public-icons.png") -126px -1119px no-repeat; display: inline-block; }

.identify-phone { width: 25px; height: 25px; background: url("/commonstatic/static/base/images/public-icons.png") -1px -300px no-repeat; display: inline-block; }

.identify-phone-on { background: url("/commonstatic/static/base/images/public-icons.png") -163px -300px no-repeat; }

.identify-v { width: 25px; height: 25px; background: url("/commonstatic/static/base/images/public-icons.png") -84px -330px no-repeat; display: inline-block; }

.identify-v-on { background: url("/commonstatic/static/base/images/public-icons.png") -217px -300px no-repeat; }

.identify-flower { width: 25px; height: 25px; background: url("/commonstatic/static/base/images/public-icons.png") -138px -331px no-repeat; display: inline-block; }

.identify-flower-on { background: url("/commonstatic/static/base/images/public-icons.png") -300px -331px no-repeat; }

.searchRS_what { display: inline-block; width: 130px; height: 132px; background: url("/commonstatic/static/base/images/public-icons.png") -299px -1178px no-repeat; }

.searchRS_notHappy { display: inline-block; width: 130px; height: 132px; margin-left: 11px; background: url("/commonstatic/static/base/images/public-icons.png") -137px -1178px no-repeat; }

.searchRS_crash { display: inline-block; width: 130px; height: 132px; background: url("/commonstatic/static/base/images/public-icons.png") 16px -1178px no-repeat; }

.vertical-line { display: inline-block; heigth: 100%; border-left: 1px solid #e5e5e5; position: absolute; left: 50%; top: 0; width: 1px; box-sizing: border-box; }

.eye-open { width: 18px; height: 16px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -46px -350px; }

.eye-close { width: 18px; height: 16px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") 0 -350px; }

.loca-icon { width: 16px; height: 18px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -90px -348px; }

.up-level { width: 18px; height: 20px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") 0 -391px; }

.talk-icon-out { width: 17px; height: 18px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -147px -393px; cursor: pointer; margin: -4px 8px; }

.talk-icon-on { width: 17px; height: 18px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -101px -393px; cursor: pointer; margin: -4px 8px; }

.down-arrowMark { width: 8px; height: 14px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -231px -395px; }

.up-arrowMark { width: 8px; height: 14px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") -193px -395px; }

.lostUse-icon { width: 66px; height: 40px; display: inline-block; background: url("/commonstatic/static/base/images/public-icons.png") 1px -1337px; }

.Notextin { background-color: #f7f7f7; color: #ccc; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.onlyread { background-color: #f7f7f7; color: #333; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*购买数量*/
.en-stock { display: inline-block; }

.en-stock .en-minus, .en-stock .en-plus { width: 28px; height: 28px; background: #e5e5e5; border: 1px solid #ccc; display: block; vertical-align: top; float: left; line-height: 28px; color: #666; text-align: center; font-size: 22px; text-decoration: none; }

.en-stock .en-minus { font-size: 33px; line-height: 26px; }

.en-stock .en-text { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 28px; width: 52px; padding-left: 10px; padding-right: 10px; float: left; text-align: center; }

.en-stock .en-stock-disabled { cursor: not-allowed; color: #ccc; }

/*9.条件筛选*/
.filterBy { background: #f7f7f7; border: 1px solid #e5e5e5; height: 38px; line-height: 38px; }

.filterBy .orderRuleBy span { display: inline-block; padding: 0 10px; border-right: 1px solid #e5e5e5; height: 38px; float: left; cursor: pointer; }

.orderRuleBy span.order-select { background-color: #fff; color: #00a1ff; }

.filterBy .order-arrow-none, .filterBy .order-arrow-up, .filterBy .order-arrow-down { vertical-align: middle; margin-top: -2px; margin-left: 2px; }

/*5.徽章元素*/
.badge-item { min-width: 83px; height: 28px; background: #FFFFFF; border: 1px solid #00a1ff; display: inline-block; text-align: center; padding-left: 10px; padding-right: 10px; position: relative; line-height: 28px; color: #00a1ff; }

.badge-item-num { border-radius: 9px; padding: 9px 5px; display: inline-block; background-color: #E2062C; color: #fff; position: absolute; top: -9px; right: -9px; line-height: 0 !important; }

/*没有数字是的小红点*/
.badge-item-nonum { padding: 6px 2px; top: -6px; right: -6px; }

/*6.组件-选项卡*/
.tabMenu-one { background: #f7f7f7; border: 1px solid #e5e5e5; width: 100%; box-sizing: border-box; }

.tabMenu-one:after { content: ""; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; }

.tabMenu-one li { height: 47px; float: left; cursor: pointer; }

.tabMenu-one li span { min-width: 90px; padding: 0px 20px; box-sizing: border-box; color: #666; text-align: center; height: 20px; display: block; border-right: 1px solid #e5e5e5; margin-top: 14px; margin-bottom: 14px; margin-right: -1px; }

.tabMenu-one li.current, .tabMenu-one li.tabTitLi { border-top: 2px solid #00a1ff; color: #00a1ff; margin: -1px 0 0 -1px; background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }

.tabMenu-one li.current span, .tabMenu-one li.tabTitLi span { margin-top: 13px; color: #00a1ff; }

.tabMenu-two { background: #fff; border-bottom: 2px solid #e5e5e5; width: 100%; box-sizing: border-box; }

.tabMenu-two:after { content: ""; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; }

.tabMenu-two li { height: 47px; float: left; cursor: pointer; }

.tabMenu-two li span { min-width: 90px; padding: 0px 20px; box-sizing: border-box; color: #666; text-align: center; height: 20px; display: block; margin-top: 14px; margin-bottom: 14px; margin-right: -1px; }

.tabMenu-two li.current, .tabMenu-two li.tabTitLi { margin-bottom: -1px; border-bottom: 2px solid #00a1ff; }

.tabMenu-two li.current span, .tabMenu-two li.tabTitLi span { margin-top: 14px; color: #00a1ff; }

/*tabMenu-two-sm*/
.tabMenu-two-sm { background: #fff; border-bottom: 2px solid #e5e5e5; width: 100%; box-sizing: border-box; }

.tabMenu-two-sm:after { content: ""; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; }

.tabMenu-two-sm li { float: left; cursor: pointer; }

.tabMenu-two-sm li span { min-width: 90px; padding: 0px 20px; box-sizing: border-box; color: #666; text-align: center; height: 20px; display: block; margin-top: 6px; margin-bottom: 6px; margin-right: -1px; }

.tabMenu-two-sm li.current, .tabMenu-two-sm li.tabTitLi { margin-bottom: -1px; border-bottom: 2px solid #00a1ff; }

.tabMenu-two-sm li.current span, .tabMenu-two-sm li.tabTitLi span { margin-top: 6px; color: #00a1ff; }

.tabMenu-three { background: #f7f7f7; border: 1px solid #e5e5e5; width: 100%; font-size: 14px; height: 50px; box-sizing: border-box; }

.tabMenu-three:after { content: ""; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; }

.tabMenu-three li { height: 47px; float: left; cursor: pointer; }

.tabMenu-three li span { min-width: 90px; padding: 0px 20px; box-sizing: border-box; color: #666; text-align: center; height: 20px; display: block; border-right: 1px solid #e5e5e5; margin-top: 14px; margin-bottom: 14px; margin-right: -1px; }

.tabMenu-three li.current, .tabMenu-three li.tabTitLi { border-top: 2px solid #00a1ff; color: #00a1ff; margin-top: -1px; margin-left: -1px; background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; height: 48px; }

.tabMenu-three li.current span, .tabMenu-three li.tabTitLi span { margin-top: 13px; color: #00a1ff; font-weight: bold; }

.tabMenu-four { background: #f7f7f7; border: 1px solid #e5e5e5; width: 100%; font-size: 14px; height: 40px; box-sizing: border-box; }

.tabMenu-four:after { content: ""; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; }

.tabMenu-four li { height: 37px; float: left; cursor: pointer; }

.tabMenu-four li span { min-width: 90px; padding: 0px 20px; box-sizing: border-box; color: #666; text-align: center; height: 20px; display: block; border-right: 1px solid #e5e5e5; margin-top: 10px; margin-bottom: 10px; margin-right: -1px; }

.tabMenu-four li.current, .tabMenu-four li.tabTitLi { border-top: 2px solid #00a1ff; color: #00a1ff; margin: -1px 0 0 -1px; background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; height: 38px; }

.tabMenu-four li.current span, .tabMenu-four li.tabTitLi span { margin-top: 9px; color: #00a1ff; }

.tabCon { width: 100%; border: 1px solid #e5e5e5; padding: 10px; min-height: 170px; margin-top: -1px; box-sizing: border-box; }

.tabMenu-five { background: #f7f7f7; border: 1px solid #e5e5e5; width: 100%; box-sizing: border-box; height: 50px; }

.tabMenu-five:after { content: ""; height: 0; line-height: 0; visibility: hidden; clear: both; display: block; }

.tabMenu-five li { height: 47px; float: left; cursor: pointer; }

.tabMenu-five li span { min-width: 105px; padding: 0px 20px; box-sizing: border-box; color: #666; text-align: center; height: 20px; display: block; border-right: 1px solid #e5e5e5; margin-top: 14px; margin-bottom: 14px; position: relative; }

.tabMenu-five li i.x-icon { vertical-align: top; position: absolute; right: 10px; top: 3px; }

.tabMenu-five li.current, .tabMenu-five li.tabTitLi { border-top: 2px solid #00a1ff; color: #00a1ff; margin: -1px 0 0 -1px; background-color: #fff; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }

.tabMenu-five li.current span, .tabMenu-five li.tabTitLi span { margin-top: 13px; color: #00a1ff; margin-right: -1px; }

/*6.组件-嵌入式提示*/
.en-prompt-warn, .en-prompt-success, .en-prompt-error, .en-prompt-sweet { display: inline-block; box-sizing: border-box; min-width: 300px; padding: 0 30px 0 50px; height: 40px; line-height: 40px; background-color: #fff; color: #333; position: relative; border: 1px solid #ccc; border-radius: 3px 0 0 3px; font-size: 14px; position: relative; }

.en-prompt-warn:before, .en-prompt-success:before, .en-prompt-error:before, .en-prompt-sweet:before { content: ""; width: 40px; height: 40px; display: inline-block; border-radius: 3px 0 0 3px; position: absolute; left: -1px; top: -1px; }

.en-prompt-warn .x-icon-l, .en-prompt-success .x-icon-l, .en-prompt-error .x-icon-l, .en-prompt-sweet .x-icon-l { position: absolute; top: 12px; right: 5px; cursor: pointer; }

.en-prompt-warn:before { background: url("/commonstatic/static/base/images/public-icons.png") -211px -166px no-repeat; }

.en-prompt-success:before { background: url("/commonstatic/static/base/images/public-icons.png") -141px -166px no-repeat; }

.en-prompt-error:before { background: url("/commonstatic/static/base/images/public-icons.png") -71px -166px no-repeat; }

.en-prompt-sweet:before { background: url("/commonstatic/static/base/images/public-icons.png") -1px -166px no-repeat; }

.warm-tip { position: relative; padding: 10px 10px 10px 40px; background-color: #fff; border: 1px solid rgba(70, 168, 224, 0.2); border-radius: 4px; }

.warm-tip .idea-icon { position: absolute; left: 10px; top: 10px; }

.warm-tip .x-icon-l { position: absolute; right: 10px; top: 10px; cursor: pointer; }

.warm-tip .titinfo { font-size: 14px; color: #333; text-align: left; font-weight: bolder; }

.warm-tip .coninfo { font-size: 14px; color: #666; text-align: left; }

/*7.组件-属性标签*/
.tag-l { font-size: 12px; height: 20px; line-height: 19px; box-sizing: border-box; border-radius: 2px; text-align: center; width: 60px; border: 1px solid #e5e5e5; font-weight: bolder; display: inline-block; }

.tag-m { font-size: 12px; height: 20px; line-height: 19px; box-sizing: border-box; border-radius: 2px; text-align: center; width: 40px; border: 1px solid #e5e5e5; font-weight: bolder; display: inline-block; }

.tag-sm { font-size: 12px; height: 20px; line-height: 19px; box-sizing: border-box; border-radius: 2px; text-align: center; width: 20px; border: 1px solid #e5e5e5; font-weight: bolder; display: inline-block; }

/*10.气泡提示*/
.bubbleTip-autoW { background-color: #fff; padding: 10px; color: #333; border: 1px solid #ccc; border-radius: 5px; display: inline-block; line-height: 20px; position: absolute; z-index: 100; width: 200px; -ms-word-break: break-all; word-break: break-all; text-align: left; }

.bubbleTip-w220 { background-color: #fff; padding: 10px; color: #333; border: 1px solid #ccc; border-radius: 5px; max-width: 220px; display: inline-block; line-height: 20px; position: absolute; z-index: 100; width: 200px; -ms-word-break: break-all; word-break: break-all; text-align: left; }

.bubble-triangle { width: 52px; height: 9px; display: inline-block; background: url("/commonstatic/static/base/images/symbol.png") 0 -399px no-repeat; position: absolute; left: 30px; top: -9px; }

.bubble-triangle-down { width: 52px; height: 9px; display: inline-block; background: url("/commonstatic/static/base/images/symbol.png") -105px -399px no-repeat; position: absolute; left: 30px; bottom: -9px; }

.bubble-triangle:after, .bubble-triangle-down:after { content: ""; width: 100px; height: 16px; position: absolute; left: -20px; top: -6px; display: inline-block; }

/*11.弹框*/
.tipinfo { display: inline-block; margin: 30px auto; paddding: 0 30px; }

.tipinfoCon { float: left; margin-left: 7px; max-width: 200px; }

.tipinfoCon .main-tipinfo { font-size: 14px; color: #475669; text-align: left; font-weight: bold; }

.main-tipinfo { font-size: 14px; color: #475669; text-align: left; font-weight: bold; }

.tipinfoCon .sub-tipinfo { font-size: 12px; color: #666; text-align: left; margin-top: 5px; }

.sub-tipinfo { font-size: 12px; color: #666; text-align: left; margin-top: 5px; }

.tipinfoCon .timeDown { font-size: 12px; color: #2A2A2A; text-align: left; }

.tipinfoCon .timeCount { color: #00a1ff; }

/* 12.标题栏*/
.item-top-tit { height: 20px; line-height: 20px; padding-left: 10px; padding-right: 10px; }

.item-top-tit .item-top-tit-maintit { font-size: 16px; font-weight: bolder; float: left; }

.item-top-tit .tabMenu-two-sm { width: auto; margin-top: -5px; border-bottom: 2px solid #fff; }

/* 13.表格*/
.baseTable { border: 1px solid #e5e5e5; }

.baseTable thead th { padding: 0 10px; }

.baseTable tr { border-bottom: 1px solid #e5e5e5; }

.baseTable tr td { height: 20px; padding: 10px; word-break: break-all; }

.baseTable tr td input { vertical-align: middle; }

/*14.组件-条件筛选*/
.filter-tit { padding: 10px 20px; font-weight: bolder; color: #333; background-color: #f7f7f7; border: 1px solid #e5e5e5; }

.filter-item { width: 1190px; background-color: #f7f7f7; border: 1px solid #e5e5e5; margin-top: -1px; }

.filter-item-r { width: 1090px; max-height: 120px; overflow: auto; background-color: #fff; float: right; word-break: break-all; min-height: 40px; }

.filter-item-l { float: left; padding: 10px; color: #666; }

.filter-item-r a { color: #333; margin: 10px 20px 10px 10px; display: inline-block; }

.filter-item-r a:hover { color: #00a1ff; margin-right: 20px; text-decoration: none; }

.filter-item-r .fir-current { color: #00a1ff; }

.filter-item.filter-hasChosen .filter-item-r .tagChosen { margin: 7px 0 7px 10px; }

.tagChosen { height: 24px; line-height: 24px; padding: 0 30px 0 10px; border: 1px solid #e5e5e5; display: inline-block; position: relative; margin-left: 10px; cursor: pointer; }

.tagChosen i { width: 13px; height: 13px; background: url(/commonstatic/static/base/images/symbol.png) -83px -37px no-repeat; display: inline-block; position: absolute; right: 6px; top: 5px; cursor: pointer; }

.tagChosen:hover { border: 1px solid #00a1ff; }

.tagChosen:hover i { background: url(/commonstatic/static/base/images/symbol.png) -39px 2px no-repeat; }

.en-breadcrumb-tags { height: 40px; line-height: 40px; width: 100%; white-space: nowrap; overflow: hidden; }

.en-breadcrumb-tags .tagChosen { margin: 7px 10px 7px 3px; }

/*页面整体宽度控制*/
.wrapper { width: 1200px; margin: auto; }

/* 面包屑所在位置 */
.nch-breadcrumb-layout { text-align: center; }

.nch-breadcrumb { font-size: 0; *word-spacing: -1px; text-align: left; height: 20px; padding: 10px 0; margin: 0 auto; }

.nch-breadcrumb span { font-size: 12px; line-height: 20px; color: #999; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; height: 20px; zoom: 1; }

.nch-breadcrumb i { font-size: 14px; color: #AAA; margin-right: 4px; }

.nch-breadcrumb span.arrow { line-height: 20px; color: #AAA; margin: 0 6px; }

.nch-breadcrumb a { color: #777; display: block; }

.nch-breadcrumb a:hover { color: #F87622; }

/*底部*/
.faq-wrapper { width: 1190px; margin: auto; }

#faq { border-top: solid 1px #f5f5f5; background: #333; width: 100%; border-top: solid 1px #e7e7e7; overflow: hidden; /*background: #3d3b45;*/ }

#faq .fag-logoimg > a { width: 140px; height: 90px; float: left; background: url(/commonstatic/static/base/images/public-icons.png) 17px -882px no-repeat; overflow: hidden; margin-top: 43px; }

.fag-l { float: left; width: 325px; }

.fag-l:after { content: ""; position: absolute; width: 1px; background-color: #fff; right: 0; top: 85px; height: 138px; filter: alpha(opacity=50); opacity: 0.5; }

#faq .fag-logoimg2 > a { width: 200px; height: 70px; display: block; /*background: url(/commonstatic/static/base/images/faq-logo.png) 0 0 no-repeat;*/ overflow: hidden; margin-top: 43px; }

#faq .fag-logoimg2 > a > img { width: 200px; height: 70px; display: block; overflow: hidden; /* margin-top: 43px; */ }

#faq .faq-baseinfo li { color: #999; padding: 3px 0; float: none; display: block; }

#faq .faq-bot-dl { padding-top: 35px; float: left; }

#faq .faq-bot-dl li { margin-left: 15px; }

#faq ul { font-size: 0; *word-spacing: -1px; white-space: nowrap; padding: 10px 0; margin-left: 0; }

#faq li { font-size: 12px; display: inline; float: left; padding-left: 24px; width: 100px; }

#faq dl { display: block; width: 100%; margin: 10px 0px 0px 0px; }

#faq dl dt { color: #fff; font-weight: 100; padding-bottom: 10px; font: 14px/1.5 "Microsoft Yahei"; margin-bottom: 4px; }

#faq dl dd { color: #9b9aa0; font: 12px/32px "Lucida Grande", tahoma, arial, \5b8b\4f53; line-height: 24px; white-space: nowrap; }

#faq dl dd i { font-size: 0; line-height: 0; background: url(/commonstatic/static/base/images/top_bg.png) no-repeat -80px -10px; vertical-align: middle; /*display: inline-block;*/ width: 0px; height: 0px; margin-right: 0px; }

#faq dl dd a { color: #999; font: 12px/1.8 "Microsoft Yahei"; }

#footer { color: #6d6c71; font-size: 12px !important; /*border-top: 1px solid #403f49;*/ text-align: center; margin: 0 auto; padding-bottom: 10px; overflow: hidden; background: #202020; width: 100%; }

#footer p { color: #666; word-spacing: 5px; padding: 10px 0; }

#footer a { color: #999; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer .footer-links > a { padding: 0 10px; border: 1px solid #999; display: inline-block; line-height: 13px; }

#footer .vol { font-family: Verdana, Geneva, sans-serif; font-weight: 600; font-style: oblique; font-size: 12px; }

#footer .vol .b { color: #00F; }

#footer .vol .o { color: #F60; }

#footer .vol em { font-family: Georgia, Arial; font-weight: 600; font-style: italic; color: #000; margin-left: 2px; }

.help .contact .ic, .service li { display: block; /*background: url(../images/hd-and-btm.png) 0 0 no-repeat;*/ /*_background: url(../images/hd-and-btm-8.png) 0 0 no-repeat;*/ }

.help { /*background-color: #3d3b45;*/ background-color: #333; height: 165px; }

.help dl { float: left; width: 160px; margin-right: 14px; padding: 20px 0; }

.help dl a { color: #666; }

.help .contact { margin-left: 16px; color: #999; }

.help .contact-border { font-size: 16px; border-left: 1px solid #514f58; padding: 0 20px 20px 80px; line-height: 20px; color: #999; }

.help .contact-border span { position: relative; display: inline-block; margin-bottom: 5px; }

.help .contact-border span i { position: absolute; left: -35px; top: 6px; }

.help .contact .tel, .help .contact .mail { height: 26px; line-height: 26px; padding-left: 36px; cursor: default; }

.help .contact .tel { background-position: 0 -250px; color: #00B492; font-size: 20px; color: #999; }

.help .contact .tel:hover, .help .contact .mail:hover { text-decoration: none; }

.help .contact .mail { font-size: 16px; background-psosition: 0 -280px; color: #666; }

.help .contact .attention { padding-top: 10px; }

.help .contact .weixin { width: 100px; height: 100px; margin-top: 10px; background: url(/commonstatic/static/base/images/public-icons.png) -1px -1051px no-repeat; }

.help .weixin p, .help .qq ul { margin-top: 10px; }

.help .contact .weixin img { width: 97px; height: 97px; }

.help .contact .weixin span { display: block; line-height: 31px; height: 31px; padding: 0 16px 0 6px; color: #666; }

.help .contact .sina, .help .contact .qq { height: 30px; line-height: 30px; padding-left: 36px; color: #666; }

.help .contact .sina { background-position: 0 -310px; }

.help .contact .qq { background-position: 0 -340px; }

#faq .help .contact li { margin-left: 0px; padding-left: 35px; }

/*进度条*/
.progressBar_li { float: left; text-align: center; position: relative; z-index: 10; }

.progressBar_li:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background-color: #ccc; top: 15px; left: 0; z-index: 9; }

[comtype="stdProgressBar"][templateidx="1"] .progressBar_li:after { content: ""; display: block; position: absolute; height: 2px; top: 50%; z-index: 9; }

.progressBar_li_first.progressBar_li:after { width: 50%; right: 0 !important; left: auto; }

.progressBar_li_last.progressBar_li:after { width: 50%; left: 0; right: auto; }

.progressBar_li_cur.progressBar_li:after { background-color: #00a1ff; }

.progressBar_circle { width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; color: #ccf; font-weight: bold; background: url("/commonstatic/static/base/images/progressGreyCir.png"); position: relative; z-index: 10; }

.progressBar_li_cur .progressBar_circle { color: #fff; background: url("/commonstatic/static/base/images/progressCir_blue.png"); }

.progressName { color: #ccc; font-weight: bolder; font-size: 14px; margin-top: 8px; height: 22px; }

.progressBar_li_cur .progressName { color: #00a1ff; height: 22px; }

.progressBar_li_data { height: 30px; line-height: 30px; }

/* 其他 */
.theadUl { width: 100%; background: #f7f7f7; border: 1px solid #e5e5e5; height: 37px; line-height: 35px; font-weight: bolder; color: #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.theadUl li { float: left; }

.theadUl th { font-weight: bolder; }

.theadUl-l { background: #f7f7f7; border: 1px solid #e5e5e5; height: 38px; line-height: 38px; color: #333; }

.bd-l-main-5px { border-left: 5px solid #00a1ff !important; }

.bd-l-main-4px { border-left: 4px solid #00a1ff !important; }

/*暂无数据样式*/
.resultNodata { text-align: center; padding: 100px 0 50px 0; }

.resultNodata .icon-Default_NoData_128px { font-size: 180px; }

/***************公用上传组件样式*****************/
.comUpload { background: #F9FAFC; border: 1px solid #c0ccda; width: 79px !important; height: 59px !important; text-align: center !important; cursor: pointer; vertical-align: middle; overflow: hidden; position: relative; padding: 0 !important; margin: 0 !important; font-size: 12px !important; color: #333 !important; display: table-cell !important; }

.comUpload img.comShowImg { max-width: 100%; max-height: 100%; vertical-align: middle; position: relative; z-index: 1; }

.comUpload .uploadBtn { width: 79px; height: 59px; position: absolute; left: 0; top: 0; }

.comUploadAfter .imgDelete { width: 15px; height: 16px; display: block; position: absolute; right: 0; top: 0; z-index: 2000000001; }

.comUpload[uploadtype='button'] { line-height: 30px; }

/*Placeholder模拟*/
.comPlaceholder { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ position: absolute; left: 10px; top: 10px; padding: 13px 0 !important; height: 14px; font-size: 14px; color: #CDCDCD; }

/***********分页插件的颜色************/
.tcdPageCode a:hover { text-decoration: none; border: 2px solid #00a1ff; color: #00a1ff; height: 28px; line-height: 28px; padding: 0 10px; }

.tcdPageCode span.current { display: inline-block; height: 30px; line-height: 30px; padding: 0 11px; margin: 0 2px; color: #fff; background-color: #00a1ff; border: 1px solid #00a1ff; vertical-align: middle; }

.tcdPageCode input:focus { border: 1px solid #00a1ff; }

.tcdPageCode1 a:hover { text-decoration: none; border: 2px solid #00a1ff; color: #00a1ff; height: 26px; line-height: 26px; padding: 0 10px; }

.tcdPageCode1 span.current { display: inline-block; height: 28px; line-height: 28px; padding: 0 11px; margin: 0 2px; color: #fff; background-color: #00a1ff; border: 1px solid #00a1ff; vertical-align: middle; }

.tcdPageCode1 input:focus { border: 1px solid #00a1ff; }

.bg-odd { background-color: #FAFDFF !important; }

.bg-even { background-color: #fff !important; }