body {font-family:'Microsoft Yahei';background: #fff;font-size: 14px;line-height: 1.6em;color: #444;height: 100%;}
html, body { -ms-overflow-style: scrollbar; }
label { font-weight:normal; }
h1,h2,h3,h4,h5,h6 {font-family:'Microsoft Yahei'; }
h2, .h2 {    font-size: 22px;}
ul,li { list-style: none; padding: 0; margin: 0;}
p { padding: 0; }
td {color: #444;}
a:hover, a:focus {    color: #3a93df; text-decoration:none;}
a {    color: #0682ea; outline:none!important; }



.w100pe { width: 100%!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;}
.w120{width:120px!important;}
.w150{width:150px!important;}
.w160{width:160px!important;}
.w170{width:170px!important;}
.w180{width:180px!important;}
.w190{width:190px!important;}
.w200{width:200px!important;}
.w230{width:230px!important;}
.w240{width:240px!important;}
.w250{width:250px!important;}
.w260{width:260px!important;}
.w270{width:270px!important;}
.w280{width:280px!important;}
.w300{width:300px!important;}
.w350{width:350px!important;}
.w400{width: 400px!important;}
.w450{width: 450px!important;}
.w500{width: 500px!important;}
.w550{ width:550px!important;}
.w600{ width:600px!important;}
.w650{ width:650px!important;}
.w700{ width:700px!important;}
.w800{ width:800px!important;}
.w900{ width:900px!important;}
.w1000{ width:1000px!important;}
.w1100{ width:1100px!important;}
.w1200{ width:1200px!important;}

.f12{ font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 {font-size:26px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.f32 {font-size:32px;}
.bold { font-weight:bold;}
.text-left { text-align: left!important;}
.text-right { text-align: right!important;}
.text-center{ text-align: center!important;}

.pl0 {padding-left: 0!important;}
.pr0 {padding-right: 0!important;}
.p5 {padding:5px;}
.p10{padding:10px;}
.p12{padding:12px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt40 {padding-top: 40px;}
.ptb10{padding-top:10px; padding-bottom:10px;}
.ptb20{padding-top:20px; padding-bottom:20px;}
.ptb30{padding-top:30px; padding-bottom:30px;}
.plr10{padding-left:10px; padding-right:10px;}
.plr12{padding-left:12px; padding-right:12px;}
.plr20{padding-left:20px; padding-right:20px;}
.plr30{padding-left:30px; padding-right:30px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt28{ margin-top: 28px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mtb10 {margin-top:10px; margin-bottom: 10px;}
.mtb20 {margin-top:20px; margin-bottom: 20px;}
.mtb30 {margin-top:30px; margin-bottom: 30px;}
.mtb50 {margin-top:50px; margin-bottom: 50px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.line-height-250 { line-height: 2.5em;}

.border-right{border-right:1px solid #eee ;}
.border-top{ border-top:1px solid #eee ;}
.border-left{ border-left:1px solid #eee ;}
.border-bottom { border-bottom: 1px solid #eee;}
.border-bottom2 { border-bottom: 1px dashed #eee;}
.radius-4 {border-radius: 4px!important;}
.v-middle input{ vertical-align: middle;}
.v-middle select{ vertical-align: middle;}
.v-sub input{ vertical-align: sub;}
.v-sub select{ vertical-align: sub;}
.gray { color: #999;}
.fontred2 { color: #f30;}
.fontorange { color:#f60!important; }
.greenbg { background: #7DBC3C;}
.orangebg { background: #f80;}
.yellowbg {background:#ffffd9!important}
.breadcrumb a{ color:#999;}
.breadcrumb a:hover { color:#777; text-decoration:none;}
.breadcrumb .noarrow:before { display: none;}
.breadcrumb .homeimg { background: url(images/page.png) no-repeat; display: inline-block; width:20px;height:20px; margin-right: 5px; vertical-align: top;}
.move-a {	-o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;}
.sub-header {  padding-bottom: 10px;  border-bottom: 1px solid #eee;}
.navbar-fixed-top {  border: 0;}
.footer-inner  { text-align: center;}
.commonbg { background-color:#F9F9F9 ;}


.form-wrap { padding: 20px;}
.form-wrap .col-sm-3.control-label{width:15%; padding-top:3px;}
.form-wrap .col-sm-9{width:85%; line-height: 24px;}
.form-wrap  .form-group { margin-bottom: 10px;}
.form-wrap .form-control{width:250px;display: inline-block;margin-bottom: 5px;}
.form-wrap .btn-area { padding-left: 15%;}
.form-wrap .w-long { width:514px!important;}
.form-wrap h3.f16 { line-height: 2em;}
@media screen and (max-width:760px) {
    .form-wrap .col-sm-3.control-label{width:auto;}
    .form-wrap .col-sm-9{width:85%; }
    .form-wrap .w-long { width:80%!important;}
}
.redstar { color:#f30; font-style: normal; margin-right: 3px;margin-left: 2px;}
input.error,textarea.error { border:1px solid #f66!important;}
label.error:before {/*content: "\f057"; */  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-right: 3px; font-size: 20px; vertical-align: middle;}
label.error{color:#f66;margin-left:0px; }
.form-control{padding:4px 5px;height:32px;border-radius: 3px!important;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{  border-radius: 3px!important;}

input.sns-datetime{padding-right:30px;}
.form-inline.affix-top {width:auto!important;}
.form-inline.affix {  z-index: 99;
    background-color: #fff;
    min-width: 600px;
    padding: 10px 24px 10px 12px;
    top: 0px;
    margin: 0 -12px 0 -12px;
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;

}
thead.affix {  z-index: 199;
    min-width: 600px;
    top: 0px;
}
.show-head thead{z-index: 3!important;position: fixed!important;}
thead.before {z-index: -10;position:absolute;}
thead.affix+thead {z-index: 1!important;position: static!important;}
#headerFlag-table{ width:100%; overflow-x: auto; border-bottom: 0;}
.footaffix {z-index: 10; clear: both; } /* 下拉菜单，会被遮盖，所以取消overflow*/
.footaffix.affix {position:fixed!important; bottom:0;background: #fff; padding:10px 0; border-top:1px solid #ddd; right:20px; width:100%;}
.footaffix.affix-bottom { position: fixed;padding-top:24px; }
.tablefootaffix {z-index: 10; clear: both; }
.tablefootaffix.affix {position:fixed!important; bottom:0;background: #fff; padding:10px 0; border-top:1px solid #ddd; right:20px; width:100%;}
.tablefootaffix.affix-bottom { position: fixed;padding-top:24px; }
.tableScroll-body .show-head thead{  position: absolute!important;}
.tableScroll-body thead .operate-fix { top:9px; padding-top: 0; }
.tableScroll-body .table.table-no-bordered > thead > tr > th, .tableScroll-body .table.table-no-bordered > tbody > tr > td {
    max-width: none!important; }
.tableScroll-body .bar-hide { position:relative; z-index: -10;}
.table-responsive.table-scroll{ overflow: hidden; }
.table-scroll table.table div.table { padding:0!important;border:none!important;}

/* change bootstrap  */
input[type="radio"], input[type="checkbox"] { margin:0;}
.radio input[type="radio"],.checkbox input[type="checkbox"] { margin-top: 4px;}
.panel-default > .panel-heading {    background-color: #f3f7fa;}
.panel-default > .panel-heading:after{ content: "\f0d7";float:right;  display: inline-block;
    font: normal normal normal 16px/1 FontAwesome; color: #555; margin-top: -16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.panel-default > .panel-heading.collapsed:after{content: "\f0d8";margin-top: -17px;	}

.bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td {
    max-width: 500px;
}
.td-over-height{
    /* height:74px; */
    overflow:hidden;text-overflow:ellipsis;display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;  }
.bootstrap-table .table th,
.bootstrap-table .table td { word-break: break-all;white-space: pre;}
/* bootstrap-table.js */
.fixed-table-header  .table.table-no-bordered thead th { background: #f8fafc; border-top:1px solid #ddd!important; color: #444; font-weight:bold;}
.fixed-table-body .table thead th { background: #f8fafc; border-top:1px solid #ddd!important; color: #444; font-weight:bold;}
.fixed-table-header-columns .table.table-no-bordered thead th { border-top:1px solid #ddd!important; color: #444; font-weight:bold;}
form .form-group {margin-bottom: 0px;}
.form-group>.col-sm-1,.form-group> .col-sm-2,.form-group> .col-sm-3,.form-group> .col-sm-4,
.form-group>.col-sm-5,.form-group> .col-sm-6,.form-group> .col-sm-7,.form-group> .col-sm-8,
.form-group> .col-sm-9,.form-group> .col-sm-10,.form-group> .col-sm-11,.form-group> .col-sm-12{ margin-bottom: 10px;}
.no-col-bottom .col-sm-1,.no-col-bottom .col-sm-2,.no-col-bottom .col-sm-3,.no-col-bottom .col-sm-4,
.no-col-bottom .col-sm-5,.no-col-bottom .col-sm-6,.no-col-bottom .col-sm-7,.no-col-bottom .col-sm-8,
.no-col-bottom .col-sm-9,.no-col-bottom .col-sm-10,.no-col-bottom .col-sm-11,.no-col-bottom .col-sm-12{ margin-bottom: 0px!important;}
.panel-group .panel+.panel {
    margin-top: 15px;
}
/* ace */
.page-list .btn-default { border-radius:4px ; padding:4px 10px;}
.modal-header {
    min-height: 16.4286px;
    padding: 12px 15px;
    border-bottom: 1px solid #E5E5E5;
    background-color: #F6F6F6;
    border-radius: 3px 3px 0px 0px;
}
.modal-header h4 {font-size:16px;}
.form-horizontal .col-sm-9 { padding-left: 0;}
#sidebar li a.active {  color:#3ac2fa;}
#sidebar>ul>li>a.active {  color:#fff;}
#sidebar li li.open a{background: none!important;}
#sidebar li li.open i{display: none;}
#main{
    width:80px;
    background-color:#FFFFFF;
    opacity:.8;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    position: fixed;
    height:60px;
    z-index: 99999;
    bottom:400px;
    right:5px;
    float:right;
}
#main ul.nav-tabs{
    width: 100px;
    border-radius: 4px;
    border: 1px solid #ddd;
}
#main ul.nav-tabs li{
    height: 30px;
}
#main ul.nav-tabs li:first-child{
    border-top: none;
}
#main ul.nav-tabs li a{
    border-radius: 0;
}
#main ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
    color: #fff;
    background: #0088cc;
    border: 1px solid #0088cc;
}
#main ul.nav-tabs li:first-child a{
    border-radius: 4px 4px 0 0;
}
#main ul.nav-tabs li:last-child a{
    border-radius: 0 0 4px 4px;
}
#main ul.nav-tabs.affix{
}
.floatnav-box {
    /*background-color:#FFFFFF;*/
    position: fixed;
    z-index: 6000;
    top:40%;
    right:0px;
}
.floatnav-box .btn-scroll-up { position:static;}
.floatnav-box .cell.active{opacity:1; filter:alpha(opacity=100);}
.floatnav-box .cell { width:30px;height:30px;text-align: center; cursor:pointer;line-height: 30px;  background:#a1c5e5;opacity:.6; filter:alpha(opacity=60); }
.floatnav-box .cell:hover {opacity:1; filter:alpha(opacity=100); }
.floatnav-box .cell+.cell { margin-top: 1px;}
/*.floatnav-box .cell:first-child{border-radius: 3px 3px 0 0 ;}
.floatnav-box .cell:last-child{border-radius:0 0 3px 3px  ;}*/
.floatnav-box .cell.pageup {background: url(images/link83.png) no-repeat center center #a1c5e5;}
.floatnav-box .cell.shortlink {background: url(images/link81.png) no-repeat center center #a1c5e5;}
.floatnav-box .cell.set { background: url(images/link82.png) no-repeat center center #a1c5e5;width:auto;height:auto;}


#sns-floatnav{
    background-color:#FFFFFF;      opacity:1; filter:alpha(opacity=100);
    z-index: 99999;position:absolute;
    top:-60;
    right:31px;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 6px #eee;
}
#sns-floatnav.open {width:100px;}

#sns-floatnav .shortbtn { display: none; }
#sns-floatnav ul{
    width: 100px; border-radius: 0px 0 0 5px;
    border: 1px solid #eee;   top:0;  }
#sns-floatnav ul li { margin-bottom: 0;margin-top:0;}
#sns-floatnav ul li a{  padding:0 0 0 12px; border-radius: 0; width:100%; height:34px; color: #777; border:none; background: #fff;
    line-height: 34px; display: block; border-bottom: 1px solid #f3f3f3;    }
#sns-floatnav ul li a:hover { background: #00cca5; color: #fff;}
/*#sns-floatnav ul a.active{  color: #fff;  background: #0088cc;   }*/

.datepicker table tr td.old, .datepicker table tr td.new {    color: #ddd;}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {  color: #ddd;}
/*改写select2*/
.select2-container--default .select2-selection--single { border-radius: 3px; height: 32px; line-height: 32px; border:1px solid #d5d5d5;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px;}
.select2-container--default.select2-container--focus .select2-selection--multiple { border:1px solid #d5d5d5;}
.select2-container--default .select2-selection--multiple {border-radius: 3px;border:1px solid #d5d5d5;line-height: 1.4em;}
.select2-container .select2-search--inline { float:right;}
.select2-search:after { left:0;}
.select2-search--dropdown:after { content: "";}
.select2-dropdown--below .select2-search:after { display: none;}

.layui-layer-title { height:44px; line-height: 44px; font-size:16px;     border-bottom: 1px solid #E5E5E5;    background-color: #F6F6F6;}
.layui-layer-setwin { top:15px; opacity: 0.4;filter: alpha(Opacity=40);}

.layui-layer { box-shadow: none;  border: 1px solid #999999;  border: 1px solid rgba(0, 0, 0, 0.2);}
.layui-layer-btn a { border-radius: 4px; padding: 6px 12px; height:auto; line-height:1.4em!important;}

/************ popwin start ***************/

/************ popwin end ***************/
/************ panel start ***************/
.min-height-400{
    min-height:400px;
}
.min-height-500{
    min-height:500px;
}
/************ panel end ***************/
/************ combobox START ***************/
.sns-combobox {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #444444;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sns-combobox:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.sns-combobox::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.sns-combobox:-ms-input-placeholder {
    color: #999999;
}
.sns-combobox::-webkit-input-placeholder {
    color: #999999;
}
.sns-combobox[disabled],
.sns-combobox[readonly],
fieldset[disabled] .sns-combobox {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}
textarea.sns-combobox {
    height: auto;
}
/************ combobox END ***************/
/************ 日期空间 start ***************/
.sns-datetime {   background: url(images/time.png) no-repeat right 10px center #fff !important; }
/************ 日期空间 end ***************/


/** 省市区 城市选择**/
/*sns-addrselector start*/
.icon-start, .icon-end {background: url(images/search_icon.png);width: 14px;height: 16px;float: left;margin: 4px 5px 0 0;}
.icon-end {background-position: 0 -45px;}
.citybox { position: absolute!important; left:200px; top:120px;}
.sns-addrselector{position:relative;cursor: pointer; }
.sns-addrselector.zi2{z-index:2;}/*防止ie7 第二个框在浮层框的上面 */
.sns-addrselector.zi1{z-index:1;}/*如果就一个下拉框就不用加 */
.sns-addrselector .dn{display:none;}
.sns-addrselector .dib{font-size:0;text-justify:inter-ideograph;}
.sns-addrselector .dib li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:12px;}
.sns-addrselector em { font-style: normal;}
.sns-addrselector a{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;}
.sns-addrselector dl{min-width:375px;min-height:150px;*width:380px;left:30px;border:1px solid #ddd;position:absolute;margin:-1px 0 0 -30px;padding:8px 5px 5px;z-index:11;background:#fff;}
.sns-addrselector dt{border-bottom:2px solid #1bafeb;height:29px;line-height:18px;}
.sns-addrselector dt .tab{float:left;padding:4px 8px 4px 8px;margin-left:4px;border:1px solid #ddd;border-bottom:none;color:#005AA0;background:#fff;}
.sns-addrselector dt .tab i{width:7px;height:5px;margin:6px 0 0 7px;position:absolute;-moz-transition:all .1s ease 0s;-webkit-transition:all .1s ease 0s;transition:all .1s ease 0s;}
.sns-addrselector dt .tab:hover i,.sns-addrselector dt .tab.crt i{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .25s ease 0s;transition:all .25s ease 0s;}
.sns-addrselector dt .tab.crt{padding-bottom:6px;margin:-1px -1px 0 4px;border:2px solid #1bafeb;border-bottom:none;}
.sns-addrselector dd{margin-top:8px;line-height:1.8;overflow:hidden; clear: both;}
.sns-addrselector .hot{/* padding-left:70px; */}
.sns-addrselector .hot li{float:left;width:61px;}
.sns-addrselector .hot li.cl{clear:left;}
.sns-addrselector dd li{width:25%;padding:2px 0;list-style:none;}
.sns-addrselector dd b{position:absolute;margin-left:-65px;}
.sns-addrselector dd a{padding:2px 1px;margin:5px 2px;color:#005AA0;}
.sns-addrselector dd a:hover{background:rgb(156, 210, 255);color:#fff;}
.sns-addrselector .addr{height:32px;width:100%; border-radius:3px;line-height:32px;padding:0px 0 0px 0px;border:0;position:relative;cursor:pointer;}
.sns-addrselector .addr label.error{ line-height: 22px; font-size:12px;}
.sns-addrselector .addr .em{min-width:110px;width:100%; padding:5px 20px 5px 26px;float:left;color:#676767;line-height: 19px;cursor: pointer;background:#fff url(images/search_icon.png) no-repeat 5px 7px;}
.sns-addrselector .addr .em[readonly] { background:#fff url(images/search_icon.png) no-repeat 5px 7px!important;}
.sns-addrselector .addr i{width:20px;height:7px;float:left;position:absolute;top:13px;right:0px;background: url(images/select_arrow.png) no-repeat !important;overflow:hidden;}
.sns-addrselector .addr.hover{height:32px;border-bottom:none;z-index:2;}
.sns-addrselector dd b.a{margin-top:1px;}
.sns-addrselector dd b.b{margin-top:51px;}
.sns-addrselector dd b.c{margin-top:101px;}
.sns-addrselector dd b.d{margin-top:151px;}
.sns-addrselector .reset{width:30px;height:18px;margin:-3px 10px 0 0;float:right;}
.destAddr .sns-addrselector .addr{background-position: 5px -40px;}
.sns-addrselector .tab_reset{float: right;z-index: 2;cursor: pointer;width: 50px;height: 24px; font-weight:normal;border: 1px solid #d5d9de;border-radius: 5px;text-align: center;line-height: 24px;}
.search-box .return {background: url(images/search_icon.png) 0 -100px;width: 27px;height: 26px;float: left;margin: 5px 5px 0;cursor: pointer;}
.search-box .return:hover{background-position:-32px -100px;}
/*sns-addrselector end*/

.sns-checkboxgroup label { margin-right:15px;}
.sns-checkboxgroup input { vertical-align: middle;}
/* webuploader上传插件*/
.webuploader-box .uploader-list {
    border: 1px solid #ddd;   background: #fff;
    padding: 4px; min-height: 34px;
    font-size:14px;
    width: 100%;    /*  position: absolute; */ /* 列表框自由撑开*/
}
.webuploader-box .listwrap {  min-width: 250px;    width: 40%; min-width: 380px; display: inline-block; position: relative;    vertical-align: top;}
.webuploader-box .uploader-list .progress { margin: 4px 0;}
.webuploader-box .uploader-list .state { display: none;}
.webuploader-box .uploader-list .item {  float:left; margin:1px 4px 1px 0; background: #e8ecef; padding:3px 4px;}
.webuploader-box .uploader-list .item h4 { margin: 0; font-size:14px; display: inline-block;}
.webuploader-box .uploader-list .item .close { margin-left: 5px; display: inline-block;font-family: "Hiragino Sans GB",simsun,"Microsoft YaHei",sans-serif; font-size:14px; line-height: 22px; font-style:normal;}
.webuploader-box .btns .btn { vertical-align: top;}
.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.uploaderbtn { width:80px;height:34px;line-height: 34px;background: #00b7ee;  text-align: center;  border-radius: 5px; color:#fff;}
.uploaderbtn > div { width:100%;}
.uploaderbtn .webuploader-pick { }
.webuploader-pick { height:34px;line-height: 34px;
    position: relative;vertical-align: top;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}
.uploaderbtn:hover {	background: #00a2d4;}
.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}
/* 校验提示小窗口 */
.error-tip {position: absolute;
    z-index: 10;
    background: #f66;line-height: 1.9em;font-size:12px;
    padding: 0px 5px;bottom:34px; right:0;
    border-radius:4px ;
    color: #fff!important;
    box-shadow: 1px 1px 3px #ccc}
.error-tip.error-top:after{
    bottom: -9px;
}
.elementBox .error-tip+.error-tip{bottom:auto;top:-29px;}
select+.error-tip,.addr .error-tip,.sns-popwin-div .error-tip{bottom:auto;top:-29px;}
.error-tip:after {content: "\f0dd";   display: inline-block; color:#f66; margin:9px 0 0 -19px; position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-right: 3px; font-size: 20px; vertical-align: middle;}
.datagrid-btable>tbody>tr:first-child .error-tip {margin-bottom: -64px;}
.datagrid-btable>tbody>tr:first-child .error-tip:after {content: "\f0d8";margin-top:-13px }
.select2-selection.error{border:1px solid #f66!important;}
.grid-connect {  position: absolute;    padding: 33px 0px 0 0;   width: 20px; margin:0 0 0 -20px; top:0; right:-10px;   text-align: center;}
.group-moreinput>div{padding-left:3px; padding-right:3px;}
.group-moreinput>div:first-child {padding-left:12px;}
.group-moreinput>div:last-child {padding-right:12px;}

#sns-pagemask{ position: absolute; top:0; left:0; z-index: 90000; width:100%; height:100%;  filter: alpha(Opacity=30);
    opacity: .3; background: #000; text-align: center;}
#sns-pageloadimg {background: url(images/loading.gif) no-repeat ;  width: 100px; height:100px;position: fixed; top:46%; left:50%; margin-left: -50px; z-index: 90001;
}
.ico-citystart{width:16px;height:16px;background: url(images/search_icon.png) no-repeat; margin-left: -16px; display: inline-block;vertical-align:sub; }
.ico-cityend{width:16px;height:16px;background: url(images/search_icon.png) no-repeat ; background-position: 0 -45px;margin-left: -16px; display: inline-block;vertical-align:sub;}
.select2 + .select2-container { width:100%!important;}
.select2-selection--multiple { height:32px; overflow-y: auto;}
.disabled {color:#aaa!important; cursor:not-allowed;}
.disabled:hover,.disabled { background-color: #e8e8e8!important;}
#uploaderModal { z-index: 5000;}

/* 自定义图标，默认14px*14px   */
.phxico { display: inline-block; width:14px; height:14px; background: no-repeat center center;}
.phxico-sgcf {background: url(images/sgcf.png);}
.phxico-zdcf {background: url(images/zdcf.png);}
.phxico-cxcf {background: url(images/cxcf.png);}


/* UI 重构 */
.navbar .logo { font-size:12px; background: url(images/logo_chainwork.png) no-repeat 10px center; width:360px; padding-left:228px; height:45px; line-height: 2em;}
.navbar .navbar-header { margin-right: 20px;}
.navbar .navbar-header .user-info { padding: 0 0 0 28px;}
.navbar .navbar-header .c1 { background: url(images/icon_home.png) no-repeat 0 center;}
.navbar .navbar-header .c2 {background: url(images/icon_project.png) no-repeat 0 center;}
.navbar .navbar-header .c3 {background: url(images/icon_message.png) no-repeat 0 center;}
.navbar .navbar-header .c4 { background: url(images/icon_user.png) no-repeat 0 center;}
.navbar .user-menu li a{height:34px; line-height: 24px;}
.navbar .message-box {padding-left:5px; position: relative;}
.navbar .message-box>a { min-width: auto; padding-right: 0;}
.navbar .message-box .message-num{border-radius: 14px;min-width:14px;min-height:12px; width:auto; padding:1px;font-size:12px; color: #fff; background: #f00;position:absolute; top:7px; right:0px;-webkit-text-size-adjust:none;line-height: 1em;}
.navbar .message-box .message-num i{-webkit-transform:scale(0.8);transform:scale(0.8); font-style: normal;display: block;}
.navbar .message-box .user-info{height:45px; width:10px;}
.dashboard-bg{ background: #edf2f6; }
.dashboard-main{ }
.dashboard-main .dash-left { width:120px; float: left;padding:20px 0 0 0; background: #333744;position:absolute;top:45px;bottom:0;height: 100%}
.dashboard-main .dash-left.small {width:50px;}
.dashboard-main .dash-left.small>ul{display: none;}
.dashboard-main .dash-left>ul>li {display: block;width:100%; text-align: center; margin: 0;}
.dashboard-main .dash-left>ul>li>a { display: block;width:100%; height:104px; color:#fff; padding:12px 0 4px 0; display:block; vertical-align: middle; text-align: center; line-height: 1.2em;font-size:16px;}
.dashboard-main .dash-left>ul>li>a:hover { background: #0273ba;}
.dashboard-main .dash-left>ul>li>a i { display: block;width:44px;height:44px; margin: 0 auto; margin-bottom: 2px; margin-top: 3px;}

.dashboard-main .dash-left .c1 i { background: url(images/sys_icon01.png) no-repeat; }
.dashboard-main .dash-left .c2 i { background: url(images/sys_icon02.png) no-repeat; }
.dashboard-main .dash-left .c3 i { background: url(images/sys_icon03.png) no-repeat; }
.dashboard-main .dash-left .c4 i { background: url(images/sys_icon04.png) no-repeat; }
.dashboard-main .dash-left .c5 i { background: url(images/sys_icon05.png) no-repeat; }
.dashboard-main .dash-left .c6 i { background: url(images/sys_icon06.png) no-repeat; }
.dashboard-main .dash-left .dash-nav-toggle i{ font-size: 18px;color: #fff; text-align: center;line-height: 38px;display: block;
    /*background: url(images/icon_click.png) no-repeat;*/
    cursor: pointer; width:38px;
    margin:0 auto; height:38px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.dashboard-main .dash-left.small .dash-nav-toggle i{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.dashboard-main .dash-left + .dash-right { margin-left:120px; padding:20px 20px 20px 20px;}
.dashboard-main .dash-left.small + .dash-right { margin-left:50px; padding:20px 20px 20px 20px;}
.dashboard-main .dash-right .cell{ border:1px solid #ccc; background: #fff;}
.dashboard-main .dash-right .cell .title { padding:0 15px; height:38px; line-height: 38px; font-size:16px; border-bottom: 1px #ccc solid;}
.dashboard-main .dash-right .padding-change { margin:0 -8px 0 -8px!important;}
.dashboard-main .dash-right .padding-change > div { padding: 0 8px}


#sidebar .navicon { display: inline-block; width:20px; height:20px; background-repeat: no-repeat; margin-right:10px; vertical-align: sub; text-align: center;}
#sidebar .ico-1 { background:url(images/icon_01.png);}
#sidebar .ico-2 { background:url(images/icon_02.png);}
#sidebar .ico-3 { background:url(images/icon_03.png);}
#sidebar .ico-4 { background:url(images/icon_04.png);}
#sidebar .ico-5 { background:url(images/icon_05.png);}
#sidebar .ico-6 { background:url(images/icon_06.png);}
#sidebar .sidebar-tg { height:34px;}
#sidebar .sidebar-tg span{ display: block; float: right; margin: 8px 8px 0 0 ; cursor: pointer; height:34px;
    background: url(images/icon_click-in.png) no-repeat; width:16px; height:16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.sidebar.menu-min .sidebar-tg span{ margin-right: 13px!important;
    -webkit-transform: rotate(-180deg)!important;
    -moz-transform: rotate(-180deg)!important;
    -ms-transform: rotate(-180deg)!important;
    -o-transform: rotate(-180deg)!important;
    transform: rotate(-180deg)!important;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.sidebar.menu-min .navicon{
    font-size: 18px;
    height: auto;
    line-height: inherit;
    display: inline-block;
    vertical-align: sub;
    margin-right: 0;
    width: 44px;
    margin-left:11px;
}
#sidebar li ul { 	display: none;	}
.sns-popwin-div { position: relative; display: block!important;}
.sns-input-group-addon {  background: #f9f9f9; cursor: pointer; z-index: 2; line-height: 30px;
    color: #a5a5a5; position: absolute;right:2px;top:1px; bottom:1px; width:30px;height:30px; border:0;padding:0;}
.gotopage input{padding:4px;}
.multi-level .dropdown-submenu { position: relative;}
.multi-level .dropdown-submenu .dropdown-menu {position: absolute; left:158px;top:-2px; }
.multi-level .fa-caret-right {float:right; margin-top: 4px; margin-left: 4px;}
#sub-page .page-content .backbtn { position: absolute;top:-37px;right:22px;}
.p0{ padding: 0!important;}
/* 列表页状态 */
.tabletag2 { background-color:#999; color: #fff!important; border-radius: 20px; padding:3px 10px;min-width:50px;display: inline-block;text-align: center;}
.tabletag2.green{ background: #10b524!important;}     /* 绿色 */
.tabletag2.orange{ background: #f60!important;}     /* 橙色 */
.tabletag2.gray{ background: #999!important;}     	/* 灰色 */
.tabletag2.red{ background: #f30!important;} 		  /* 红色 */
.tabletag2.blue{ background: #2d70b3!important;}   /* 蓝色 */
.tablemax440 .detail-view td .table-responsive {max-height:440px;}  /*超过10行,出现滚动条*/
.modal .modal-body { max-height: 480px!important; overflow-y: auto; overflow-x:visible;}
select.smallpadd {padding:6px 4px;}
.table .fa-stack { line-height: 1.4em!important; height:auto!important; position:static; }
.label-line { line-height: 32px;}
.label-line label{padding:0px 7px 0 0!important; margin-bottom: 0!important; float: left; }
.label-line .col-bfc { overflow: hidden;}
.label-line .col-bfc .in-box {width:100%;}
.fixed-table-container tbody .selected td {  background-color: #e2f7ff!important;}
.operate-fix {display: block;position: absolute; right:0; padding:8px;margin-top:-8px; }
.datagrid .operate-fix {display: block;position: absolute; right:0; padding-top:8px;margin-top:-18px; }
.calendar-time select .disabled{ display: none;}
table .tooltip {display: none!important; }
.tooltip-inner {  max-width: 400px;overflow: hidden;}
.tooltip.in div{text-align: left!important;word-break:break-all;}
.fixed-table-pagination .dropdown-menu {min-width:54px!important;}
.datagrid-row-editing .operate-fix { display: none;}
.tabletip .tooltip-arrow { left:10%!important;}
.bootstrap-table-set {display: block;position:absolute;right:-18px;top:1px;}
.bootstrap-table-set-btn {    display: block;
    text-align: center;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-left: 0;
    width: 20px;
    background: #f1f1f1;
    color: #427cbf;
    cursor: pointer;
    border-radius: 0 4px 4px 0;}
.bootstrap-table-set-btn:hover{ background:#427cbf ; color:#fff; border:0;}

.bootstrap-table-print-btn{
    display: block;
    text-align: center;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    border-left: 0;
    width: 20px;
    background: #f1f1f1;
    color: #427cbf;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
.bootstrap-table-print-btn:hover{ background:#427cbf ; color:#fff; border:0;}
.bootstrap-printBox-css{
    display: block;
    height:40px;
}


.bootstrap-printBox-css .bootstrap-table-print-btn{
    padding: 0;
}

.bootstrap-printBox-css.fa-download{
    color: #427cbf;
}
.bootstrap-printMenu{
    left:inherit;
    right:0;
    padding: 0;
}
.bootstrap-printMenu a{
    cursor:pointer;
}


.panel-title{color:#444!important;}
.dialogmodal-open{ overflow: hidden;}
.dialogmodal-open .modal {  overflow-x: hidden;  overflow-y: auto;}
.calendar-table  .table-condensed > tbody > tr > td {padding:1px}
#fullBg{width:100%;height:100%;background:#000;
    filter:alpha(opacity = 70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;position:fixed;left:0;top:0;z-index:9999}
#pre_Img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;position:relative;vertical-align:top}
#pop_img img{max-width:800px}
#pop_img{margin:0 auto;position:absolute;border:4px solid #f8f8f8;border-radius:4px;left:50%;top:20px;z-index:9999}
#pop_img span{background:#000;color:#fff;border-radius:4px;padding:2px 5px;	position: absolute;	right: 0;	top: 0;	cursor: pointer;}
.datagrid-btable .elementBox{display: inline-block!important;width:100%;}
.datagrid-row-editing .datagrid-cell {overflow: inherit;}
.modal-formset-btn { position: absolute; right:-30px; top:1px;  z-index: 6001; background: url(images/link82.png) no-repeat center center #a1c5e5;width:auto;height:auto;}
.datalazyload .fixed-table-pagination { display: none!important;}
/*.scrollfix { position:absolute; bottom:30px;left:0;width:100%; background: #f3f3f3; height:18px; }
.scrollfix .scrollbox { background: #bbb; height:14px; margin: 2px; display: block; width:90%}*/
#headerFlag-table { margin-left: 0!important;}
.table[id^="headerFlag-"] { margin-left: 0!important;}
.scroll_x {display: block;  background: #bbb;border-radius: 0px;position: absolute; bottom: 0;height: 16px;}
.scroll_x:hover {background: #aaa; }
.scroll_xout{background: #f1f1f1!important;height: 16px;position: absolute; bottom:9px;width: 100%;z-index: 1; padding:0!important;}
.table-scroll .fixed-table-body { overflow: hidden!important;}
.fixed-table-body[wheelxory] + div + .fixed-table-pagination { padding-top: 12px;}
/*消息组件*/
.phx-message-box .box-big{position:fixed;right:0;bottom:0px; background: #fff; border:1px solid #ddd; padding:8px 0px 0px 14px;font-size:12px;z-index: 6001;width: 300px; border-top:3px solid #f60 ; box-shadow: 0 0 8px #ccc; line-height: 1.5em;}
.phx-message-box .message-text{color: #444;height: 18px; overflow: hidden;}
.phx-message-box .message-time{ color: #bbb; text-align: right;}
.phx-message-box .main-cell { max-height:400px; overflow-y: auto; margin: 10px 0 0 0; padding-right: 10px;}
.phx-message-box .cell { border-bottom: 1px solid #eee; padding:5px 0; }
.phx-message-box .cell:last-child { border-bottom: 0;}
.phx-message-box .small-btn { position:absolute; top:2px;right:5px; width:20px;height:20px;}
.phx-message-box .small-btn .close { font-size:14px;}
.phx-message-box .cell-bottom { background: #f3f3f3; height:36px; line-height: 36px; margin:0 -12px; padding: 0 24px 0 12px;}
.phx-message-box .cell-bottom a { margin-left: 15px;}
.phx-message-box .cell a {color: #444;}
.phx-message-box .message-text:hover a {color: #999;}
.phx-message-box .box-small {display: none; position: fixed; z-index:99 ;  right:0; bottom:0; width:36px; height:36px; overflow: hidden;
    cursor: pointer; }
.phx-message-box .box-small .boxbg{width: 0; height: 0; border-bottom: 36px solid #ff7700; border-left: 36px solid transparent;
    position:absolute;}
.phx-message-box .box-small:hover .boxbg {border-bottom: 36px solid #ff9900; border-left: 36px solid transparent;}
.phx-message-box .box-small i{font-size:16px; color: #fff;margin:16px 0 0 18px; position: absolute;}
.phx-message-box .box-small {}
.phx-message-box #allRead {display: none;}

/* 图片大小控件，支持悬浮固定在页头  star */
.phx-img-limit {width:100%; height:250px;  background: #f7f7f7;overflow: hidden; }
.phx-img-limit img { border:1px solid #eee; cursor: move;}
.phx-img-limit.affix {  z-index: 99;
    min-width: 600px;border:1px solid #ddd; box-sizing: content-box; margin-left: -1px;
    top: 0px; border-bottom:2px solid #ccc; box-shadow: 0 1px 2px #999;
}
.phx-img-limit .img-wrap{ width:100%; height:100%; position: relative;}
.phx-img-limit .btnbox { position: absolute; left:10px; bottom:10px;}
.phx-img-limit .btnbox span { float:left; display: block;border-right: 0; background: #fff; width:30px; height:30px; cursor: pointer; border:1px solid #ddd; text-align: center; line-height: 30px; display: inline-block;  color: #999; font-size:18px;}
.phx-img-limit .btnbox span:first-child { border-radius: 5px 0 0 5px; }
.phx-img-limit .btnbox span:last-child { margin-right: 0;border-radius:0 5px 5px 0 ;border-right: 1px solid #ddd;}
.phx-img-limit .btnbox span:hover {  color: #f70; }
.phx-img-limit .btnbox span.font-btn { width:60px;font-size:14px;}
.phx-img-limit .btnbox span.disabled-btn { color: #ddd!important; cursor: default!important;}
.phx-img-limit .rotate-right-btn i{
    transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);}
/* 图片大小控件，支持悬浮固定在页头  end*/

/*单页面改为多标签页 star */
.phxnav-tabs li {display: inline-block; border:1px solid #e5e5e5; cursor: pointer;  padding:0 7px 0 10px; margin-right: -1px; background: #f9f9f9; border-bottom: 0;}
.phxnav-tabs li:hover { color: #888;}
.phxnav-tabs li.active { color: #f40; height: 38px; margin-bottom: -1px; background: #fff;}
.phxnav-tabs li.active:hover { color: #f80;}
.phxnav-contents .phxnav-cell { display: none;}
.phxnav-contents .phxnav-cell.active { display: block;}
.breadcrumbs { padding: 15px 12px 0 15px; line-height: 36px; min-height: 53px;}
.phxnav-tabs .close { float:none;font-family: "Hiragino Sans GB",simsun,"Microsoft YaHei",sans-serif; font-size:14px; font-style:normal;}
/*单页面改为多标签页  end */
#tableScroll__popwinModalId_table{max-height: 420px;}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset!important; box-shadow: 0 0 0px 1000px white inset!important; }

#page-content .clearfix>.col-md-9{padding-right:22px;}

.ui-jqgrid-btable .ui-row-ltr:hover{ background-color: #EFF4F7; }
.ui-jqdialog .ui-widget-header{ background: #F2F2F2; background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%); }
.ui-jqdialog .ui-dialog-titlebar{ background: #307ecc; color:#fff; }
.ui-dialog .ui-dialog-title{ position: absolute; top:50%; left:10px; transform: translateY(-50%); }
.ui-dialog-titlebar .ui-dialog-titlebar-close{ color:#fff; }
.ui-multiselect .remove-all,.ui-multiselect .add-all,.ui-jqdialog .ui-widget-header .count{ color:#666; font-weight: bold }
.ui-multiselect .ui-state-default{ background: #f0f0f0; }
.ui-multiselect .ui-state-hover{ background-color: #307ecc; color:#fff; }
.ui-multiselect .ui-widget-header input.search{ height:24px; margin:6px; }
.ui-widget-content .ui-multiselect{ border:1px solid #aaa; }
.ui-widget-content .ui-multiselect div.available{ border-left:1px solid #aaa; }
.ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-multiselect .ui-icon-arrowthick-2-n-s{ background: url("img/icon_arrow.png"); top:2px; }
.ui-multiselect .ui-icon-minus{ background: url("img/icon_minu.png") }
.ui-multiselect .ui-icon-plus{ background: url("img/icon_plus.png") }
.ui-jqgrid .ui-jqgrid-pager { line-height: 15px; height: 35px; padding-top: 3px !important; padding-bottom: 5px !important; background-color: #eff3f8 !important; border-bottom: 1px solid #E1E1E1 !important; border-top: 1px solid #E1E1E1 !important; }
.require:after { content:"*"; color: #ff0000; position: relative; }
.ui-jqgrid .ui-jqgrid-btable{ border-left: none !important; }
.ui-jqgrid .ui-jqgrid-btable tr td:nth-child(1){ border-left: 1px solid #E1E1E1; }
.ui-jqgrid .ui-jqgrid-sortable{ height:auto; }

.label-overflow{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 7px;
}
.label-overflow>label.control-label{
    display:inline
}

.table-condensed thead th .th-inner, .fixed-table-container tbody td .th-inner{
    padding:8px 5px !important;
}

/* 顶部固定，菜单栏固定 jo 2021/1/28 */
#navbar{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#main-container{
    margin-top: 45px;
}
.no-skin .sidebar{
    position: fixed;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.form-inline.affix {
    top: 45px!important;
}
/* end */