@charset "utf-8";
/* CSS Document */
/*公共样式*/
body { background: #fff; color: #666; position:relative;}
body, td, input, textarea, select, button { color: #666; font-size: 12px; font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;}
label { font-weight: normal;}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0;}
ul, ol, li { list-style: none;}
a {color: #666; text-decoration: none; blr: expression(this.onFocus=this.blur());outline:none;}
a:active { star: expression_r(this.onFocus=this.blur());}
a:hover { color: #1b9af7; text-decoration: none; cursor: pointer;}
a:focus, input[type=button] ,input[type=submit] { outline:none;}
input, button, select, textarea { outline: none;}
input::-ms-clear{display:none;}
a img { border: none;}
i.fa { font-size: 14px; vertical-align: middle; margin-right: 4px;}
.clear { clear: both; height: 0; font-size: 0; line-height:0;}
.fl { float: left;}
.fr { float: right;}

/*字号*/
.f12 { font-size: 12px !important;}
.f13 { font-size: 13px !important;}
.f14 { font-size: 14px !important;}
.f16 { font-size: 16px !important;}
.f20 { font-size: 20px !important;}
.fb { font-weight: 700 !important;}
.fn { font-weight: 300 !important;}

/*宽度weight*/
.w-auto{ width: auto !important;}
.w-100{ width: 100% !important;}
.w10 { width: 10px !important;}
.w20 { width: 20px !important;}
.w30 { width: 30px !important;}
.w40 { width: 40px !important;}
.w50 { width: 50px !important;}
.w60 { width: 60px !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;}
.w135 { width: 135px !important;}
.w150 { width: 150px !important;}
.w180 { width: 180px !important;}
.w200 { width: 200px !important;}
.w250 { width: 250px !important;}
.w300 { width: 300px !important;}
.w400 { width: 400px!important;}
.w500 { width: 500px !important;}
.w600 { width: 600px !important;}
.w700 { width: 700px !important;}
.w800 { width: 800px !important;}
.w900 { width: 900px !important;}

/*高度height*/
.h-auto{ height: auto !important}
.h10{ height: 10px !important;}
.h20{ height: 20px !important;}
.h30{ height: 30px !important;}
.h40{ height: 40px !important;}
.h50{ height: 50px !important;}
.h60{ height: 60px !important;}
.h70{ height: 70px !important;}
.h80{ height: 80px !important;}
.h90{ height: 90px !important;}
.h100{ height: 100px !important;}
.h120{ height: 120px !important;}
.h150{ height: 150px !important;}
.h180{ height: 180px !important;}
.h200{ height: 200px !important;}
.h250{ height: 250px !important;}
.h300{ height: 300px !important;}
.h400{ height: 400px !important;}
.h500{ height: 500px !important;}
.h600{ height: 600px !important;}
.h700{ height: 700px !important;}
.h800{ height: 800px !important;}
.h900{ height: 900px !important;}

/*margin*/
.m-auto { margin:0 auto !important;}
.m-0 { margin: 0 !important;}
.m-1 { margin: 1px !important;}
.m-2 { margin: 2px !important;}
.m-3 { margin: 3px !important;}
.m-4 { margin: 4px !important;}
.m-5 { margin: 5px !important;}
.m-10 { margin: 10px !important;}
.m-15 { margin: 15px !important;}
.m-20 { margin: 20px !important;}
.m-25 { margin: 25px !important;}
.m-30 { margin: 30px !important;}
.m-35 { margin: 35px !important;}
.m-40 { margin: 40px !important;}
.m-t-0 { margin-top: 0 !important;}
.m-t-1 { margin-top: 1px !important;}
.m-t-2 { margin-top: 2px !important;}
.m-t-3 { margin-top: 3px !important;}
.m-t-4 { margin-top: 4px !important;}
.m-t-5 { margin-top: 5px !important;}
.m-t-10 { margin-top: 10px !important;}
.m-t-15 { margin-top: 15px !important;}
.m-t-20 { margin-top: 20px !important;}
.m-t-25 { margin-top: 25px !important;}
.m-t-30 { margin-top: 30px !important;}
.m-t-35 { margin-top: 35px !important;}
.m-t-40 { margin-top: 40px !important;}
.m-r-0 { margin-right: 0 !important;}
.m-r-1 { margin-right: 1px !important;}
.m-r-2 { margin-right: 2px !important;}
.m-r-3 { margin-right: 3px !important;}
.m-r-4 { margin-right: 4px !important;}
.m-r-5 { margin-right: 5px !important;}
.m-r-10 { margin-right: 10px !important;}
.m-r-15 { margin-right: 15px !important;}
.m-r-20 { margin-right: 20px !important;}
.m-r-25 { margin-right: 25px !important;}
.m-r-30 { margin-right: 30px  !important;}
.m-r-35 { margin-right: 35px!important;}
.m-r-40 { margin-right: 40px !important;}
.m-b-0 { margin-bottom: 0 !important;}
.m-b-1 { margin-bottom: 1px !important;}
.m-b-2 { margin-bottom: 2px !important;}
.m-b-3 { margin-bottom: 3px !important;}
.m-b-4 { margin-bottom: 4px !important;}
.m-b-5 { margin-bottom: 5px !important;}
.m-b-10 { margin-bottom: 10px !important;}
.m-b-15 { margin-bottom: 15px !important;}
.m-b-20 { margin-bottom: 20px !important;}
.m-b-25 { margin-bottom: 25px !important;}
.m-b-30 { margin-bottom: 30px !important;}
.m-b-35 { margin-bottom: 35px !important;}
.m-b-40 { margin-bottom: 40px !important;}
.m-l-0 { margin-left: 0 !important;}
.m-l-1 { margin-left: 1px !important;}
.m-l-2 { margin-left: 2px !important;}
.m-l-3 { margin-left: 3px !important;}
.m-l-4 { margin-left: 4px !important;}
.m-l-5 { margin-left: 5px !important;}
.m-l-10 { margin-left: 10px !important;}
.m-l-15 { margin-left: 15px !important;}
.m-l-20 { margin-left: 20px !important;}
.m-l-25 { margin-left: 25px !important;}
.m-l-30 { margin-left: 30px !important;}
.m-l-35 { margin-left: 35px !important;}
.m-l-40 { margin-left: 40px !important;}

/*padding*/
.p-0 { padding: 0 !important;}
.p-1 { padding: 1px !important;}
.p-2 { padding: 2px !important;}
.p-3 { padding: 3px !important;}
.p-4 { padding: 4px !important;}
.p-5 { padding: 5px !important;}
.p-10 { padding: 10px !important;}
.p-15,.wrapper { padding: 15px !important;}
.p-20 { padding: 20px !important;}
.p-25 { padding: 25px !important;}
.p-30 { padding: 30px !important;}
.p-35 { padding: 35px !important;}
.p-40 { padding: 40px !important;}
.p-t-0 { padding-top: 0 !important;}
.p-t-1 { padding-top: 1px !important;}
.p-t-2 { padding-top: 2px !important;}
.p-t-3 { padding-top: 3px !important;}
.p-t-4 { padding-top: 4px !important;}
.p-t-5 { padding-top: 5px !important;}
.p-t-10 { padding-top: 10px !important;}
.p-t-15 { padding-top: 15px !important;}
.p-t-20 { padding-top: 20px !important;}
.p-t-25 { padding-top: 25px !important;}
.p-t-30 { padding-top: 30px !important;}
.p-t-35 { padding-top: 35px !important;}
.p-t-40 { padding-top: 40px !important;}
.p-r-0 { padding-right: 0 !important;}
.p-r-1 { padding-right: 1px !important;}
.p-r-2 { padding-right: 2px !important;}
.p-r-3 { padding-right: 3px !important;}
.p-r-4 { padding-right: 4px !important;}
.p-r-5 { padding-right: 5px !important;}
.p-r-10 { padding-right: 10px !important;}
.p-r-15 { padding-right: 15px !important;}
.p-r-20 { padding-right: 20px !important;}
.p-r-25 { padding-right: 25px !important;}
.p-r-30 { padding-right: 30px !important;}
.p-r-35 { padding-right: 35px !important;}
.p-r-40 { padding-right: 40px !important;}
.p-b-0 { padding-bottom: 0 !important;}
.p-b-1 { padding-bottom: 1px !important;}
.p-b-2 { padding-bottom: 2px !important;}
.p-b-3 { padding-bottom: 3px !important;}
.p-b-4 { padding-bottom: 4px !important;}
.p-b-5 { padding-bottom: 5px !important;}
.p-b-10 { padding-bottom: 10px !important;}
.p-b-15 { padding-bottom: 15px !important;}
.p-b-20 { padding-bottom: 20px !important;}
.p-b-25 { padding-bottom: 25px !important;}
.p-b-30 { padding-bottom: 30px !important;}
.p-b-35 { padding-bottom: 35px !important;}
.p-b-40 { padding-bottom: 40px !important;}
.p-l-0 { padding-left: 0 !important;}
.p-l-1 { padding-left: 1px !important;}
.p-l-2 { padding-left: 2px !important;}
.p-l-3 { padding-left: 3px !important;}
.p-l-4 { padding-left: 4px !important;}
.p-l-5 { padding-left: 5px !important;}
.p-l-10 { padding-left: 10px !important;}
.p-l-15 { padding-left: 15px !important;}
.p-l-20 { padding-left: 20px !important;}
.p-l-25 { padding-left: 25px !important;}
.p-l-30 { padding-left: 30px !important;}
.p-l-35 { padding-left: 35px !important;}
.p-l-40 { padding-left: 40px !important;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 10px; padding-left: 10px;}
.col-xs-12 { text-align: center;}

/*间距样式*/
.l-h-0 { line-height: 0 !important;}
.l-h-12 { line-height: 12px !important;}
.l-h-14 { line-height: 14px !important;}
.l-h-16 { line-height: 16px !important;}
.l-h-18 { line-height: 18px !important;}
.l-h-22 { line-height: 22px !important;}
.l-h-24 { line-height: 24px !important;}
.l-h-26 { line-height: 26px !important;}
.l-h-32 { line-height: 32px !important;}
.l-h-34 { line-height: 34px !important;}
.l-h-36 { line-height: 36px !important;}
.l-h-38 { line-height: 38px !important;}


/*文字颜色*/
.c-red{ color:#FF3535 !important;}
.c-blue{ color:#1B9AF7 !important;}
.c-green{ color:#5BB85D !important;}
.c-spe{ color: #FF6A6A !important;}
.c-warning{color: #EFAD4D !important;}
.c-yellow{color:#FFB300 !important}
.c-brown{color: #AF874D !important;}
.c-orange{ color:#FF723A !important}
.c-999 { color: #999 !important;}
.c-666 { color: #666 !important;}
.c-333 { color: #333 !important;}
.c-000 { color: #000 !important;}
.c-aaa { color: #aaa !important;}
.c-bbb { color: #bbb !important;}
.c-ccc { color: #bbb !important;}
.c-ddd { color: #ddd !important;}
.c-eee { color: #eee !important;}
.c-fff { color: #fff !important;}

/*背景颜色*/
.bg-none { background: none !important;}
.bg-f5f { background: #f5f5f5 !important;}
.bg-f8f { background: #f8f8f8 !important;}
.bg-fff { background: #fff !important;}
.bg-aaa { background: #aaa !important;}
.bg-bbb { background: #bbb !important;}
.bg-ccc { background: #ccc !important;}
.bg-ddd { background: #ddd !important;}
.bg-eee { background: #eee !important;}
.bg-000 { background: #000 !important;}
.bg-333 { background: #333 !important;}
.bg-666 { background: #666 !important;}
.bg-999 { background: #999 !important;}

/*border颜色*/
.bc-none { border-color: none !important;}
.bc-000 { border-color: #000 !important;}
.bc-333 { border-color: #333 !important;}
.bc-666 { border-color: #666 !important;}
.bc-999 { border-color: #999 !important;}
.bc-fff { border-color: #fff !important;}
.bc-bbb { border-color: #bbb !important;}
.bc-ccc { border-color: #ccc !important;}
.bc-ddd { border-color: #ddd !important;}
.bc-eee { border-color: #eee !important; }

/*文字对齐样式*/
.text-c { text-align: center !important;}
.text-l { text-align: left !important;}
.text-r { text-align: right !important;}

/*相对定位与绝对定位*/
.pos-r {position: relative !important;}
.pos-a {position: absolute !important;}
.pos-f {position: fixed !important;}

/*圆角*/
.br-0 { border-radius: 0 !important;}
.br-1 { border-radius: 1px !important;}
.br-2 { border-radius: 2px !important;}
.br-3 { border-radius: 3px !important;}
.br-4 { border-radius: 4px !important;}
.br-5 { border-radius: 5px !important;}

/*border样式*/
.b-n { border: none !important;}
.b-r-0 { border-right: 0 !important;}
.b-r-1 { border-right: 1px !important;}
.b-l-0 { border-left: 0 !important;}
.b-l-1 { border-left: 1px !important;}
.b-t-0 { border-top: 0 !important;}
.b-t-1 { border-top: 1px !important;}
.b-b-0 { border-bottom: 0 !important;}
.b-b-1 { border-bottom: 1px !important;}

/*vertical-align设置*/
.va-central { vertical-align: central !important;}
.va-bottom { vertical-align: bottom !important;}
.va-inherit { vertical-align: inherit !important;}
.va-middle { vertical-align: middle !important;}
.va-top { vertical-align: top !important;}
.va-sub { vertical-align: sub !important;}
.va-super { vertical-align: super !important;}

/*float-none*/
.pull-none{ float: none !important;}

/*overflow设置*/
.over-visible{ overflow: visible !important;}
.over-hidden{ overflow: hidden !important;}
.over-scroll{ overflow: scroll !important;}

/*visibility设置*/
.vis-hidden{ visibility: hidden !important;}
.vis-visible{ visibility: visible !important;}

/*显示样式*/
.disp-block{ display: block !important;}
.disp-inl{ display: inline !important;}
.disp-inh{ display: inherit !important}
.disp-inlblock{ display: inline-block !important;}
.disp-inltable{ display: inline-table !important;}
.disp-lisitem{ display: list-item !important;}

/*动画速度调节，原默认为1s，现调节稍快些为0.5s*/
.animated { animation-duration: 0.5s;}

/*点击旋转ICON图标速度，默认fa-spin是2s*/
.fa-spin.s02 { animation: 0.2s linear 0s normal none infinite running fa-spin;}
.fa-spin.s05 { animation: 0.5s linear 0s normal none infinite running fa-spin;}
.fa-spin.s1 { animation: 1s linear 0s normal none infinite running fa-spin;}

/*鼠标样式*/
.cur-d { cursor: default !important;}
.cur-p { cursor: pointer !important;}
.cur-m { cursor: move !important;}
.cur-n { cursor: none !important;}
.cur-not { cursor: not-allowed !important;}
.cur-w { cursor: wait !important;}
.cur-h { cursor: help !important;}

/*label样式*/
.label,.label.label-default{padding: 1px 5px; background:#fff; font-weight:500; color:#666; border-radius: 2px; border:1px solid #ddd; font-size:12px;}
.label.label-orange{ color:#fff; background:#f60; border:0;}
.label.label-danger,.label.label-red{ color:#fff; background:#FC7C79; border:0;}
.label.label-warning,.label.label-yellow{ color:#fff; background:#FF9F24; border:0;}
.label.label-primary,.label.label-blue{ color:#fff; background:#67C1FF; border:0;}
.label.label-success,.label.label-green{ color:#fff; background:#6DD26A; border:0;}
.label.label-close,.label.label-ash{ color:#999; background:#f5f5f5;}

 
/**********页面附属元素样式**********/
/*title文字提示*/
.tooltip { margin-left: 4px;}
.tooltip .tooltip-arrow { display: none;}
.tooltip .tooltip-inner { background: none;}
.tooltip.in { color: #fff !important; font-size: 12px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5333333', endColorstr='#E5333333') !important; background: rgba(51,51,51,0.9) !important; border: 0 !important; box-shadow: 0 0 5px rgba(0,0,0,0.25) !important; border-radius: 3px;}

/*自定义滚动条样式*/
.mCSB_scrollTools .mCSB_draggerRail { background: none !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#000; opacity: 0.2; width:6px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #000; opacity: 0.2; width: 6px;}
.mCSB_outside + .mCSB_scrollTools { right:0px;}
/*模态框样式*/
.modal { top: 5%; min-width: 300px;}
@media (min-width:992px){.modal-dialog { width: 640px;}}
@media (min-width:1200px){.modal-dialog { width: 50%;}}
@media (min-width:992px){.modal-dialog.modal-lg { width: 840px; margin: 10px auto;}}
@media (min-width:1200px){.modal-dialog.modal-lg { width: 90%;}}
@media (min-width:468px){.modal-dialog.modal-sm { width: 480px; margin: 10px auto;}}
@media (min-width:768px){.modal-dialog.modal-sm { width: 480px;}}
@media (min-width:992px){.modal-dialog.modal-sm { width: 480px;}}
@media (min-width:1200px){.modal-dialog.modal-sm { width: 40%;}}
.modal-content { border-radius: 0;}
.modal-header h4 { font-size: 16px;}
.modal-header .close { font-size: 28px; margin-top: -8px; font-weight: normal;}
.modal-footer { padding: 19px 20px 20px; border-top: 1px solid #e5e5e5;}

/*layer弹框样式*/
.layui-layer-title { color: #666;}
.layui-layer-btn a.layui-layer-btn0 { background: #1b9af7; border-color: #078aeb;}
.layui-layer-btn a.layui-layer-btn0:hover { background: #078aeb; border-color: #0681db;}
.layui-layer-btn a.layui-layer-btn1 { color: #666; border: 1px solid #ddd; background-color: #f7f7f7;}
.layui-layer-btn a.layui-layer-btn1:hover { border: 1px solid #ddd; background-color: #fff;}

/*警告框样式*/
.top-alert-box { position: fixed; top: 10px; right:10px; z-index:10000; width: 300px;}
.alert-bar { width: 100%; background: rgba(255, 255, 255, 0.85) !important; box-shadow: 0 2px 3px #cfcfcf; color: #777; position: relative;}
.top-alert-box .alert { margin-bottom: 10px;}
.alert-bar .close { left: auto; position: absolute; right: 15px; top: -1px; background: #ff5b57 !important; color: #fff; opacity: 1; line-height: 14px !important; text-align: center; font-size: 16px; width: 16px; height: 16px;}

/*开关控制样式*/
.bootstrap-switch { border: none; border-radius: 2px;}
.bootstrap-switch.bootstrap-switch-wrapper,.bootstrap-switch.bootstrap-switch-focused,.bootstrap-switch.bootstrap-switch-on { border: 1px solid #0785e2;}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { transition: margin-left 100ms ease 0s;}
.bootstrap-switch.bootstrap-switch-off { border: 1px solid #808b8d;}
.bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0;}
.bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: #1b9af7; border-color: #0785e2;}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color: #fff; background-color: #96a6a6;}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding: 2px 7px;}

/*下拉带模糊查找*/
.bootstrap-select.btn-group .dropdown-menu li { font-size: 12px;}
.bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { display: block; height: auto; overflow: hidden;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #1b9af7;}
.open > .dropdown-toggle.btn-primary { background-color: #1b9af7; border-color: #078aeb;}
.bootstrap-select .btn:focus { outline: none !important;}

/*取色插件*/
.evo-pop ,.evo-pop-ie { background: #fff; background: rgba(255, 255, 255, 0.9); z-index: 10000; padding: 0; *padding: 3px; border: 1px solid #aaa; top: 35px;}
.evo-color div { width: 20px; height: 20px;}
.evo-cHist div { cursor: pointer; border: 1px solid #c0c0c0; padding: 3px; margin: 5px; width: 20px; height: 20px; float: left;}
.evo-color span { font-size: 12px !important; line-height: normal !important;}
.evo-more { padding: 10px 5px; font-size: 11px; text-align: center;}
.evo-more a { color: #27a9e3;}
.evo-colorind-ie { top: 5px;}
.evo-palette-ie td { padding: 6px;}
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff { margin-top: 5px;}
/*rangeSlider样式,如果背景图片出来，可将样式适应删除*/
.irs-slider { width: 18px; height: 18px; top: 22px; background: rgb(255, 255, 255); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border-radius: 99%; cursor: pointer;}
.irs-line span { background: #e1e4e9;}
.irs-line .irs-line-left { border-radius: 4px 0 0 4px;}
.irs-line .irs-line-right { border-radius: 0 4px 4px 0;}

/*文本添加标签*/
.table-content .form-group .bootstrap-tagsinput { height: auto; min-height: 32px; border-radius: 2px; padding: 3px 12px 2px !important; transition: none; font-size: 12px; display: inline-block; line-height: 1.42857; border: 1px solid #d7d7d7; color: #999; box-shadow: none; width: 100%; overflow: auto;}
@media (min-width:468px) {.table-content .form-group .bootstrap-tagsinput { width: 280px;}}
@media (min-width:768px) {.table-content .form-group .bootstrap-tagsinput { width: 300px;}}
@media (min-width:992px) {.table-content .form-group .bootstrap-tagsinput { width: 300px;}}
@media (min-width:1200px) {.table-content .form-group .bootstrap-tagsinput { width: 300px;}}
.bootstrap-tagsinput input { border: none !important; box-shadow: none !important; margin: 5px 5px 2px 0;}
.bootstrap-tagsinput .tag { font-size: 12px; font-weight: 400; margin: 2px 5px 2px 0; position: relative; display: inline-block; line-height: inherit;}
.bootstrap-tagsinput:hover { border: 1px solid #1b9af7 !important; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15) !important; outline: none;}
.bootstrap-tagsinput .tag.label-info { background-color: #1b9af7;}
.bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: none; color: #f8f8f8;}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: none;}
.tagit .ui-icon-close { background: transparent !important; height: 22px !important; width: 16px !important; text-indent: 0 !important;}

/*loading顶部横条样式*/
#page-loader { position: fixed; top: 48px; left: 0; bottom: 0; right: 0; background: #fa8a28; z-index: 1020;}
#page-loader.fade { display: none;}
#page-loader.fade.in { display: block;}
.pace-inactive { opacity: 0;}
.ie8 .pace .pace-activity,.ie8 .pace-inactive { display: none;}
.pace { background: 0 0; position: fixed; top: 48px; left: 0; right: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; z-index: 1020;}
.pace-progress { position: fixed; top: 48px; left: 0;right: 0;text-align: center; height: 3px; background: #fa8a28;-webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; z-index: 2000;}
.pace:before { content: ''; background: 0 0; position: fixed; top: 48px; right: 0; left: 0; height: 3px;}
.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 57px; right: 28px; width: 16px; height: 16px; border:2px solid transparent; border-top-color: #00acac; border-left-color: #00acac; border-radius:10px;-webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite;}
@-webkit-keyframes pace-spinner {0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@-moz-keyframes pace-spinner {0% { -moz-transform: rotate(0deg); transform: rotate(0deg);}100% { -moz-transform: rotate(360deg); transform: rotate(360deg);}}
@-o-keyframes pace-spinner {0% { -o-transform: rotate(0deg); transform: rotate(0deg);}100% { -o-transform: rotate(360deg);transform: rotate(360deg);}}
@-ms-keyframes pace-spinner {0% { -ms-transform: rotate(0deg); transform: rotate(0deg);}100% { -ms-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes pace-spinner {0% { transform: rotate(0deg);}100% { transform:rotate(360deg);}}
.pace-progress { background: #ff4400;}
.pace .pace-activity { border-top-color: #ff4400; border-left-color: #ff4400; display: none;}

/*loading页面居中缓载css*/
.loading { position: fixed; top:43%; left:40%; z-index:22;}
@media (min-width:468px){.loading { left: 43%;}}
@media (min-width:768px){.loading { left: 49%;}}
@media (min-width:992px){.loading { left: 49%;}}
@media (min-width:1200px){.loading { left: 49%;}}
.loading .ball-pulse-sync > div { background: rgba(255, 68, 0, 0.95); width: 18px; height: 18px; margin: 1px;}
.loading .ball-beat > div { background: #fa8a28; width: 18px; height: 18px; margin: 1px; animation: 0.3s linear 0s normal none infinite running ball-beat;}


/*返回顶部、底部控制 */
.scroll-to-top { position: fixed; display: block; right: -100px; bottom: 10px; width: 45px; height: 45px; line-height: 45px; background-color: #fff; color: #1B9AF7; border: 1px solid #e6e6e6; text-align: center; z-index: 1000000;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 0 1px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.05); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; opacity: 0.5; box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.25);}
.scroll-to-top:focus,.scroll-to-top:hover { background-color:#1B9AF7; color: #fff; transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; opacity:1; border: 1px solid #0092DA;}
.scroll-to-top .fa { font-size: 14px; margin: 0;}
.scroll-to-top.active { right: 10px;}


/**********按钮样式**********/
.btn { font-size: 12px; padding: 8px 16px; height: 32px;  border:1px solid #eee; line-height: 14px; border-radius:2px;}
.btn.active, .btn:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10) inset;}
/*默认按钮*/
.btn-default { color: #666; border: 1px solid #ddd; background-color: #f7f7f7;}
.btn-default:hover { color: #666; border: 1px solid #ddd; background-color: #fff;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #666; background-color: #fff; border-color: #ddd;}
/*蓝色primary按钮*/
.btn-primary { background: #1b9af7; border-color: #078aeb;}
.btn-primary:hover { background: #078aeb; border-color: #0681db;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #078aeb; border-color: #0681db;}
.btn-primary.focus, .btn-primary:focus { background-color: #078aeb; border-color: #0681db;}
/*绿色success按钮*/
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439;}
/*浅绿green按钮*/
.btn-green { background: #48cfae; border-color: #46ceac; color: #fff;}
.btn-green:hover { background: #48cfae;border-color: #46ceac; color: #fff;}
.btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover, .open>.dropdown-toggle.btn-green.focus, .open>.dropdown-toggle.btn-green:focus, .open>.dropdown-toggle.btn-green:hover { background: #48cfae; border-color: #46ceac; color: #fff;}
.btn-green.focus, .btn-green:focus { background: #48cfae; border-color: #46ceac; color: #fff;}
/*浅蓝info按钮*/
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {color: #fff; background-color: #31b0d5; border-color: #269abc;}
/*黄色warning按钮*/
.btn-warning{background: #fa8a28; border-color: #f87a0c;}
.btn-warning:hover{ background:#FA861D; border-color:#FA7C0C}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color: #fff;background: #FA861D; border-color: #FA7C0C;}
/*浅粉色pink按钮*/
.btn-pink { background: #fb6e52; border-color: #fb6748; color: #fff;}
.btn-pink:hover { background: #fb6e52;border-color: #fb6748; color: #fff;}
.btn-pink.active.focus, .btn-pink.active:focus, .btn-pink.active:hover, .btn-pink:active.focus, .btn-pink:active:focus, .btn-pink:active:hover, .open>.dropdown-toggle.btn-pink.focus, .open>.dropdown-toggle.btn-pink:focus, .open>.dropdown-toggle.btn-pink:hover { color: #fff; background: #fb6e52; border-color: #fb6748;}
.btn-pink.focus, .btn-pink:focus { background: #fb6e52; border-color: #fb6748; color: #fff;}
/*红色danger按钮*/
.btn-danger{background: #FF6262;border-color: #FF5B5B; color:#fff}
.btn-danger:hover,.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus,.btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color: #fff; background: #FF5B5B;
border-color: #FF4242;}
/*蓝绿色operate按钮*/
.btn-operate { background: #0cc; border-color: #08c5c5; color: #fff;}
.btn-operate:hover { background: #07bdbd; border-color: #0ab9b9; color: #fff;}
.btn-operate.active.focus, .btn-operate.active:focus, .btn-operate.active:hover, .btn-operate:active.focus, .btn-operate:active:focus, .btn-operate:active:hover { color: #fff; background-color: #07bdbd; border-color: #0ab9b9;}
/*绿色success按钮*/
/*禁用按钮样式*/
.btn.disabled, .btn[disabled] { text-shadow: none; opacity: 1; color: #bbb; border: 1px solid #ddd; background-color: #f7f7f7; filter: none;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {background-color: #f7f7f7 !important; border-color: #ddd !important; pointer-events: auto !important; cursor: not-allowed; box-shadow: none;}
/*链接按钮*/
.btn-link {display: inline-block;}
/*按钮大小*/
.btn-xs { padding: 1px 5px !important; font-size: 11px !important; line-height: 1.5 !important; border-radius: 3px; height: auto !important;}
.btn-sm { padding: 2px 9px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px; height: auto !important;}
.btn-lg{padding: 5px 68px !important; font-size: 15px !important; line-height: 26px !important;height:auto !important}
.btn-xs i { font-size: 1.2em;}
/*高级搜索样式（页面暂无）*/
.ncap-search-ban-s { color: #fff; background-color: #16a086; width: 26px; padding: 8px 3px 8px 5px; margin-top: -80px;  border-width: 1px 0 1px 1px; border-style: solid none solid solid; border-color: #16a086 -moz-use-text-color #16a086 #16a086; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none;-moz-border-left-colors: none; border-image: none; position: fixed; display: block; z-index: 99; top: 50%; right: 0; cursor: pointer; box-shadow: 0 0 5px 0 rgba(204, 204, 204, 0.5); border-radius: 8px 0 0 8px;}
.ncap-search-bar { background-color: #f5f5f5; border-left: 1px solid #d7d7d7; padding: 10px 0 10px 10px; position: fixed; z-index: 99; top: 0; bottom: 0; right: -230px;}
.ncap-search-ban-s  i.fa,.ncap-search-bar .handle-btn i.fa { font-size: 14px;}
.ncap-search-bar .handle-btn { color: #999; background-color: #f5f5f5; width: 26px; padding: 8px 3px 8px 5px; margin-top: -80px; border-width: 1px 0 1px 1px; border-style: solid none solid solid; border-color: #e7e7e7 -moz-use-text-color #e7e7e7 #e7e7e7; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none;  -moz-border-left-colors: none; border-image: none; position: absolute; z-index: 1; left: -25px; top: 50%; cursor: pointer; border-radius: 8px 0 0 8px;}
.ncap-search-bar .handle-btn i { margin-bottom: 5px;}
.ncap-search-bar .title { display: block;}
.ncap-search-bar .title h3 { color: #333; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0;}
.ncap-search-bar .content { width: 156px; display: block; padding:0 15px 50px 0; position: relative; z-index: 1;overflow: hidden;}
.ncap-search-bar .content .layout-box { display: block;}
.ncap-search-bar dl { padding: 5px 0; border-bottom: 1px solid #e6e6e6; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); margin-bottom: 0;}
.ncap-search-bar dt { line-height: 20px; color: #808b8d; padding: 0 0 2px 4px; font-weight: 400;}
.ncap-search-bar dd .s-input-txt { background-color: #fff; width: 140px; padding: 3px 5px; height: 25px;}
.ncap-search-bar dd .s-select { width: 140px; padding: 3px 5px; }
.ncap-search-bar .bottom { background-color: #f5f5f5; padding: 10px 0 15px; border-top: 1px solid #e7e7e7; text-align: center; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0;}
.ncap-search-bar .bottom a { font-size: 12px;}
.ncap-search-bar .bottom a.ncap-btn-green { background-color: #1bbc9d; border-color: #16a086;}
.ncap-search-bar .bottom a.ncap-btn-green:hover { background-color: #16a086;}

/**********表格样式**********/
/*table自适应及table列表样式*/
.table-responsive .table { border: none;}
@media (min-width:480px) {.table-responsive .table { border: none;}}
@media (min-width:768px) {.table-responsive .table { border: 1px solid #e1e6eb;}}
@media (min-width:992px) {.table-responsive .table { border: 1px solid #e1e6eb;}}
@media (min-width:1200px) {.table-responsive .table { border: 1px solid #e1e6eb;}}
@media (min-width:768px) {.table-responsive .table-tradd { border-bottom: none !important;}}
@media (min-width:768px) {.table-tradd tbody tr:last-child td { border-bottom: 1px solid #e1e6eb;}}
@media (min-width:992px) {.table-responsive .table-tradd { border-bottom: none !important;}}
@media (min-width:992px) {.table-tradd tbody tr:last-child td { border-bottom: 1px solid #e1e6eb;}}
.table { background: #fff; font-size: 12px; border: 1px solid #ddd;}
.table thead tr th { padding: 8px 4px; color: #555; font-weight: bold; border-bottom: 1px solid #ddd; background-color: #f9fafa; font-size:13px;}
.table tbody tr td { padding: 10px 4px; vertical-align: middle;}
.table thead tr th.tcheck,.table tbody tr td.tcheck,.table tfoot tr td.tcheck{ width:10px; text-align:center;}
/*.table-add tbody tr:last-child td {border-bottom: 1px solid #E1E6EB;}*/
.table tbody tr td.no-data { text-align: center; padding: 100px 0; font-size: 14px; color: #d9534f;}
.table tbody tr td.table-align-left { text-align: left; padding-left: 20px;}
.deliver-table tbody tr td { line-height: 20px;}
.table tfoot tr td { padding: 10px 4px; border-bottom: 1px solid #e1e6eb; vertical-align: middle;}
.table thead tr th:first-child, .table tbody tr td:first-child, .table tfoot tr td:first-child { padding-left: 10px;}
/*table中底部tbody*/
.table tbody tr td.scroll-line { height: 0; padding: 0; display: none;}
.table tfoot.scroll-bottom { position: fixed; background: #fff; bottom: 0;}
/*table-hover*/
.table-hover>tbody>tr:hover { background-color: #f9f9f9;}
.table thead tr th:hover { background: url(../images/common/thead_bg.png) repeat-x left bottom;}
/*table-active*/
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active,.table-hover > tbody > tr.active:hover > td { background: #f9f9f9 !important;}
/*table 行禁用置灰*/
.table > tbody > tr.disabled > td,.table-hover > tbody > tr.disabled:hover > td{background-color: #f5f5f5 !important}
/*.table > thead > tr th{ cursor:pointer;}*/
.table > thead > tr th.handle { cursor: default;}
.table > thead > tr th.handle:hover,.table > thead > tr th.tcheck:hover { border-bottom: none; background-image: none;}
/*table-sort*/
table .sort { background: url(../images/common/sort_btn.png) no-repeat 2% 50%; width: 10px; height: 15px; display: inline-block; vertical-align: bottom; margin: 0 5px; cursor: pointer;}
table .sort.asc { background: url(../images/common/sort_btn.png) no-repeat 50% 50%;}
table .sort.desc { background: url(../images/common/sort_btn.png) no-repeat 95% 50%;}
/*table-ico-switch*/
.ico-switch,.ico-switch i { color: #aaa; display: inline-block !important; cursor: pointer;}
.ico-switch.open,.ico-switch.open i { color: #1b9af7 !important;}
.ico-switch i{ font-size:22px;}
/*table-handle*/
.table tr td.handle a { padding: 3px 8px; cursor: pointer; display: inline-block; color: #777;}
.table tr td.handle a:hover,.table tr td.handle a.active { }
.table tr td.handle a.del:hover,.table tr td.handle .del.active { background-color: #FF6262; border-color: #FF4D4D;}
.table tr td.handle a.disabled,.table tr td.handle a.disabled:hover { border: 1px solid #ddd; background: #f9f9f9; cursor: not-allowed; color: #bbb; box-shadow: none;}
.table tr td.handle span { color: #ccc;}
/*table列表中复选框、全选按钮样式*/
.checkBox,.allCheckBox{ cursor: pointer;}
/*table-page列表分页样式*/
.pagination-info { display: none; vertical-align: middle; padding: 0 16px; color: #888;}
@media (min-width:480px){.pagination-info { display: none;}}
@media (min-width:768px){.pagination-info { display: inline-block;}}
@media (min-width:992px){.pagination-info { display: inline-block;}}
@media (min-width:1200px){.pagination-info { display: inline-block;}}
.pagination { margin: 0; vertical-align: middle; border-radius: 0;}
.pagination > li { display: inline;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px !important; margin-left: -1px; line-height: 1.42857; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination li a, .pagination li span { height: 32px; line-height: 20px; color: #666; cursor: pointer; border-color: #ccc;}
.pagination li.active a, .pagination li.active span { background-color: #1b9af7; border: 1px solid #09c; margin-left: 0;}
.pagination li:first-child > a, .pagination li:first-child > span {  border-radius: 0;}
.pagination li:last-child > a, .pagination li:last-child > span { border-radius: 0;}
.pagination li.active a:hover, .pagination li.active span:hover { background-color: #1b9af7 ; border: 1px solid #09c;}
.pagination li a:hover { color: #fff; background-color: #3ca8f9 !important; border-color: #1b9af7 !important;border-radius:0 !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; cursor: not-allowed; background-color: #fff !important; border-color: #ddd !important;}
.pagination-goto { display: none; vertical-align: middle; padding: 0 15px;}
@media (min-width:480px){.pagination-goto { display: none;}}
@media (min-width:768px){.pagination-goto { display: inline-block;}}
@media (min-width:992px){.pagination-goto { display: inline-block;}}
@media (min-width:1200px){.pagination-goto { display: inline-block;}}
.pagination-goto input.ipt { display: inline-block; margin-right: 6px; min-width: 40px; width: 40px !important; margin-bottom: 0;}
.pagination-goto .btn { padding: 8px; vertical-align: bottom;}
.pagination .pageNum{ display: none;}
@media (min-width:480px){.pagination .pageNum { display: none;}}
@media (min-width:768px){.pagination .pageNum { display: inline;}}
@media (min-width:992px){.pagination .pageNum { display: inline;}}
@media (min-width:1200px){.pagination .pageNum { display: inline;}}
.pagination .pageNum.active { display: inline;}

/**********页面布局样式**********/
/*当前位置*/
.page { background-color: #fff; overflow:hidden; width: auto; padding: 62px 15px 60px 15px; text-align: left; overflow-y: auto; height: 100%; position: relative; min-width: 290px; min-height: 600px;}
.fixed-bar { background-color: #fff; width: 100%; padding-bottom: 4px; position: fixed; z-index: 999; top:0; left: 0;}
.item-title { line-height:20px; white-space: nowrap; padding-top: 10px; margin: 0 15px 0 15px; border-bottom: 1px solid #ddd;}
.item-title .subject { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 35px; line-height: 35px; margin-right: 10px;}
@media (max-width:480px){.item-title .subject { position: relative;}}
@media (min-width:480px){.item-title .subject { position: relative;}}
@media (min-width:768px){.item-title .subject { position: relative;}}
@media (min-width:992px){.item-title .subject { position: static;}}
@media (min-width:1200px){.item-title .subject { position: static;}}
.item-title h3 { font-size: 16px; font-weight: normal; color: #333; float: left; min-width: 30%;}
@media (max-width:480px){.item-title h3 { min-width: 150px;}}
@media (min-width:480px){.item-title h3 { min-width: 190px;}}
@media (min-width:768px){.item-title h3 { min-width: 190px;}}
@media (min-width:992px){.item-title h3 {min-width: 190px;}}
@media (min-width:1200px){.item-title h3 { min-width: 190px;}}
.item-title h3 span, .item-title h5 span { vertical-align: middle;}
.item-title h3 span.action { float: left; padding: 6px 0;}
.item-title h5 span.action-span { float: right; margin-left: 10px;margin-top: -3px;}
.item-title h5 { font-size: 12px; font-weight: normal; line-height: 18px; color: #999; float: right;}

/**********选项卡样式**********/
/*tab选项卡*/
.tab-base { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; float: left; margin-left: 50px;}
@media (max-width:480px){.tab-base { float: none; position: absolute; top: 36px; left: 0; margin-left: 0; width: 100%; border-bottom: 1px solid #ddd; background: #fff; padding-top: 10px; display: none;}}
@media (min-width:480px){.tab-base { float: none; position: absolute; top: 36px; left:0; margin-left: 0; width: 100%; border-bottom: 1px #ddd solid; background: #fff; padding-top: 10px; display: none;}}
@media (min-width:768px){.tab-base { float: none; position: absolute; top: 36px; left: 0; margin-left: 0; width: 100%; border-bottom: 1px solid #ddd; background: #fff; padding-top: 10px; display: none;}}
@media (min-width:992px){.tab-base { float: left; position: static; top: 0; left: 0; margin-left: 50px; width: auto; border: none; padding: 0; display: inline-block;}}
@media (min-width:1200px){.tab-base { float: left; position: static; top: 0; left: 0; margin-left: 50px; width: auto; border: none; padding: 0; display:inline-block;}}
.page .titleBar-box,.dropdown-menu-box { display: block; margin-bottom: 10px; position: relative;}
@media (max-width:480px){.page .titleBar-box { display: block;}}
@media (min-width:480px){.page .titleBar-box { display: block;}}
@media (min-width:768px){.page .titleBar-box { display: block;}}
@media (min-width:992px){.page .titleBar-box { display: none;}}
@media (min-width:1200px){.page .titleBar-box { display: none;}}
.page .titleBar-box .dropdown-menu li a,.dropdown-menu-box .dropdown-menu li a { font-size:12px; color:#666;}
.tab-base li {height: 35px; margin-right: 2px; float: left;}
.tab-base a { line-height: 20px !important; color: #777 !important; background-color: #ddd !important; display: block;!important height: 20px !important; padding: 7px 20px !important; border: solid 1px #ddd !important; border-radius: 5px 5px 0 0 !important; cursor: pointer;}
@media (max-width:480px){.tab-base a { padding: 7px 7px !important }}
@media (min-width:480px){.tab-base a { padding: 7px 7px !important }}
@media (min-width:768px){.tab-base a { padding: 7px 7px !important }}
@media (min-width:992px){.tab-base a { padding: 7px 20px !important;}}
@media (min-width:1200px){.tab-base a { padding: 7px 20px !important;}}
.tab-base a:hover { color: #333 !important;}
.tab-base a.current, .tab-base a:hover.current { font-size: 14px !important; font-weight: 600 !important; background-color: #fff !important; border-bottom-color: #fff !important; cursor: default !important;}

/**********温馨提示样式**********/
/*温馨提示蓝色虚线版*/
.explanation { color: #69abf1; border: 1px #69abf1 dashed; display: block; width: 100%; height: 100%; padding: 10px 0px; border-radius: 3px; position: relative;}
.explanation .title { display: none; white-space: nowrap; position: relative; cursor: pointer; height: 40px; line-height: 50px;}
.explanation .title h4 { font-size: 14px; font-weight: normal; line-height: 20px; height: 20px; display: inline-block;}
.explanation .title i { font-size: 18px; vertical-align: middle; margin-right: 6px;}
.explanation .title span { width: 30px; height: 25px; position: absolute; text-align: center; z-index: 1; top: -10px; right: -5px; font-size: 20px;}
.explanation ul { margin-left: 10px; display: none;}
@media (min-width:468px) {.explanation ul { display: none;}}
@media (min-width:768px) {.explanation ul { display: block;}}
@media (min-width:992px) {.explanation ul { display: block;}}
@media (min-width:1200px) {.explanation ul { display: block;}}
.explanation li { line-height: 20px; padding-left: 10px; margin-bottom: 2px;}
.explanation ul {padding-left: 20px; }
.explanation li { line-height: 20px; margin-bottom: 2px; list-style-type: disc; padding-left: 3px; list-style-position: outside; font-size: 8px;}
.explanation li span { font-size: 12px; }

/*温馨提示灰色左边实线版
.explanation { color: #BA8941; background-color: #FCF8E2; display: block; width: 100%; height: 100%; padding: 6px 9px;  position: relative; overflow: hidden; border-left:4px solid #EDD28A;}
.explanation .title { white-space: nowrap; margin-bottom: 8px; position: relative; cursor: pointer; }
.explanation .title h4 { font-size: 14px; font-weight:bold; line-height: 20px; height: 20px; display: inline-block; }
.explanation .title i { font-size: 18px; vertical-align: middle; margin-right: 6px; }
.explanation li { line-height: 20px;  padding-left: 10px; margin-bottom: 4px; }
*/

/*时间选择插件样式*/
/*今天样式*/
.table-condensed > tbody > tr > td,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > thead > tr > th { padding: 4px 8px; font-size: 12px;}

/*select带搜索样式*/
.table-content .form-group .form-control.bootstrap-select { width: 100%;}
@media (min-width:468px) {.table-content .form-group .form-control.bootstrap-select { width: 280px;}}
@media (min-width:768px) {.table-content .form-group .form-control.bootstrap-select { width: 300px;}}
@media (min-width:992px) {.table-content .form-group .form-control.bootstrap-select { width: 300px;}}
@media (min-width:1200px) {.table-content .form-group .form-control.bootstrap-select { width: 300px;}}
.input-block-level { width: 100% !important}
.bootstrap-select.btn-group .btn .filter-option { overflow: visible !important;}
.search-term .chosen-container { width: 180px !important;}

/*chosen带搜索样式*/
.table-content .form-group .chosen-container{ width:100%;}
@media (min-width:468px) {.table-content .form-group .chosen-container { width:280px;}}
@media (min-width:768px) {.table-content .form-group .chosen-container { width:300px;}}
@media (min-width:992px) {.table-content .form-group .chosen-container { width:300px !important;}}
@media (min-width:1200px) {.table-content .form-group .chosen-container { width:300px;}}

.article-info .form-group .chosen-container{ width: 100%;}
/*单选*/
.chosen-container-single .chosen-single { background: none !important; border-color: #d7d7d7 !important; font-size: 12px; padding: 5px 16px !important; height: 32px !important; line-height: 14px !important; border-radius: 2px !important;box-shadow: none !important; color: #999 !important;}
.chosen-container-single .chosen-single div b { background-position:0 6px !important;}
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 6px !important;}
.chosen-container .chosen-results li { font-size:12px;}
.chosen-container .chosen-results li.highlighted { background: #1b9af7!important;}
.chosen-container .chosen-drop { border-color: #d7d7d7 !important}
.chosen-container-single .chosen-search input[type="text"] { border: 1px solid #1b9af7!important; border-radius: 2px !important; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15)!important; background: none!important}
.chosen-container-single .chosen-single { line-height: 20px !important;}
/*多选*/
.chosen-container-multi .chosen-choices { border: 1px solid #d7d7d7 !important; box-shadow: none !important;border-radius: 2px !important; height: 32px !important; font-size: 12px !important; padding: 2px 5px !important;background-image: none !important;}
.chosen-container-active .chosen-choices { border: 1px solid #1b9af7 !important; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15) !important; outline: none;}
.chosen-container-multi .chosen-choices li.search-choice { border: 1px solid #d7d7d7 !important; background-image: none !important; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-color: #f9f9f9 !important; margin: 2px 5px 2px 0 !important; padding: 4px 20px 4px 5px !important;}
.chosen-container-multi .chosen-choices li.search-choice:hover { background-color: #fff !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background-position: -42px 2px !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -9px !important;}
.chosen-container .chosen-choices:hover,.chosen-container-single .chosen-single:hover { border: 1px solid #1b9af7 !important; -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15) !important; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15) !important; outline: none;}
.chosen-container .chosen-results { max-height: 200px !important; color: #999 !important;}
.deliver_info .chosen-results { max-height: 140px !important; color: #999 !important;}

/*tagsinput框样式*/
.bootstrap-tagsinput { height: 32px; border-radius: 2px; padding: 6px; transition: none; font-size: 12px; display: inline-block; line-height: 1.42857;}

/**********搜索条件样式**********/
/*文本框修改样式*/
.search-term { display: block; width: 100%; height: 100%; background-color: #f9fafa; padding: 5px 10px; border: 1px solid #ddd;}
.search-term .simple-form-field { margin: 4px 8px 4px 0; display: inline-block; vertical-align: middle;}
.search-term .simple-form-field .form-group { margin: 4px 8px 4px 0;}
.search-term .simple-form-field label.control-label { font-weight: normal; font-size: 12px; color: #666; cursor: pointer; text-align: right;}
.search-term .simple-form-field label.control-label span { cursor: text;}
.search-term .form-control-wrap { display: inline-block; vertical-align: middle;}
.form-control,.search-term .form-control { height: 32px; border-radius: 2px; padding: 6px; transition: none; font-size: 12px; border-top-color: #c2c2c2; box-shadow: none; display: inline-block;}
.form-control[type='password'],.search-term .form-control[type='password'] { padding-right: 35px;}
.search-term .form-control { width: 150px;}
.search-term .form-control.form_datetime { width: 110px;}
@media (min-width:468px) {.search-term .form-control.form_datetime { width: 120px;}}
@media (min-width:768px) {.search-term .form-control.form_datetime { width: 120px;}}
@media (min-width:992px) {.search-term .form-control.form_datetime { width: 120px;}}
@media (min-width:1200px) { .search-term .form-control.form_datetime { width: 120px;}}

/*搜索按钮样式*/
.search-term .simple-form-search, .search-term .simple-form-search .form-group { margin: 4px 0;}
.search-term .simple-form-search label.control-label i { font-size: 16px; color: #aaa;}

/*搜索时间至时间中间'至'样式*/
.search-term .form-control-wrap .ctime,.simple-form-field .form-group .ctime { margin: auto 5px;}
.form-control.ipt { width: 30%; min-width: 85px; max-width: 90px;}
/*地区选择*/
.form-control.render-selector{ width:120px !important;}

/*文本框xs样式*/
.form-control-xs { height: 24px; padding: 2px;}
.form-control-sm { height: 28px; padding: 4px;}

/**********列表固定内容样式**********/
/*表格标题块*/
.ftitle { font-size: 0; *word-spacing:-1px; height: 24px; float: left;}
.ftitle h3, .ftitle h5 { font-size: 12px; font-weight: normal; line-height: 24px; color: #999; vertical-align: bottom; letter-spacing: normal; display: inline-block; *display: inline; padding: 0; *zoom:1;}
.ftitle h3 { font-size: 16px; color: #333; margin-right: 6px;}
.common-title { color: #333; white-space: nowrap; display: block; position: relative; z-index: 4; height: 30px;}

/*刷新和列表设置按钮样式*/
.page .operate { height: 24px; line-height: 24px; float: left;}
.page .operate a { float: left; color: #999; padding: 0 6px; margin: 1px 0; text-decoration: none; border: 1px solid #fff;}
.page .operate a.reload:hover { background: #e6e6e6; border-radius: 5px; color: #333;}
.page .operate span.rline { width: 0; height: 16px; float: left; margin: 4px 3px; border-left: 1px dotted #d7d7d7;}
.page .operate a i { font-size: 14px; margin-right: 0; vertical-align: initial;}
.page .operate a i.fa-spin { color: #1b9af7;}
.page .operate .editTablebox { position: relative; float: left; z-index: 2;}
.page .operate .editTablebox .editBtn { border-bottom: none; position: absolute;}
.page .operate .editTablebox:hover .editBtn,.page .operate .editTablebox .editBtn.active { color: #333; background-color: #fff; border-radius: 4px 4px 0 0; border-color: #d7d7d7; border-bottom: none; z-index:102;}
.page .operate .editTablebox:hover .edit-table { display:block;}
.page .operate .edit-table { position: absolute; top: 25px; margin: 0; background: #fff; color: #999; padding: 5px 10px 10px; z-index: 0; border: 1px solid #ddd; display: none; min-width: 120px !important; border-radius: 4px 0 4px 4px; left: auto; right: -29px;}
@media (min-width:468px) {.page .operate .edit-table { border-radius: 0 4px 4px 4px; left:0; right: auto;}}
@media (min-width:768px) {.page .operate .edit-table { border-radius: 0 4px 4px 4px; left:0; right: auto;}}
@media (min-width:992px) {.page .operate .edit-table { border-radius: 0 4px 4px 4px; left:0; right: auto;}}
@media (min-width:1200px) {.page .operate .edit-table { border-radius: 0 4px 4px 4px; left:0; right: auto;}}
.page .operate .edit-table h5 { font-size: 12px; font-weight: normal;  line-height: 24px; vertical-align: bottom; letter-spacing: normal; display: inline-block; *display: inline; padding: 0; *zoom: 1; color: #f60;}
.page .operate .edit-table ul { max-height: 134px; overflow: hidden;}
.page .operate .edit-table ul li { border-bottom: 1px dotted #e6e6e6;}
.page .operate .edit-table ul li:last-child { border-bottom: none;}
.page .operate .edit-table ul li:hover { background: #f8f8f8;}
.page .operate .edit-table ul li label { font-weight: normal; margin: 0; cursor: pointer; width: 100%;}
.page .operate .edit-table ul li label input { cursor: pointer; vertical-align: sub;}
.page .operate .edit-table ul li label span { margin-left: 10px; letter-spacing: normal; display: inline-block;vertical-align: middle; font-size: 12px;}


/**********form表单相关元素**********/
.file-input-hidden{ position: absolute; right: 0; top: 0; font-family: Arial; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; opacity: 0;}

/*点击文本框、文本域等操作效果*/
.table-content .form-group .form-control-box { display: inline-block; text-align: left; width: auto; float: left; position: relative;}
input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="password"]:active, textarea.form-control:hover, textarea.form-control:focus, textarea.form-control:active, select.form-control:hover, select.form-control:focus, select.form-control:active, .input-file-show:hover, .input-file-show:focus, .input-file-show:active, .file-attach-1:focus, .file-attach-1:hover, .file-attach-1:active { background-color: #fff; border: 1px solid #1b9af7; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15);box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline:none;}
.table-content .form-group .form-control{ width: 100%;}
@media (min-width:468px) {.table-content .form-group .form-control { width:280px;}}
@media (min-width:768px) {.table-content .form-group .form-control { width:300px;}}
@media (min-width:992px) {.table-content .form-group .form-control { width:300px;}}
@media (min-width:1200px) {.table-content .form-group .form-control { width:300px;}}
.table-content .form-group .form-control.long { width: 100%;}
@media (min-width:468px) {.table-content .form-group .form-control.long { width: 100%;}}
@media (min-width:768px) {.table-content .form-group .form-control.long { width: 69%;}}
@media (min-width:992px) {.table-content .form-group .form-control.long { width: 69%;}}
@media (min-width:1200px) {.table-content .form-group .form-control.long { width: 69%;}}
.table-content .form-group .form-control.small, .form-control.small { width: 50px;}
.table-content .form-group .form-control.middle, .form-control.middle { width: 120px;}
.table-content .form-group .form-control.large, .form-control.large { width: 150px;}
.table-content .form-group .form-control.sm-height, .form-control.sm-height { height: 25px; padding: 3px 6px;}
.form-control[disabled]:hover, fieldset[disabled] .form-control:hover { background-color: #eee; border: 1px solid #d7d7d7; box-shadow: none;}
.form-control.form-control-sm{ height: 26px !important; padding: 3px;}
.form-control.form-control-xs{ height: 24px !important; padding: 1px;}
/*文本域*/
textarea.form-control { min-height: 32px;}

/*下拉框*/
.simple-form-field .form-group select.form-control { cursor:pointer; max-width: 180px;} 
.table-content .simple-form-field .form-group select.form-control option, .table-content .simple-form-field .form-group select.form-control option,.search-term .simple-form-field .form-group select.form-control option{ font-size: 12px; padding: 2px 10px; line-height: 12px; cursor: pointer; }

/*上传附件隐藏按钮file文本框样式*/
.file-hidden { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; padding: 0; margin: 0; overflow: hidden;}

/*上传附件按钮1*/
.file-attach-1 { float: left; height: 32px; width: auto; position: relative; border: 1px solid #d7d7d7; border-radius: 2px; padding: 6px 15px;}
.file-attach-1.error {background-color: #fff0f0; background-repeat: repeat; border: 1px solid #e84c3d; -moz-box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); -webkit-box-shadow: 0 0 0 0 2px rgba(232, 76, 61, 0.2); box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); outline: none;}
.file-attach-2 { text-align: center;}
.file-attach-1:hover { border:1px solid #1b9af7; background:#1b9af7; color:#fff; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15); box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: none;}
.inputstyle { width: 100px; height: 32px; cursor: pointer; font-size: 30px; outline: none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0; top: 0;}

/*图片预览*/
.preview #imgpreview img { max-width: 160px !important; max-height: 95px !important;}

/*上传图片按钮*/
.input-file-show { background-color: #fff; vertical-align: top; display: inline-block; padding-left: 26px; border: solid 1px #d7d7d7; border-radius: 2px; position: relative; float: left;}
.input-file-show:hover,.input-file-show.yes { border-color: #1b9af7;}
.input-file-show span.show { width: 22px; height: 28px; text-align: center; padding: 2px; position: absolute; z-index: 2; top: 0; left: 0;}
.input-file-show span.show a { color: #aaa; display: block; width: 22px; height: 28px;}
.input-file-show:hover span.show a, .input-file-show span.show a:hover,.input-file-show.yes span.show a { color: #1b9af7; text-decoration: none;}
.input-file-show span.show i { font-size: 14px; line-height: 28px; display: block;}
.type-file-box { display: block; width: 262px; height: 32px; position: relative; z-index: 1;}
.type-file-text { display: block; width: 163px; height: 32px !important; line-height: 32px !important; float: left !important; padding: 0 !important; margin: 0 !important; border: none 0 !important; border-radius: 0 !important;}
.type-file-button, .type-file-button:focus { background-color: #e6e6e6; display: block; width: 99px; height: 32px; float: left !important; border: 0; border-radius: 0 2px 2px 0;}
.input-file-show:hover .type-file-button,.input-file-show.yes .type-file-button { color: #fff; background-color: #1b9af7;}
.type-file-file { width: 262px; height: 32px; position: absolute; top: 0; right: 0; filter:alpha(opacity:0); opacity: 0; cursor: pointer;}
.type-file-preview { display: none; background: #fff; padding: 5px; border: solid 5px #71cbef; position: absolute; z-index: 999;}
.image_display .type-file-show { width: 16px; height: 16px; padding: 2px; border: solid 1px #d8d8d8; cursor: auto;}

/*上传多张图片按钮*/
ul.upload-control { display: inline-block;}
ul.upload-control li { float: left; padding: 3px; border: 1px #ddd solid; margin-right: 5px; position: relative;}
ul.upload-control li span { display: none; width: 100%; height: 20px; line-height: 20px; left: 0; bottom: 0; position: absolute; filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity: 0.7; color: #fff; background: #000; text-align: center; cursor: pointer; overflow: hidden;}
ul.upload-control li:hover span { display: block;}
ul.upload-control li img { width: 55px; height: 55px;}
ul.upload-control li.upload-control-button { float: left; position: relative; padding: 3px; border: 1px dashed #ddd; background: #fcfcfc;}
ul.upload-control li .upload-control-bg { height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/add-img.png) no-repeat center center;}
ul.upload-control li .inputstyle { width: 55px; height: 55px; cursor: pointer; font-size: 30px; outline: none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0; top: 0;}

/*期望流向*/
ul.go-control { margin-top: 0; margin-bottom: 0; color: #aaa; padding-top: 5px; clear: both; min-height: 50px;}
ul.go-control li{ float: left; padding: 3px; border: 1px solid #f29d67; margin-right: 5px; position: relative;padding-right: 22px; margin-top: 10px; display: inline-block;}
ul.go-control li a,ul.go-control li a:hover { color: #f29d67;}
ul.go-control li em { position: absolute; right: 3px; bottom: 4px; width: 15px; height: 15px; display: block; background: url(../images/common/go-bg.png) no-repeat;}
/*上传附件2*/
.file-show-attach { padding-left: 5px;}
.file-show-attach .type-file-box { width: 283px;}
.file-show-attach .type-file-text { width: 184px;}

/*带删除chosen*/
.table-content .form-group .choosen-select-box .choosen-select-item{ border:1px solid #58B4FF; width:230px; float:left; margin:2px; display:inline-block;background:#58B4FF;}
.table-content .form-group .choosen-select-box .choosen-select-item .chosen-container{ width:200px !important;  float:left; display:inline-block; border:0;}
.table-content .form-group .choosen-select-box .choosen-select-item .chosen-container-single .chosen-single, .table-content .form-group .choosen-select-box .choosen-select-item .chosen-container-single .chosen-single:hover, .table-content .form-group .choosen-select-box .choosen-select-item .chosen-container-single .chosen-single:active { border:0 !important; box-shadow:none !important}
.table-content .form-group .choosen-select-box .choosen-select-item .choosen-select-delete{ cursor:pointer; color:#fff; background:#58B4FF; width:28px; line-height:30px; display:inline-block; text-align:center; font-size:15px;}

/*单、复选框*/
.form-group input[type='checkbox'], .form-group input[type="radio"] { display: inline-block; margin-right: 4px; vertical-align: middle; margin-top: -2px; margin-bottom: 1px; cursor: pointer;}
.form-horizontal .control-label-spe { margin-right: 8px;cursor: pointer; text-align: left; padding-top: 8px;}
.form-horizontal .control-label-spe .icheckbox_minimal-blue { margin: -2px 3px 1px 0;}
.form-horizontal .control-label-spe .iradio_minimal-blue { margin-right: 5px; margin-top: -2px;}
.form-horizontal .form-control-box .control-label.cur-p{ margin-right:20px;}

/*单、复选框*/
.icheckbox_minimal-blue, .iradio_minimal-blue { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(../images/common/blue.png) no-repeat; border: none; cursor: pointer;}
.icheckbox_minimal-blue { background-position: 0 0;}
.icheckbox_minimal-blue.hover { background-position: -18px 0;}
.icheckbox_minimal-blue.checked { background-position: -36px 0;}
.icheckbox_minimal-blue.disabled { background-position: -54px 0; cursor: default;}
.icheckbox_minimal-blue.checked.disabled { background-position: -72px 0;}
.iradio_minimal-blue { background-position: -90px 0;}
.iradio_minimal-blue.hover { background-position: -108px 0;}
.iradio_minimal-blue.checked { background-position: -126px 0;}
.iradio_minimal-blue.disabled { background-position: -144px 0; cursor: default;}
.iradio_minimal-blue.checked.disabled { background-position: -162px 0;}

/*开关错误提示*/
.form-horizontal .control-label-switch { margin-right: 8px; cursor: pointer; text-align: left; float: left; padding-top: 3px;}

/*提示性文字*/
.text-danger { color: #f60; font: bold 14px/20px tahoma, verdana; vertical-align: middle;}
.form-control { border: solid 1px #d7d7d7; color: #777;}
.form-control.input-sm{height: 28px; padding: 2px 5px;}
.help-block-t { margin-top: 0; margin-bottom: 0; color: #aaa; padding-top: 5px; clear: both;}

/*表单警示性报错提示*/
input.error, textarea.error, select.error { background: #fff0f0; border: 1px solid #e84c3d; -moz-box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); -webkit-box-shadow: 0 0 0 0 2px rgba(232, 76, 61, 0.2); box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); outline: none;}

/*错误提示*/
.form-control-error { display:inline-block; width: auto; height: auto; min-height: 32px; padding: 6px 0; transition: none; font-size: 12px; color: #e84c3d;  margin-left: 0; float: left;}
@media (min-width:468px) {.form-control-error { margin-left: 20px;}}
@media (min-width:992px) {.form-control-error { margin-left: 20px;}}

/*警告提示*/
.form-control-warning { clear: both; display: inline-block; width: auto; height: auto; min-height: 30px; padding: 6px 10px; font-size: 12px; color: #f0ad4e; background-color: #ffffe5; border: 1px solid #ffcc7f;}
.form-control-warning.error { color: #e84c3d; background-color: #fef3f1; border: 1px solid #f8a394;}

/*加密眼睛*/
.form-group .form-control-box .pwd-toggle { position: absolute; top: 10px; left: 275px; cursor: pointer;}

/*图片经过放大*/
.table tr td span.pic{ float: right;}
.table tr td a.preview,.form-group .input-file-show a.preview { position: relative; display: inline-block;}
.table tr td #imgpreview,.form-group .input-file-show a.preview #imgpreview { position: absolute; z-index: 99; padding: 5px; border: 1px solid #ddd; background: #fff;}
.table tr #imgpreview,.form-group .input-file-show a.preview #imgpreview { top: 0;}

/*表格中表格中第一、第二条与倒数第一、倒数第二条展示位置样式控制*/
.table tr:nth-last-child(1) #imgpreview,.table tr:nth-last-child(2) #imgpreview{ top: auto; bottom: 0;}
.table tr:nth-child(1) #imgpreview,.table tr:nth-child(2) #imgpreview { top:0; bottom: auto;}

/*属性值的添加*/
.table-content .form-group .form-control.form-control-spe { width: 50px;}
.table-content .form-group ul.attr-value { width: 100%; display: inline-block;}
.table-content .form-group ul.attr-value li { width: 100%; display: inline-block;}

.text-explode { color: #999;}
.table tr th label.input-label { cursor: pointer;}
.table tr th label.input-label .checkBox { vertical-align: sub;}

/*表格底部的select框*/
.table tfoot select {height: 32px; border-radius: 2px; padding: 6px; font-size: 12px; border: 1px solid #d7d7d7; color: #999; vertical-align: middle; margin-bottom: 0;}

.tool .ww-inline { background: url(../images/common/tool.gif) no-repeat; display: inline-block; vertical-align: text-bottom; height: 20px; width: 67px;}
.tool .ww-inline.ww-offline { background-position: 0 -20px;}
.tool .ww-inline.small { background-position: -80px 0; width: 20px; height: 20px;}
.tool .ww-inline.smalloff { background-position: -80px -20px; width: 20px; height: 20px;}

/*鼠标经过弹框样式*/
.popBox { position: relative;}
.popBox .popover-info { position: absolute; left: 78px; top: -18px; width: auto; padding: 4px; background: #fcf8e3; border: 1px #fce3b3 solid; border-radius: 4px; display: none; z-index: 3;}
.popBox .popover-info i.fa-caret-left,.popBox .popover-info i.fa-caret-right { position: absolute; left: -6px; top: 18px; color: #fce3b3;}
.popBox .popover-info ul { display: inline-block; width: 100%; height: auto; padding: 7px 15px; border-radius: 4px; background: #fff;}
.popBox .popover-info ul li { width: auto; height: auto; line-height: 30px; max-width: 305px; min-width: 100px; display: block; overflow: hidden;}
.popBox .popover-info ul li div { float: left;}
.popBox .popover-info ul li div.dt { width: 40px; color: #ff6a6a;}
.popBox .popover-info ul li div.dt span { height: 17px; line-height: 17px; margin-top: 7px; border-radius: 2px; color: #ff6a6a; text-align: right;}
.popBox .popover-info ul li div.dd { max-width: 250px; width: auto; margin-left: 5px;}
.popBox .popover-info ul li div.dd a { color: #999;}
.popBox .popover-info ul li p { line-height: 20px;}
.popBox:hover .popover-info{ display: block; }

/*信誉图标*/
.rank-cap { overflow: hidden;}
.rank-cap i { background: url(../images/common/icon-small.png) no-repeat 0 3px; float: left; margin-right: 2px; width: 16px; height: 16px;}
.rank-cap i.icon-01 { background-position: 0 3px;}
.rank-cap i.icon-02 { background-position: -20px 3px;}
.rank-cap i.icon-03 { background-position: -40px 2px;}
.rank-cap i.icon-04 { background-position: -60px 2px;}

/*vip图标*/
.vip-icon { background: url(../images/common/vip-icon.png) no-repeat 0 0; width: 14px; height: 14px; display: inline-block; vertical-align: middle;}
.vip-icon.vip-icon-0 { background-position: 0 0;}
.vip-icon.vip-icon-1 { background-position: 0 -14px;}
.vip-icon.vip-icon-2 { background-position: 0 -28px;}
.vip-icon.vip-icon-3 { background-position: 0 -42px;}
.vip-icon.vip-icon-4 { background-position: 0 -56px;}
.vip-icon.vip-icon-5 { background-position: 0 -70px;}
.vip-icon.vip-icon-6 { background-position: 0 -84px;}

/*好中差评图标*/
.score-icon { background: url(../images/common/icon-small.png) no-repeat -242px 3px; width: 20px; height: 20px; display: inline-block; vertical-align: sub;}
.score-icon.icon-0 { background-position: -242px 3px;}
.score-icon.icon-1 { background-position: -222px 3px;}
.score-icon.icon-2 { background-position: -200px 3px;}

/*星级图标*/
.star-icons { background: url(../images/rank/star.png) no-repeat 0 -206px; width: 80px; height: 15px; position: relative; display: inline-block; vertical-align: sub;}
.star-icon { background: url(../images/rank/star.png) no-repeat 0 -181px; height: 15px; display: block;}

/*字符截取*/
.intercept { text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden;}

/*问题帮助图标样式*/
.helpBox, .helpBox2, .helpBox3 { width: 20px; height: 20px; float: left; display: inline-block; margin-top: 5px; margin-left: 10px; background: url(../images/common/icon-small.png) no-repeat -180px -19px;}
.helpBox2 { background-position: -44px -39px;}
.helpBox3 { background-position: -114px -39px;}

/*异常报错以及系统信息提示*/
.body-error { background: #f5f5f5; color: #fff; height: 100%}
.error-wrapper { text-align: center; padding: 1% 0 10%;}
.error-wrapper .icon-404 { background: url(../images/common/404.png) no-repeat; width: 262px; height: 218px; display: inline-block; margin-left: 30px;}
.text-center { text-align: center;}
.error-wrapper h2 { font-size: 20px; font-weight: normal; margin: -5px 0 20px 5px; display: inline-block; width: 245px; padding: 15px; border-radius: 4px; text-transform: capitalize; background: #5bc690;}
.error-wrapper p { width: 600px; font-size: 16px; color: #546e7a; margin: 0 auto;}
.error-wrapper a { font-size: 14px;}

/*拒绝页面样式*/
.refuse_box { margin: 15px 15px 0;}
.refuse_box textarea { margin: auto; width: 100%; box-sizing: border-box; padding: 6px;}
.refuse_box .bottem_bnt { margin: auto; text-align: center;}
.refuse_box .col-sm-4 { width: 20%; float: left; text-align: right; line-height: 32px;}
.refuse_box .col-sm-8 { width: 80%; float: left;}

/*鼠标经过车辆显示个人信息*/
.car-yes { text-align: center; position: relative; cursor: pointer;}
.car-info { position: absolute; right: 55px; top: -1px; z-index: 12; border: 1px solid #ccc; background: #fff; padding: 10px; box-shadow: 0 0 0 2px rgba(187,187, 187, 0.15); width: 310px; text-align: left; display: none;}
.car-info ul li { float: left; padding: 0 10px 0 0; width: 50%;}
.car-info ul:last-child { border-right: none; padding: 0 0 0 10px;}
.car-info ul .control-label { text-align: right; vertical-align: top; width: 60px; display: inline-block; margin-right: 5px;}
.car-info ul .form-group { margin-bottom: 5px;}
.car-info ul .form-group-two { margin-bottom: 5px; width: 100%;}
.table tr:nth-last-child(0) .car-info,.table tr:nth-last-child(1) .car-info { top: auto; bottom: 1px;}
.table tr:first-child .car-info,.table tr:nth-child(1).car-info { top:-1px !important; bottom: auto !important;}

/*送货员认证*/
.about-car-info { padding-top: 15px; margin: 15px 0; background-color: #fdfdfd; border-style: solid; border-width: 1px 0; border-color: #f0f0f0;}
.about-car-info:hover { background-color: #fff; border-style: dotted; border-width: 1px 0; border-color: #d7d7d7; box-shadow: 0 0 2px rgba(0,0,0,0.05);}

/*上传多张图片按钮*/
ul.image-group { display: inline-block;}
ul.image-group li { float: left; padding: 3px; border: 1px #ddd solid; margin-right: 5px; position: relative;}
ul.image-group li span.image-group-remove, ul.image-group li span.image-group-update { display: none; width: 100%; left: 0; bottom: 0; position: absolute; height: 18px; line-height: 18px; filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity: 0.7; color: #fff; background: #000; text-align: center; cursor: pointer; overflow: hidden;}
ul.image-group li span.image-group-update{ top:0;}
ul.image-group li:hover span.image-group-remove,ul.image-group li:hover span.image-group-update { display: block;}

ul.image-group li img { width: 55px; height: 55px;}
ul.image-group li.image-group-button { float: left; position: relative; padding: 3px !important; border: 1px #ddd dashed; background: #fcfcfc; cursor: pointer;}
ul.image-group li .image-group-bg { height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/add-img.png) no-repeat center center;}
ul.image-group li .inputstyle ,ul.image-group li input{ width: 100%; height: 100%; cursor: pointer; font-size: 30px; outline: none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0; top: 0;}


/*底部版权信息*/
.platform-footer {text-align: center;position: absolute; bottom: 0px; z-index: 1; width: 100%; padding: 10px 0px 10px; color: #999; font-size: 12px; margin-top:20px; line-height:22px;}
.copyright{padding-bottom:0px;}
.copyright p { text-align: center; margin-bottom: 3px; font-size: 12px; }
.copyright p span { margin: 0 8px; }
.copyright p span i { margin: 0 5px 0 3px; font-size: 14px; }
.copyright p,.copyright a{ color:#999;}




/*底部右下角帮助中心*/
.help-content-box{ display:block;}
.help-content-box .help-button-box{position: fixed; bottom: 0; right: 0; z-index: 100;}
.help-content-box .help-button-box a.help-button{display: block; width: 125px; height: 44px; font-size: 14px; line-height: 44px; color: #fff; text-align: center; background-color: #0092DA; border-radius: 2px 0px 0 0; cursor: pointer;}
.help-content-box .help-button-box a.help-button i.fa{ font-size:15px; margin-right:7px;}
.help-content-box .help-center-box{position: fixed; top:1px; right: 0; width: 250px; height: 100%; background-color: #fff; box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.15); transition: top .3s ease-out; z-index:1111}
.help-center-box .help-title{color: #fff; background-color: #0092DA; padding: 10px 15px 10px 20px; margin: 0; font-size:14px;}
.help-center-box .help-title span a.small{ margin-left:10px; color:#fff; font-size:12px; cursor:pointer;}
.help-center-box .help-title a.help-close{ color:#fff; cursor:pointer; float:right; font-size: 16px; width: 20px; height: 20px; text-align: center; font-weight: 700; line-height: 20px;}
.help-content-box .help-center-box{ top:200%;}
.help-content-box .help-center-box.open{ top:1px;}

/*问题列表*/
.help-center-box .help-center{padding: 20px; }
.help-center-box .question-list-ul{margin-bottom:10px; max-height:220px; overflow-y:auto;}
.help-center-box .question-list-ul li{ margin-bottom:10px;}
.help-center-box .question-list-ul li h5 a{ color:#333; white-space: normal; font-size:13px; line-height: 18px;
margin-bottom: 3px; display:block;}
.help-center-box .question-list-ul li p{line-height: 1.5em; color: #999; font-size:12px;}

/*链接列表*/
.href-list-ul{padding-top:20px; border-top:1px solid #eee; padding-bottom:10px;}
.href-list-ul li{margin-bottom: 0.5em; line-height: 1.8em;}
.href-list-ul li a{text-decoration: none; color: #38f; cursor: pointer;}

/*意见反馈*/
.help-center-other{ overflow:hidden; border-top:1px solid #eee; padding-top:15px;}
.help-center-other a{ color: #38f; cursor: pointer; display:inline-block; font-size:12px; width:49%; text-align:center; float:left;}
.help-center-other a:last-child{ border-left:1px dashed #ddd;}

/*底部浮动按钮*/
.bottom-btn{ text-align: left; padding: 15px 0px; padding-left: 25.3%; }
.bottom-btn.bottom-btn-fixed { position: fixed; right:0px; bottom: -18px; text-align: center; width: 100%; min-width:1098px; background: #fff; box-shadow: 0px -2px 6px #e9e9e9; z-index: 100000; margin-left:-15px; padding: 10px 0;}
.bottom-btn .btn{ padding: 10px 25px; height: 36px;}

/*修改弹框修改*/
.editable.editable-click{padding-right: 18px; border-bottom: none;  font-style:normal !important;}
.editable.editable-click:hover,.table-hover tr:hover .editable.editable-click{ background: url(../images/common/edit.png) no-repeat center right;  border-bottom: none;}
.goods_name.editable.editable-click,.goods_name.editable.editable-click:hover{ background: none !important; padding-right: 0   ;}
.name .editable-popup .popover-title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.name .editable-popup{width:380px;}
.name .editable-popup .popover-content textarea{height:70px ; width: 270px; }

.edit-table-click {padding-right: 18px; border-bottom: none;  font-style:normal !important;}
.edit-table-click:hover { background: url(../images/common/edit.png) no-repeat center right;  border-bottom: none;}

/*右下角消息提醒弹窗*/
.message-pop-box .message-title h5 i.news-icon,.message-pop-box .message-title .close{ background:url(../images/common/combine_img.png) no-repeat -231px 1px; display: inline-block; }
.message-pop-box{ position:fixed; bottom:5px; right:5px; width:380px; min-height:200px; z-index:9999; box-shadow: 0 0px 0px 1px rgba(0,0,0,.04); overflow:hidden; border-radius:3px;transition: all 0.5s ease 0s;}
.message-pop-box.up{ bottom:5px; opacity:1; }
.message-pop-box.down{ bottom:-210px; opacity:0;}
.message-pop-box .message-title{ background:#529DE0; height:28px; width:100%; border:1px solid #5993C5; line-height:28px; border-radius:3px 3px 0 0;}
.message-pop-box .message-title h5{ color:#fff;line-height: 26px;padding-left:5px;float: left;}
.message-pop-box .message-title h5 i.news-icon{ width:18px; height:18px; margin-right: 2px; display: inline-block; vertical-align: middle; background-position: -316px -3px;}
.message-pop-box .message-title a.close{ float:right; width:28px; height:28px; color:#fff; font-weight: 100; opacity:0.8; cursor:pointer;  background:none;}
.message-pop-box .message-title a.close:hover{ opacity:0.95}
.message-pop-box .message-info{border:1px solid #e7e7e7; border-top:0px; border-radius: 0 0 3px 3px;  width: 100%; min-height: 180px; padding: 15px; background:#FDFEFF  }
.message-pop-box .message-info .message-icon{background:url(../images/common/combine_img.png) no-repeat 0px -370px; width:130px; height:130px; float:left; display:inline-block; margin-right:10px;}
.message-pop-box .message-info .pull-left{ width: 200px;}
.message-pop-box .message-info h5{ line-height:22px; margin:10px auto 10px; color:#555; font-size:13px;}
.message-pop-box .message-info h5 .num{ margin:0 3px; font-style:normal; font-family:Georgia, Arial; font-size:16px; color:#FF6600; font-weight:600; }
.message-pop-box .message-info h5 span{text-overflow: ellipsis; width: 170px; display: block; overflow: hidden;}
.message-pop-box .message-info .btn.message-btn{  padding: 4px 12px !important;}


/*页面无内容(非表格)样式*/
.no-data-page{ text-align:center; margin:60px auto 120px;}
.no-data-page .icon{ width:150px; height:150px; border-radius:99%; text-align:center;  background:#FAFAFA;  margin:auto auto 30px;}
.no-data-page .icon i{ color:#EFEEF3; font-size:86px; margin:35px auto;}
.no-data-page h5{ font-size:18px; color:#555; margin-bottom:10px; background: none !important; border: none !important;}
.no-data-page p{ font-size:14px; color:#999;}
/*统计*/
.Ftitle{background-color: #FAFAFA; height: auto; padding: 10px 20px; margin: 10px auto; border: solid 1px #E6E6E6;}
.char-list ul li{width: 50%;font-style: normal;font-weight: bold;color: #333;font-size: 14px;float: left;display: inline-block;padding: 5px 20px;border-right: 2px solid #ddd;}	
.char-list ul li:nth-child(2n){ border-right:0px;}



.popover.fade{border-radius: 2px; border: none; box-shadow: 0 1px 6px rgba(0,0,0,.2); max-width:360px;}
.popover.fade .popover-content{ font-size:12px; color: #666; padding: 6px 8px;}
.popover.top > .arrow{border-top-color: rgba(0,0,0,.08)}
.popover.left > .arrow{border-left-color: rgba(0,0,0,.08)}
.popover.right > .arrow{border-right-color: rgba(0,0,0,.08);}
.popover.bottom > .arrow{border-bottom-color: rgba(0,0,0,.08);}