.radio-group-bootstrap-align > label > input {
  height: 16px;
  vertical-align: text-top;
  margin-top: 0;
}
.radio-group-bootstrap-margin-left > label > input {
  margin-left: -13px;
}
/*右键菜单样式*/
.RightMenuTable {
  border: 1px solid #ccc;
}
.RightMenuTable ul {
  color: #333;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.RightMenuTable ul li {
  font-family: "微软雅黑", Arial;
  font-size: 12px;
  background: #fff;
  padding: 6px 20px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.RightMenuTable ul li:hover {
  color: #FFF;
  background-color: #4990D2;
} /*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*=" datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*=" datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
}
[class*=" datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*=" datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker table tr td span:hover {
  background: #eeeeee;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399;
}
.datetimepicker table tr td span.old {
  color: #999999;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker th span.glyphicon {
  pointer-events: none;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
:root .grid-stack-item > .ui-resizable-handle {
  filter: none;
}
.grid-stack {
  position: relative;
}
.grid-stack.grid-stack-rtl {
  direction: ltr;
}
.grid-stack.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}
.grid-stack .grid-stack-placeholder > .placeholder-content {
  border: 1px dashed lightgray;
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  text-align: center;
}
.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 0px;
  width: auto;
  /*z-index: 0 !important;*/
  overflow-x: hidden;
  overflow-y: auto;
}
.active.edit .grid-stack > .grid-stack-item > .grid-stack-item-content {
  z-index: 0 !important;
}
.grid-stack > .grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging,
.grid-stack > .grid-stack-item.ui-resizable-resizing {
  z-index: 100;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}
.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  right: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: 7px;
  bottom: 7px;
}
.grid-stack > .grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: 10px;
  bottom: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  left: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack > .grid-stack-item[data-gs-width='1'] {
  width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-x='1'] {
  left: 8.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-width='2'] {
  width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-x='2'] {
  left: 16.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-width='3'] {
  width: 25%;
}
.grid-stack > .grid-stack-item[data-gs-x='3'] {
  left: 25%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 25%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 25%;
}
.grid-stack > .grid-stack-item[data-gs-width='4'] {
  width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-x='4'] {
  left: 33.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-width='5'] {
  width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-x='5'] {
  left: 41.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-width='6'] {
  width: 50%;
}
.grid-stack > .grid-stack-item[data-gs-x='6'] {
  left: 50%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 50%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 50%;
}
.grid-stack > .grid-stack-item[data-gs-width='7'] {
  width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-x='7'] {
  left: 58.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-width='8'] {
  width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-x='8'] {
  left: 66.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-width='9'] {
  width: 75%;
}
.grid-stack > .grid-stack-item[data-gs-x='9'] {
  left: 75%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 75%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 75%;
}
.grid-stack > .grid-stack-item[data-gs-width='10'] {
  width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-x='10'] {
  left: 83.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[data-gs-width='11'] {
  width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-x='11'] {
  left: 91.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[data-gs-width='12'] {
  width: 100%;
}
.grid-stack > .grid-stack-item[data-gs-x='12'] {
  left: 100%;
}
.grid-stack > .grid-stack-item[data-gs-min-width='12'] {
  min-width: 100%;
}
.grid-stack > .grid-stack-item[data-gs-max-width='12'] {
  max-width: 100%;
}
.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
  -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  -webkit-transition: left 0s, top 0s, height 0s, width 0s;
  -moz-transition: left 0s, top 0s, height 0s, width 0s;
  -ms-transition: left 0s, top 0s, height 0s, width 0s;
  -o-transition: left 0s, top 0s, height 0s, width 0s;
  transition: left 0s, top 0s, height 0s, width 0s;
}
.grid-stack.grid-stack-one-column-mode {
  height: auto !important;
}
.grid-stack.grid-stack-one-column-mode > .grid-stack-item {
  position: relative !important;
  width: auto !important;
  left: 0 !important;
  top: auto !important;
  margin-bottom: 20px;
  max-width: none !important;
}
.grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
  display: none;
}
/**/
.nav-tabs-bottom.isOne {
  display: none;
}
.tab-content.gridgask-tab.isOne {
  bottom: 0;
}
/**/
.edit.active .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.edit.active .ui-resizable-e {
  cursor: e-resize;
  width: 0;
  right: 0px;
  top: 0;
  bottom: 0;
}
.edit.active .ui-resizable-s {
  cursor: s-resize;
  height: 0;
  bottom: 0px;
  left: 0;
  right: 0;
}
.active.edit {
  top: 156px;
  z-index: 0;
  overflow: hidden;
}
.edit.active .resize_right .ui-resizable-e {
  width: 7px;
}
.edit.active .resize_bottom .ui-resizable-s {
  height: 7px;
}
.portal-body-header,
.modeWdiget_edit,
.portal-body-body,
.portal-body-mask {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
}
.portal-body-header,
.modeWdiget_edit {
  top: 0px;
}
.portal-body-header.modeWdiget_edit {
  cursor: default;
  z-index: 2;
  opacity: 0;
}
.portal-body-body,
.portal-body-mask {
  top: 34px;
}
.portal-body-mask {
  display: none;
  background: transparent !important;
}
.edit.active .portal-body-body {
  z-index: 0;
}
.modeWdiget_edit,
.portal-body-mask {
  display: none;
}
.edit.active .portal_aside .portal_aside_conEdit,
.edit.active .portal_aside .modeWdiget_edit_btn,
.edit.active .portal-body-mask,
.edit.active .modeWdiget_edit {
  display: block;
}
.edit.active .portal-body {
  cursor: move;
}
.portal_save {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: -25px;
  width: 140px;
  height: 50px;
  border: 1px solid #fff;
  background-color: #fcfcfc;
  border-radius: 6px;
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-family: "微软雅黑";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtNJREFUeNqsls1rE0EUwN/ObmwPnop6LT1JIKBCE01SaP+IQK4iVGxQL+Ih9SpEwQ8QTejBejWQi/4HwQRp1iCSYBQPxYPXXixa22TH9yZvNzubD5JNFx5vZzIzv30f816MZ81zIMEAekh7Ir33KMo6SgIlhrIipVhywDjA930Joo26gePqw9VvHZjwGE+b58eB4ihZlAzK8uA3AY63Vijt9Od/oq7gXPlRvGWPgokxoBzKLsq9KUGkcZ2g9bv37cu5kZY9aV7wg86izrMY+kdMBPnmlJaOFAXUheeJT4eeZQGLCLI9JwgQRPu3cZzX3BhwXV6DhAP5x/nbjWRuABskw9YpWKSPAS2UxlZuby3ud2OW0zo0qOsY8K/rwFFXQk9Cf14ZImK4PuvCopzec4H+nvTgVeozlFJNOO6BC3LXZzb3NqKCL+zyvKCdtS9eIvQc8IPca7EuuDKcGkjdJ8P0g/paGgnLi5UP1EMXHKPj8QPBEoJ2Tw26/uEqnIlEgiAVO4trnWYRgR5f+6E2361fhMWIibzpQZpl0vvQFcFFVXMdJpT3vEh/hz8nDs4Z84BIlgRXby1GBpjaQS/TXxWQsiwkiLxyILhNaMlgmgLu1KPagaV0C34fdcOCSO8L7kda1tHGxYgFuXpMO/jNRissiO5dW3DjG0pvYOCt2qWRjXBGEOkGxazKjW8ovQFjt4DAzdqVeUF4vqhSNna4w44sqmThAh58o7YaFkTjytvk+47gDWWcbI+r3gpoReDmx1QYEOVEmQux+tHGyRJ32GCbUBsJIIQ5K0iiLpWT72yvxfCiIrfyIVCgqE4LIl1AUNGNtRVwXcHtsNz4woLIIvUfxJ9YViBGh6gfoP5FHZYb36ygNruuGLwu1pgYFfFA21EdXGS4H02T3hVKBjdGQ7AJMbIZ+JoaH/UjslR1CSyqVOtUqcPK0C8MokrpPekf8X8BBgB7Dy2geNWm2gAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: 10px 10px;
}
.modeMange_nav {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 156px;
  border: 6px solid #e1e1e6;
  background-color: #fff;
  font-family: "微软雅黑";
  font-size: 14px;
  color: #f5f5f9;
}
.modeMange_other {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modeMange_other.active {
  top: 156px;
}
.modeMange_nav ul,
.modeMange_nav li,
.modeWdiget_edit_list,
.modeWdiget_edit_list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/*TAB*/
.modeMange_tab {
  background-color: #e1e1e6;
}
.modeMange_tab .tab_list {
  list-style-type: none;
  height: 28px;
  font-size: 14px;
  color: #333;
}
.modeMange_tab .tab_list li {
  float: left;
  padding: 0 20px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}
.modeMange_tab .tab_list li.active {
  background-color: #fff;
}
/*SURE*/
.modeMange_sure {
  position: absolute;
  right: 0;
  top: -3px;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  color: #000;
}
.modeMange_sure li {
  float: left;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.modeMange_sure .sure_prev {
  display: none;
}
.modeMange_sure .sure_exit,
.modeMange_sure .sure_save {
  border-radius: 4px;
  cursor: pointer;
}
.modeMange_sure .sure_exit {
  background-color: #fff;
  margin-right: 6px;
}
.modeMange_sure .sure_save {
  background-color: #4689fe;
  color: #f5f5f9;
}
/*PAGE*/
/*模块管理*/
.modeMange_mode {
  display: none;
}
.modeMange_mode.active {
  display: block;
}
.modeMange_mode_con {
  width: 167px;
  padding: 15px 44px 0;
  text-align: center;
  cursor: pointer;
}
.modeMange_mode_con img {
  display: block;
}
.modeMange_mode_con span {
  display: block;
  padding: 12px;
  font-size: 12px;
  color: #555555;
}
.modeMange_mode_con i {
  display: block;
  width: 81px;
  height: 61px;
  background-repeat: no-repeat;
  background-image: url(../../JGPortal/img/icon-addMod.png);
}
.modeMange_mode_con i {
  background-position: 0px 0;
}
.modeMange_mode_con:hover i {
  background-position: 0px -62px;
}
/*调整布局*/
.modeMange_layout {
  display: none;
}
.modeMange_layout.active {
  display: block;
}
.modeMange_layout_con li {
  float: left;
  padding: 20px 27px 0;
  text-align: center;
  cursor: pointer;
}
.modeMange_layout_con li img {
  display: block;
}
.modeMange_layout_con li span {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #555555;
}
.modeMange_layout_con li i {
  display: block;
  height: 60px;
  width: 70px;
  background-repeat: no-repeat;
  background-image: url(../../JGPortal/img/sprite.png);
}
.modeMange_layout_con li.default i {
  background-position: 0px 0;
}
.modeMange_layout_con li.leftSidebar i {
  background-position: -71px 0;
}
.modeMange_layout_con li.rightSidebar i {
  background-position: -142px 0;
}
.modeMange_layout_con li.topSidebar i {
  background-position: -213px 0;
}
.modeMange_layout_con li.bottomSidebar i {
  background-position: -284px 0;
}
.modeMange_layout_con li.horizontalTwoSidebar i {
  background-position: -355px 0;
}
.modeMange_layout_con li.default:hover i {
  background-position: 0px -61px;
}
.modeMange_layout_con li.leftSidebar:hover i {
  background-position: -71px -61px;
}
.modeMange_layout_con li.rightSidebar:hover i {
  background-position: -142px -61px;
}
.modeMange_layout_con li.topSidebar:hover i {
  background-position: -213px -61px;
}
.modeMange_layout_con li.bottomSidebar:hover i {
  background-position: -284px -61px;
}
.modeMange_layout_con li.horizontalTwoSidebar:hover i {
  background-position: -355px -61px;
}
.modeMange_layout_con li.default.active i {
  background-position: 0px -122px;
}
.modeMange_layout_con li.leftSidebar.active i {
  background-position: -71px -122px;
}
.modeMange_layout_con li.rightSidebar.active i {
  background-position: -142px -122px;
}
.modeMange_layout_con li.topSidebar.active i {
  background-position: -213px -122px;
}
.modeMange_layout_con li.bottomSidebar.active i {
  background-position: -284px -122px;
}
.modeMange_layout_con li.horizontalTwoSidebar.active i {
  background-position: -355px -122px;
}
.modeMange_layout_con li.sidebarSize,
.modeMange_layout_con li.sidebarSize span,
.modeMange_layout_con li.sidebarSize i {
  padding: unset;
  margin: unset;
  width: unset;
  height: unset;
  background: unset;
  display: unset;
  color: #555;
  font-style: normal;
}
.modeMange_layout_con li.sidebarSize {
  border-left: 1px solid #DFDDDD;
  padding: 20px 27px;
  margin: 20px 0;
}
.modeMange_layout_con li.sidebarSize span:first-child {
  display: inline-block;
  margin: 0 5px;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #DFDDDD;
}
.modeMange_layout_con li.sidebarSize span:nth-of-type(2) {
  color: #aba3a3;
}
.modeMange_layout_con li.sidebarSize span input {
  width: 30px;
  border: none;
}
.modeMange_layout_con li.sidebarSize span input:focus {
  outline: none;
}
.modeMange_layout_con .hide {
  display: none;
}
.modeMange_layout_con li.sidebarSize span input::-webkit-outer-spin-button,
.modeMange_layout_con li.sidebarSize span input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.modeMange_grid {
  display: none;
}
.modeMange_grid.active {
  display: block;
}
.modeMange_grid_con {
  padding: 20px;
  color: #555555;
}
.modeMange_grid_con div {
  margin: 0 0 10px;
}
.modeMange_grid_con label {
  margin: 0 10px 0 0;
  font-weight: normal;
}
.modeMange_grid_con select {
  border-radius: 5px;
  color: black;
  background-color: white;
  border: 1px solid #a9a9a9;
}
.grid-stack-par > div::-webkit-scrollbar,
.portal-body-body::-webkit-scrollbar,
.portal_aside_con::-webkit-scrollbar {
  width: 8px;
  background: #fff;
}
.portal_aside_con::-webkit-scrollbar-thumb,
.portal-body-body::-webkit-scrollbar-thumb,
.grid-stack-par > div::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
}
.portal_aside_con::-webkit-scrollbar-thumb:hover,
.portal-body-body::-webkit-scrollbar-thumb:hover,
.grid-stack-par > div::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
/*模块编辑*/
.modeWdiget_edit {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.modeWdiget_edit_btn {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 2;
  cursor: pointer;
}
.modeWdiget_edit_btn.aside_edit {
  display: none;
}
.modeWdiget_edit_btn span {
  display: block;
  background-color: #f25d3c;
  border-radius: 4px;
  font-family: "微软雅黑";
  font-size: 12px;
  color: #fff;
  padding: 0 12px;
  line-height: 26px;
  margin: 2px 5px 0 2px;
}
.modeWdiget_edit_list {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 40px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #e1e1e6;
  border-radius: 4px;
  font-family: "微软雅黑";
  font-size: 13px;
  color: #333;
  z-index: 2;
}
.modeWdiget_edit_list li {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
.modeWdiget_edit_list .edit_update:hover,
.modeWdiget_edit_list .edit_update.active {
  color: #356fe8;
}
.modeWdiget_edit_list .edit_delete:hover,
.modeWdiget_edit_list .edit_delete.active {
  color: #ff6666;
}
/*侧栏布局*/
.tab-content.gridgask-tab,
.active.edit .tab-content.gridgask-tab {
  bottom: 42px;
  overflow: auto;
}
.active.edit .tab-content.gridgask-tab {
  z-index: 0;
}
.tab-content.gridgask-tab-fill {
  bottom: 0 !important;
}
.active.edit .tab-content.gridgask-tab-fill {
  bottom: 42px !important;
}
.tab-content .tab-pane .grid-stack-par {
  position: absolute;
  transition: 0.4s;/*门户中放置普通版列表，编辑下拉选择列无法弹出候选项 2019-9-4 zhaoyf*/
  /*z-index:0;*/
}
.tab-content .tab-pane .grid-stack {
  margin: 7px;
}
.tab-content .tab-pane .portal_aside {
  position: absolute;
  background-color: #dfdddd;
  z-index: 1;
}
.portal_aside .portal_aside_con {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.active.edit .portal_aside .portal_aside_con {
  z-index: 0;
}
.portal_aside .modeWdiget_edit_btn {
  display: none;
}
.portal_aside .portal_aside_conEdit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
/*设置*/
.mode_setting {
  display: none;
  position: absolute;
  height: 40px;
  left: 0;
  top: 140px;
  font-family: "微软雅黑";
  font-size: 12px;
  color: #fff;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0 4px 4px 0;
  vertical-align: middle;
  z-index: 2;
}
.mode_setting span {
  display: inline-block;
}
.mode_setting .text {
  display: none;
}
.mode_setting .icon {
  width: 40px;
  margin: 10px 0;
  text-align: center;
  -o-animation: rotate 4s ease-in-out infinite;
  -ms-animation: rotate 4s ease-in-out infinite;
  -moz-animation: rotate 4s ease-in-out infinite;
  -webkit-animation: rotate 4s ease-in-out infinite;
  animation: rotate 4s ease-in-out infinite;
}
.mode_setting.active {
  width: 100px;
  background-color: rgba(0, 0, 0, 0.6);
}
.mode_setting.active .text {
  display: inline-block;
}
/*页签栏编辑模式*/
.nav-tabs-bottom .nav-tab-list {
  position: relative;
}
.nav-tabs-bottom .nav-tab-list .nav-tab-update,
.nav-tabs-bottom .nav-tab-list .nav-tab-delete {
  display: none;
}
.active.edit .nav-tabs-bottom .nav-add.dish {
  display: none;
}
.active.edit .nav-tabs-bottom .nav-tab-list .nav-li-edit {
  float: right;
  width: 68px;
}
.active.edit .nav-tabs-bottom .nav-tab-list .text {
  display: inline-block;
  width: calc(100% - 68px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.active.edit .nav-tabs-bottom .nav-tab-list.active .nav-tab-update,
.active.edit .nav-tabs-bottom .nav-tab-list:hover .nav-tab-update,
.active.edit .nav-tabs-bottom .nav-tab-list.active .nav-tab-delete,
.active.edit .nav-tabs-bottom .nav-tab-list:hover .nav-tab-delete {
  display: inline-block;
}
.active.edit .nav-tabs-bottom .nav-tab-list .nav-tab-update,
.active.edit .nav-tabs-bottom .nav-tab-list .nav-tab-delete {
  cursor: pointer;
}
.active.edit .nav-tabs-bottom .nav-tab-list.active .nav-tab-update,
.active.edit .nav-tabs-bottom .nav-tab-list:hover .nav-tab-update {
  margin: 0 10px;
}
.nav-tabs-bottom .nav-tab-list .nav-tab-edit {
  display: none;
}
.active.edit .nav-tabs-bottom .nav-tab-list .nav-tab-edit {
  display: none;
  width: calc(100% - 68px);
  position: absolute;
  top: 10px;
  left: 5px;
  margin: 0;
  line-height: 24px;
  height: 24px;
  border: 1px solid #ddd;
}
.active.edit .nav-tabs-bottom .nav-tab-list.activedit .nav-tab-edit {
  display: inline;
}
.nav-tabs-bottom {
  font-size: 0;
}
@keyframes rotate {
  transform-origin: center center;
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  -ms-transform-origin: center center;
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  -moz-transform-origin: center center;
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  -webkit-transform-origin: center center;
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  -o-transform-origin: center center;
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
/*解决vui布局标签左侧侧边栏没有撑满父容器的问题，场景：silder + layou(header + content + footer)*/
.auto-height-style {
  height: 100%;
}
.radio label,
.checkbox label {
  font-size: 14px;
}
.form-control {
  font-size: 14px;
}
.vLoadingBorder {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 245px;
  height: 76px;
  margin-left: -120px;
  margin-top: -70px;
  z-index: 1000000000;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: rgba(31, 39, 49, 0.8);
  opacity: 1;
}
.vLoadingFont {
  font-family: "微软雅黑", Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #fff;
  vertical-align: middle;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
}
.vLoading {
  margin: 10px 0 10px 30px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid #a6a9ad;
  border-right: 5px solid #a6a9ad;
  border-bottom: 5px solid #a6a9ad;
  border-left: 5px solid #fff;
  box-sizing: border-box;
  -webkit-animation: Vloadging 1s infinite linear;
  -moz-animation: Vloadging 1s infinite linear;
  -ms-animation: Vloadging 1s infinite linear;
  -o-animation: Vloadging 1s infinite linear;
  animation: Vloadging 1s infinite linear;
}
.vLoading,
.vLoading:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
@-webkit-keyframes Vloadging {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes Vloadging {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes Vloadging {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes Vloadging {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes Vloadging {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body {
  background: #eff0f4;
}
/*自定义样式*/
.nav > li > a.nav-link:hover,
.nav > li > a.nav-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
  cursor: pointer;
}
.nav > li > a.nav-text,
.nav > li > a.nav-text:hover,
.nav > li > a.nav-text:focus {
  color: #2a6496;
  background-color: transparent;
  cursor: default;
  text-decoration: none;
}
.nav > li > a.h1 {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #428bca;
}
.nav > li > a.h1 > .glyphicon {
  top: 6px;
  line-height: 0.1;
}
.nav > li > a.h2 {
  padding-top: 4px;
  padding-bottom: 3px;
  color: #428bca;
}
.nav > li > a.h2 > .glyphicon {
  top: 4px;
  line-height: 0.1;
}
.nav > li > a.h3 {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #428bca;
}
.nav > li > a.h3 > .glyphicon {
  top: 5px;
  line-height: 0.1;
}
.nav > li > a.h4 {
  padding-top: 11px;
  padding-bottom: 10px;
  color: #428bca;
}
.nav > li > a.h4 > .glyphicon {
  top: 3px;
  line-height: 0.1;
}
.nav > li > a.h5 {
  padding-top: 11px;
  padding-bottom: 11px;
  color: #428bca;
}
.nav > li > a.h5 > .glyphicon {
  top: 2px;
  line-height: 0.1;
}
.nav > li > a.h6 {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #428bca;
}
.nav > li > a.h6 > .glyphicon {
  top: 1px;
  line-height: 0.1;
}
.nav > li > a.h1,
.nav > li > a.h2,
.nav > li > a.h3,
.nav > li > a.h4,
.nav > li > a.h5,
.nav > li > a.h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.paragraph {
  padding: 3px 4px;
  margin: 0px;
}
/*组件容器 头部关闭按钮样式*/
.nav > li > a > span.close {
  padding-left: 6px;
}
/*页签*/
.vTabHeader > li > a {
  position: relative !important;
  display: block !important;
  padding: 8px 15px !important;
  color: #333 !important;
}
.vTabHeader > li > a:hover,
.vTabHeader > li > a:focus {
  color: #F60 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}
.vTabHeader > li > a[role="tab"]:hover,
.vTabHeader > li > a[role="tab"]:focus {
  border-bottom: 1px solid #F60 !important;
}
.vTabHeader > li.active > a,
.vTabHeader > li.active > a:hover,
.vTabHeader > li.active > a:focus {
  color: #F60 !important;
  border: 1px solid transparent !important;
  padding: 8px 15px 6px 15px !important;
  border-bottom: 3px solid #F60 !important;
  background: transparent !important;
  font-weight: bold !important;
}
/*页签*/
/*模态窗体*/
/*
	 解决新版网页打开模态窗体被遮罩遮挡 临时方案  start
*/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/**  end   **/
.modal-header {
  min-height: 16.43px;
  padding: 0 0 0 20px;
  height: 40px;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 14px;
  background: #356bbc;
  text-align: left;
  line-height: 48px;
}
.v-modal-dialog .modal-header:before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  width: 2px;
  height: 24px;
  background: #356bbc;
}
.modal-title {
  margin: 0;
}
.v-modal-dialog > .modal-content {
  margin-bottom: 2px;
  border: 2px solid #356bbc;
  border-top: none;
  border-radius: 4px;
  outline: 0;
  background: #fff;
  webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.v-modal-dialog.v-full-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: 600px;
  margin-top: -300px;
  margin-left: -500px;
}
.v-modal-dialog.v-full-screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 5px;
}
.v-modal-dialog.v-full-center > .modal-content,
.v-modal-dialog.v-full-screen > .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.v-modal-dialog.v-full-center > .modal-content > .modal-body,
.v-modal-dialog.v-full-screen > .modal-content > .modal-body {
  position: absolute;
  top: 41px;
  right: 0;
  bottom: 0;
  left: 0;
}
.v-modal-dialog > .modal-content > .modal-header {
  padding: 0 0 0 20px;
  color: #fff;
  background: #356bbc;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.v-modal-dialog > .modal-content > .modal-header .iconfont {
  font-size: 12px;
  color: #fff;
}
.v-modal-dialog > .modal-content > .modal-header .modal-title {
  font-size: 14px;
  line-height: 40px;
}
.v-modal-dialog > .modal-content > .modal-header .close {
  float: right;
  margin-top: -1px;
  /*color: @v-modalwindow-close-color;*/
  font-size: 12px;
  line-height: 40px;
  font-weight: normal;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
  opacity: 1;
  cursor: pointer;
  border: 0;
  filter: alpha(opacity=100);
  -webkit-appearance: none;
  outline: none;
}
.v-modal-dialog > .modal-content > .modal-header .close:focus,
.v-modal-dialog > .modal-content > .modal-header .close:hover {
  cursor: pointer;
  text-decoration: none;
  opacity: .5;
  filter: alpha(opacity=50);
}
.v-modal-dialog > .modal-content > .modal-header .maximum {
  font-size: 12px;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  background-color: transparent;
  opacity: 1;
  height: 40px;
  line-height: 40px;
  float: right;
  line-height: 1;
  border: 0;
  outline: none;
  filter: alpha(opacity=100);
}
.v-modal-dialog > .modal-content > .modal-header .maximum:hover {
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
/*模态窗体*/
/*静态控件支持form-line模式*/
.form-inline .form-control-static {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
/*静态控件支持放到navbar-form内部*/
.navbar-form .form-control-static {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
/*调整导航条内部复选框的样式*/
.navbar-form .checkbox input {
  top: 2px;
}
.navbar-form .checkbox label {
  margin-bottom: 5px;
}
/*输入框组内部标签的样式*/
.input-group .v-input-group-text-primary {
  color: #fff;
  background-color: #428bca;
}
.input-group .v-input-group-text-success {
  color: #fff;
  background-color: #5cb85c;
}
.input-group .v-input-group-text-info {
  color: #fff;
  background-color: #5bc0de;
}
.input-group .v-input-group-text-warning {
  color: #fff;
  background-color: #f0ad4e;
}
.input-group .v-input-group-text-danger {
  color: #fff;
  background-color: #d9534f;
}
/*在列中的标签*/
.v-label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;/*兼容导航条内链接控件多出1px高度*/
  /*border: 1px solid transparent;*/
}
.v-label-block {
  display: block;
  width: 100%;
}
.v-label-primary {
  color: #fff;
  background-color: #428bca;
}
.v-label-success {
  color: #fff;
  background-color: #5cb85c;
}
.v-label-info {
  color: #fff;
  background-color: #5bc0de;
}
.v-label-warning {
  color: #fff;
  background-color: #f0ad4e;
}
.v-label-danger {
  color: #fff;
  background-color: #d9534f;
}
.v-hide {
  display: none !important;
}
/*用于导航容器内的控件垂直居中*/
.v-valign-middle {
  display: table;
}
.v-valign-middle > div {
  display: table-cell;
  vertical-align: middle;
}
/*模态窗口的定制（和sc放在一起，必须改大zindex）*/
.modal {
  z-index: 77777777777777;
}
.dropdown-menu {
  z-index: 88888888888888;
}
/*进制鼠标选择的工具类*/
.v-none-select {
  -moz-user-select: none;/*火狐*/
  -webkit-user-select: none;/*webkit浏览器*/
  -ms-user-select: none;/*IE10*/
  -khtml-user-select: none;/*早期浏览器*/
  user-select: none;
}
/*去掉ie下div的边框*/
a,
a:hover,
a:focus,
a:active,
.btn,
.btn:hover,
.btn:focus,
.btn:active {
  outline: none;
  outline-style: none;
}
/*组件容器样式 开始*/
.v-component-container {
  padding: 0px;
}
.v-component-container > .tab-content {
  top: 42px;
}
.v-component-container > .tab-content > .tab-pane {
  position: relative;
}
.v-component-container > .tab-content.v-fill > .tab-pane {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.v-component-container > .v-header {
  position: relative;
}
.v-component-container > .v-header > .v-scrollable {
  overflow: hidden;
  height: 42px;
  position: relative;
}
.v-component-container > .v-header > .v-control {
  visibility: hidden;
  position: absolute;
  padding: 11px 5px 10px 5px;
  font-weight: bold;
  font-family: Simsun;
  color: #428bca;
  border-bottom: 1px solid #ddd;
}
.v-component-container > .v-header > .v-control:hover {
  cursor: pointer;
}
.v-component-container > .v-header > .v-control:active {
  color: #000000;
  cursor: pointer;
}
.v-component-container .v-left-arrow {
  border-left: 1px solid #ddd;
  top: 0px;
  right: 18px;
}
.v-component-container .v-right-arrow {
  top: 0px;
  right: 0px;
}
.v-component-container .v-left-arrow:before {
  content: "<";
}
.v-component-container .v-right-arrow:before {
  content: ">";
}
.v-component-container .v-scrollable > .nav-tabs {
  white-space: nowrap;
  position: absolute;
}
.v-component-container .v-scrollable > .nav-tabs > li {
  display: inline-block;
  float: none;
  position: relative;
  width: auto;
}
.v-component-container .nav-tabs > li > a {
  padding-right: 30px;
}
.v-component-container .nav-tabs > li > .close {
  position: absolute;
  top: 11px;
  right: 10px;
}
.v-component-container .v-overflow .v-scrollable {
  margin-right: 36px;
}
.v-component-container .v-overflow .v-control {
  visibility: visible;
}
/*组件容器样式 开始*/
.v-25-component-container > .tab-content {
  top: 33px;
}
.v-25-component-container > .v-header {
  background: #e4e9f0;
  height: 33px;
  border-bottom: 1px solid #d7d7d9;/*边框颜色*/
  box-shadow: none;
  font-size: 12px;
  font-weight: normal;
}
.v-25-component-container > .v-header > .v-scrollable {
  margin-right: 12px;
  margin-left: 12px;
  height: 33px;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs {
  /*border-bottom: 1px solid @v-component-header-border-color;边框颜色*/
  border: none;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li {
  margin-top: 2px;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li + li:before {
  content: "";
  position: absolute;
  top: 9.5px;
  left: 0;
  height: 12px;
  border-left: 1px solid #e3e3e6;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li > a {
  position: relative;
  height: 31px;
  line-height: 31px;
  padding: 0 25px 0 12px;
  color: #9698aa;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 2px;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li > a:before {
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li > a:after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li > .close {
  display: none;
  top: 0;
  right: 3px;
  padding: 0 5px;
  line-height: 31px;
  font-size: 16px;
  font-weight: normal;
  color: #9698aa;
  opacity: 1;/*去掉透明*/
  filter: none;/*去掉ie下的透明*/
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li:hover > a {
  color: #356bbc;
  background: transparent;
  border-color: transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li:hover > a:before {
  border-color: transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li:hover > a:after {
  border-color: transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li:hover > .close {
  display: block;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li.active + li:before {
  border-color: transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li.active > a {
  color: #323233;
  background: #fff;
  border-color: #d7d7d9;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li.active > a:before {
  border-color: transparent;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li.active > a:after {
  border-color: #fff;
}
.v-25-component-container > .v-header > .v-scrollable > .nav-tabs > li.active > .close {
  display: block;
}
.v-25-component-container > .v-header > .v-control {
  padding-top: 8px;
  padding-bottom: 8px;
  border: 0px;
  font-weight: bold;
  font-family: Simsun;
  color: #9698aa;
}
.v-25-component-container > .v-header > .v-control:active {
  color: #323233;
  background: transparent;
  cursor: pointer;
}
.v-25-component-container > .v-header > .v-control:hover {
  color: #356bbc;
  background: #fff;
  cursor: pointer;
}
.v-25-component-container > .v-header > .v-left-arrow {
  padding-left: 4px;
  padding-right: 3px;
  border-left: 1px solid transparent;/*边框颜色*/
  right: 26px;
}
.v-25-component-container > .v-header > .v-right-arrow {
  padding-left: 3px;
  padding-right: 4px;
  right: 12px;
}
.v-25-component-container > .v-header.v-overflow > .v-scrollable {
  margin-right: 42px;
}
.v-25-component-container > .v-header.v-overflow > .v-control {
  visibility: visible;
}
/*组件容器样式 结束*/
/*通用 占满父容器的样式 开始*/
.v-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*通用 占满父容器的样式 结束*/
/*窗体容器的默认样式 BEGIN*/
.v-component {
  margin-right: auto;
  margin-left: auto;
}
.v-component-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*窗体容器的默认样式 BEGIN*/
/*容器样式JGContainer BEGIN*/
.v-container-anchor {
  padding-left: 15px;
  padding-right: 15px;
}
/*容器样式JGContainer END*/
/*表单控件 标签部分样式 BEGIN*/
/*默认表单*/
.default > .form-group .form-control-static {
  padding-top: 0px;
  padding-bottom: 0px;
}
/*表单 高度h6*/
.default > .form-group .form-control-static.v-font-size-h6 {
  line-height: 30px;
  display: block;
}
/*表单 高度h5*/
.default > .form-group .form-control-static.v-font-size-h5 {
  line-height: 34px;
  display: block;
}
/*表单 高度h4*/
.default > .form-group .form-control-static.v-font-size-h4 {
  line-height: 46px;
  display: block;
}
/*表单 高度h3*/
.default > .form-group .form-control-static.v-font-size-h3 {
  line-height: 34px;
  display: block;
}
/*表单 高度h2*/
.default > .form-group .form-control-static.v-font-size-h2 {
  line-height: 42px;
  display: block;
}
/*表单 高度h1*/
.default > .form-group .form-control-static.v-font-size-h1 {
  line-height: 51px;
  display: block;
}
/*水平排列的表单*/
.form-horizontal > .form-group .form-control-static,
.form-horizontal > .form-group > .control-label {
  padding-top: 0px;
  padding-bottom: 0px;
}
/*表单 高度小*/
.form-horizontal > .form-group > .control-label > span.v-font-size-sm {
  line-height: 30px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-sm {
  line-height: 30px;
  display: inline-block;
}
/*表单 高度中*/
.form-horizontal > .form-group > .control-label > span.v-font-size-md {
  line-height: 34px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-md {
  line-height: 34px;
  display: inline-block;
}
/*表单 高度大*/
.form-horizontal > .form-group > .control-label > span.v-font-size-lg {
  line-height: 46px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-lg {
  line-height: 46px;
  display: inline-block;
}
/*表单 高度h6*/
.form-horizontal > .form-group > .control-label > span.v-font-size-h6 {
  line-height: 30px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-h6 {
  line-height: 30px;
  display: inline-block;
}
/*表单 高度h5*/
.form-horizontal > .form-group > .control-label > span.v-font-size-h5 {
  line-height: 34px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-h5 {
  line-height: 34px;
  display: inline-block;
}
/*表单 高度h4*/
.form-horizontal > .form-group > .control-label > span.v-font-size-h4 {
  line-height: 46px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-h4 {
  line-height: 46px;
  display: inline-block;
}
/*表单 高度h3*/
.form-horizontal > .form-group > .control-label > span.v-font-size-h3 {
  line-height: 34px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-h3 {
  line-height: 34px;
  display: inline-block;
}
/*表单 高度h2*/
.form-horizontal > .form-group > .control-label > span.v-font-size-h2 {
  line-height: 42px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-h2 {
  line-height: 42px;
  display: inline-block;
}
/*表单 高度h1*/
.form-horizontal > .form-group > .control-label > span.v-font-size-h1 {
  line-height: 51px;
  display: inline-block;
}
.form-horizontal > .form-group .form-control-static.v-font-size-h1 {
  line-height: 51px;
  display: inline-block;
}
/*内联表单*/
.form-group.v-form-inline {
  display: inline-block;
  zoom: 1\9;
  display: inline\9;
}
.form-group.v-form-inline > .v-form-inline-item > .input-group-addon {
  background-color: transparent;
  border: 0px solid #ccc;
  font-weight: 700;
}
/*区别于input-group*/
.form-group.v-form-inline > .v-form-inline-item {
  display: inline-table;
  vertical-align: middle;
  position: relative;
  border-collapse: separate;
}
.form-group.v-form-inline > .v-form-inline-item .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: auto;
  margin-bottom: 0;
  display: table-cell;
}
.form-group.v-form-inline > .v-form-inline-item > .input-group-addon {
  width: auto;
}
/*表单控件 标签部分样式 END*/
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!必须放到最后!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*文字大小*/
.v-font-size-h1 {
  font-size: 36px;
  line-height: 51px;
}
.v-font-size-h2 {
  font-size: 30px;
  line-height: 42px;
}
.v-font-size-h3 {
  font-size: 24px;
  line-height: 34px;
}
.v-font-size-h4 {
  font-size: 18px;
  line-height: 46px;
}
.v-font-size-h5 {
  font-size: 14px;
  line-height: 34px;
}
.v-font-size-h6 {
  font-size: 12px;
  line-height: 30px;
}
.v-font-size-lg {
  font-size: 18px;
}
.v-font-size-md {
  font-size: 14px;
}
.v-font-size-sm {
  font-size: 12px;
}
/*链接下面图标位置兼容*/
a.v-font-size-h1 span.glyphicon {
  top: 5px;
}
a.v-font-size-h2 span.glyphicon {
  top: 4px;
}
a.v-font-size-h3 span.glyphicon {
  top: 3px;
}
a.v-font-size-h4 span.glyphicon {
  top: 2px;
}
a.v-font-size-h5 span.glyphicon {
  top: 1px;
}
a.v-font-size-h6 span.glyphicon {
  top: 1px;
}
/*smartclient样式兼容 BEGIN*/
.col-sm-1,
.col-md-1,
.col-lg-1,
.form-control,
.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box !important;/*混合窗体中，sc中的样式会对这部分进行覆盖*/
}
/*smartclient样式兼容 END*/
/*IE78样式兼容*/
.col-sm-1 {
  FLOAT: left;
}
.col-md-1 {
  FLOAT: left;
}
.col-lg-1 {
  FLOAT: left;
}
.form-inline .form-group {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
}
.form-inline .form-control {
  WIDTH: auto;
  VERTICAL-ALIGN: middle;
}
.form-inline .input-group {
  VERTICAL-ALIGN: middle;
  DISPLAY: inline-table;
}
.form-inline .input-group .input-group-addon {
  WIDTH: auto;
}
.form-inline .input-group .input-group-btn {
  WIDTH: auto;
}
.form-inline .input-group .form-control {
  WIDTH: auto;
}
.form-inline .input-group > .form-control {
  WIDTH: 100%;
}
.form-inline .control-label {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
}
.form-inline .radio {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
  MARGIN-TOP: 0px;
  DISPLAY: inline-block;
}
.form-inline .checkbox {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
  MARGIN-TOP: 0px;
  DISPLAY: inline-block;
}
.form-inline .radio LABEL {
  PADDING-LEFT: 0px;
}
.form-inline .checkbox LABEL {
  PADDING-LEFT: 0px;
}
.form-inline .radio INPUT[type=radio] {
  POSITION: relative;
  MARGIN-LEFT: 0px;
}
.form-inline .checkbox INPUT[type=checkbox] {
  POSITION: relative;
  MARGIN-LEFT: 0px;
}
.form-inline .has-feedback .form-control-feedback {
  TOP: 0px;
}
.form-horizontal .control-label {
  MARGIN-BOTTOM: 0px;
  TEXT-ALIGN: right;
  PADDING-TOP: 7px;
}
.form-horizontal .form-group-lg .control-label {
  PADDING-TOP: 14.3px;
}
.form-horizontal .form-group-sm .control-label {
  PADDING-TOP: 6px;
}
.navbar-right .dropdown-menu {
  RIGHT: 0px;
  LEFT: auto;
}
.navbar-right .dropdown-menu-left {
  RIGHT: auto;
  LEFT: 0px;
}
.nav-justified.nav-tabs > LI {
  WIDTH: 1%;
  DISPLAY: table-cell;
}
.nav-justified.nav-tabs > LI > A {
  MARGIN-BOTTOM: 0px;
}
.nav-justified.nav-tabs > LI > A {
  BORDER-BOTTOM: #ddd 1px solid;
  border-radius: 4px 4px 0 0;
}
.nav-justified.nav-tabs > .active > A {
  BORDER-BOTTOM-COLOR: #fff;
}
.nav-justified.nav-tabs > .active > A:hover {
  BORDER-BOTTOM-COLOR: #fff;
}
.nav-justified.nav-tabs > .active > A:focus {
  BORDER-BOTTOM-COLOR: #fff;
}
.nav-justified > LI {
  WIDTH: 1%;
  DISPLAY: table-cell;
}
.nav-justified > LI > A {
  MARGIN-BOTTOM: 0px;
}
.nav-tabs-justified > LI > A {
  BORDER-BOTTOM: #ddd 1px solid;
  border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > A {
  BORDER-BOTTOM-COLOR: #fff;
}
.nav-tabs-justified > .active > A:hover {
  BORDER-BOTTOM-COLOR: #fff;
}
.nav-tabs-justified > .active > A:focus {
  BORDER-BOTTOM-COLOR: #fff;
}
.navbar {
  border-radius: 4px;
}
.navbar-header {
  FLOAT: left;
}
.navbar-collapse {
  BORDER-TOP: 0px;
  WIDTH: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.collapse.navbar-collapse {
  OVERFLOW: visible !important;
  HEIGHT: auto !important;
  PADDING-BOTTOM: 0px;
  DISPLAY: block !important;
}
.in.navbar-collapse {
  OVERFLOW-Y: visible;
}
.navbar-fixed-top .navbar-collapse {
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
}
.navbar-static-top .navbar-collapse {
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
}
.navbar-fixed-bottom .navbar-collapse {
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
}
.container > .navbar-header {
  MARGIN-LEFT: 0px;
  MARGIN-RIGHT: 0px;
}
.container-fluid > .navbar-header {
  MARGIN-LEFT: 0px;
  MARGIN-RIGHT: 0px;
}
.container > .navbar-collapse {
  MARGIN-LEFT: 0px;
  MARGIN-RIGHT: 0px;
}
.container-fluid > .navbar-collapse {
  MARGIN-LEFT: 0px;
  MARGIN-RIGHT: 0px;
}
.navbar-static-top {
  border-radius: 0;
}
.navbar-fixed-top {
  border-radius: 0;
}
.navbar-fixed-bottom {
  border-radius: 0;
}
.navbar > .container .navbar-brand {
  MARGIN-LEFT: -15px;
}
.navbar > .container-fluid .navbar-brand {
  MARGIN-LEFT: -15px;
}
.navbar-toggle {
  DISPLAY: none;
}
.navbar-nav {
  FLOAT: left;
  MARGIN: 0px;
}
.navbar-nav > LI {
  FLOAT: left;
}
.navbar-nav > LI > A {
  PADDING-BOTTOM: 15px;
  PADDING-TOP: 15px;
}
.navbar-left {
  FLOAT: left !important;
}
.navbar-right {
  FLOAT: right !important;
}
.navbar-form .form-group {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
  DISPLAY: inline-block;
}
.navbar-form .form-control {
  WIDTH: auto;
  VERTICAL-ALIGN: middle;
  DISPLAY: inline-block;
}
.navbar-form .input-group {
  VERTICAL-ALIGN: middle;
  DISPLAY: inline-table;
}
.navbar-form .input-group .input-group-addon {
  WIDTH: auto;
}
.navbar-form .input-group .input-group-btn {
  WIDTH: auto;
}
.navbar-form .input-group .form-control {
  WIDTH: auto;
}
.navbar-form .input-group > .form-control {
  WIDTH: 100%;
}
.navbar-form .control-label {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
}
.navbar-form .radio {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
  MARGIN-TOP: 0px;
  DISPLAY: inline-block;
}
.navbar-form .checkbox {
  MARGIN-BOTTOM: 0px;
  VERTICAL-ALIGN: middle;
  MARGIN-TOP: 0px;
  DISPLAY: inline-block;
}
.navbar-form .radio LABEL {
  PADDING-LEFT: 0px;
}
.navbar-form .checkbox LABEL {
  PADDING-LEFT: 0px;
}
.navbar-form .radio INPUT[type=radio] {
  POSITION: relative;
  MARGIN-LEFT: 0px;
}
.navbar-form .checkbox INPUT[type=checkbox] {
  POSITION: relative;
  MARGIN-LEFT: 0px;
}
.navbar-form .has-feedback .form-control-feedback {
  TOP: 0px;
}
.navbar-form {
  BORDER-TOP: 0px;
  BORDER-RIGHT: 0px;
  WIDTH: auto;
  BORDER-BOTTOM: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-TOP: 0px;
  MARGIN-LEFT: 0px;
  BORDER-LEFT: 0px;
  MARGIN-RIGHT: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-text {
  FLOAT: left;
  MARGIN-LEFT: 15px;
  MARGIN-RIGHT: 15px;
}
.visible-lg {
  DISPLAY: block !important;
}
.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
  WIDTH: 300px;
}
.modal-lg {
  WIDTH: 900px;
}
.input-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
/**
梁朝辉 2015-02-28
v3.2.0中，line-height: 1.33，会引起IE与CHROME高度不对应问题
v3.3.2中，line-height: 1.3333333
由于不能直接升级版本，所以单独修改该属性
*/
.btn-lg,
.btn-group-lg > .btn {
  line-height: 1.3333333;
}
.form-horizontal .form-group-lg .form-control {
  line-height: 1.3333333;
}
.input-group-lg > .input-group-btn > .btn {
  line-height: 1.3333333;
}
/**
梁朝辉 2015-02-28
如果按钮包含图片，在IE8下会多出1px，调整font-size以适配
默认值为：18px
*/
.btn .glyphicon {
  font-size: 17.5px;
}
/*门户*/
.nav-tabs-bottom {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  /*background: #F6F7FB;*/
  background: #FDFDFE;
  text-align: center;
  height: 42px;
}
.nav-tabs-bottom > .nav-tabs {
  border: 0;
  display: inline-block;
}
.portal-content .fade {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
/*
.nav-tabs-bottom li>a:hover, .nav-tabs-bottom li>a {
	border: 0px;
	border-radius: 0px;
	color: #333;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	padding-left: 40px !important;
	padding-right: 40px !important;
	margin-right: 0;
}
.nav-tabs-bottom li > a:hover {
	background-color: #F6F7FB;
}
.nav-tabs-bottom li.divider > a {
	padding-right: 0 !important;
    padding-left: 0 !important;
    width: 4px;
    line-height: 20px;
    margin: auto;
    color: #e3e3e3;
}
.nav-tabs-bottom li.active>a:focus, .nav-tabs-bottom li.active>a:hover, .nav-tabs-bottom li.active>a {
	border: 0px;
	color: #4990D2;
	background-color: #F6F7FB;
	padding-left: 40px;
	padding-right: 40px;
}*/
.nav-tabs-bottom .nav-tab-list,
.nav-tabs-bottom li.nav-add {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  line-height: 40px;
  padding: 0 8px;
  min-width: 120px;
  max-width: 180px;
  width: 12.5%;
  cursor: pointer;
}
.nav-tabs-bottom .nav-tab-list.active {
  color: #4990D2;
  background-color: #F6F7FB;
}
.nav-tabs-bottom .nav-tab-list:hover {
  background-color: #F6F7FB;
}
.nav-tabs-bottom li.divider {
  padding: 10px 0;
  width: 4px;
  line-height: 20px;
  margin: auto;
  color: #e3e3e3;
}
div.v-fill > div.v-fill > div.tab-content.v-fill {
  /*margin: @v-portal-outer-layout;*//* 兼容单页签门户 */
}
/*
.portal-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 42px;
	left: 0;
	margin: @v-portal-outer-layout;
	overflow:auto;
}
.portal-body {
	position: absolute;
	box-sizing: border-box;
}
.portal-body > div {
	height: 100%;
}
.portal-body-header {
	height: 34px;
	color: #FFF;
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	background: @v-portal-background;
	top: 0px;
	left: 0px;
	right: 0px;
	padding-left: 12px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin: 15px 0 0 15px;
}
.portal-body-body {
	position: absolute;
	z-index:0;
	background: #FFF;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: 49px;
	top: 0px;
	left: 15px;
    right: 0;
    bottom: 0;
    overflow: auto;
}
*/
/*****************************************************/
.portal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 42px;
  left: 0;
}
.portal-body {
  position: absolute;
  box-sizing: border-box;
}
.portal-body > div {
  /*height: 100%;*/
}
.portal-body-header {
  height: 34px;
  color: #fff;
  line-height: 34px;
  font-size: 14px;
  font-weight: bold;
  background: #356bbc;
  padding-left: 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.portal-body-body {
  bottom: 6px;
  background: #FFF;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: auto;
}
.portal-body-no-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  top: 0 !important;
}
/*************************************/
/*门户*/
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand {
  color: #fff;
}
/*导航条去掉下边距 begin*/
.v-nav-bar {
  margin-bottom: 0px;
  margin-left: -15px;
  margin-right: -15px;
  border: 0px;
}
/*导航菜单 开始*/
.v-navigator-top-div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.v-navigator-top-div.static {
  position: static;
}
/*扩展域*/
.v-navigator-top-div .v-navigator-fixed {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 790002;/*扩展域 菜单超出看不到 ==> 层级遮盖 + 背景*/
  background: inherit;
}
.v-navigator-top-div .v-navigator-toparea.v-navigator-fixed {
  top: 0;
}
.v-navigator-top-div .v-navigator-bottomarea.v-navigator-fixed {
  bottom: 0;
}
.v-navigator-top-div .v-navigator-toparea,
.v-navigator-top-div .v-navigator-bottomarea,
.v-navigator {
  background: #FFF;
}
.v-navigator,
.v-navigator * {
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}
.v-navigator a {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  text-decoration: none;
}
.v-navigator-top-div .v-navigator-warper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 5px 0 20px 0 #dde6ee;/*rgb(221,230,238)*/
  z-index: 790001;
}
.v-navigator {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 790001;
  -webkit-box-shadow: 5px 0 20px 0 #dde6ee;
  -ms-box-shadow: 5px 0 20px 0 #dde6ee;
  box-shadow: 5px 0 20px 0 #dde6ee;
}
.v-navigator > .v-content {
  position: relative;
  top: 0px;
  left: 0px;
  overflow: visible;
}
.v-navigator .v-scrollbar {
  display: none;/*如果不超出高度，不显示滚动条*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
}
.v-navigator .v-scrollbar {
  z-index: 799999;
/* 子节点处理滚动条被遮盖 */ }
.v-navigator-slim .sub-menu > .v-scrollbar {
  display: block;
}
.v-navigator-slim .sub-menu > .v-scrollbar.slimhidden {
  display: none;
}
.v-scrollbar .v-scrollbar-thumb {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;/*默认10px高*/
  border-radius: 4px;/*设置圆角,IE下不起作用*/
  background-color: #DFE0E3;
}
.v-scrollbar .v-scrollbar-thumb:hover {
  background-color: #AEB2B9;
}
.v-navigator.v-overflow > .v-scrollbar {
  display: block;
}
.v-navigator.v-overflow > .v-scrollbar:active,
.v-navigator.v-overflow > .v-scrollbar:hover,
.v-navigator.v-overflow > .v-scrollbar:focus,
.v-navigator.v-overflow > .v-scrollbar:visited,
.v-navigator.v-overflow > .v-scrollbar > .v-scrollbar-thumb:active,
.v-navigator.v-overflow > .v-scrollbar > .v-scrollbar-thumb:hover,
.v-navigator.v-overflow > .v-scrollbar > .v-scrollbar-thumb:focus,
.v-navigator.v-overflow > .v-scrollbar > .v-scrollbar-thumb:visited {
  cursor: default;
}
.glyphicon-circle-arrow-right {
  font-size: 14px;
  text-shadow: none;
  -webkit-text-stroke-width: 0;
}
.icon-right:before,
.icon-down:before {
  content: "\e61c";
  transition: 0.1s linear;
}
.icon-right,
.icon-down {
  -webkit-text-stroke-width: 0px;
  transition: 0.1s linear;
}
.page-sidebar-menu > .active-down > a > .icon-right,
.sub-menu .active-down > a .icon-right,
.icon-down {
  filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-2.755455298081545e-16, M12=-1.5, M21=1.5, M22=-2.755455298081545e-16, SizingMethod='auto expand')";
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sub-menu .active-down.downicon > a .icon-right {
  filter: "";
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.v-navigator-slim .active > a .icon-right {
  filter: none;
  -moz-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}
/*头部开始*/
.page-sidebar-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.v-navigator * {
  line-height: 44px;
}
.v-navigator .title {
  white-space: nowrap;
  width: calc(100% - 43px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.v-navigator .drop_menu.icon_menu > .title {
  width: calc(100% - 43px);
}
.v-navigator .drop_menu.white_menu > .title {
  width: calc(100% - 19px);
}
.v-navigator .single_menu.white_menu > .title {
  width: 100%;
}
.v-navigator .single_menu.icon_menu > .title {
  width: calc(100% - 25px);
}
.v-navigator .clearF,
.v-navigator .clearF:after {
  display: block;
  content: "";
  clear: both;
}
.v-navigator .right_arrow.hide {
  display: none;
}
.v-navigator li {
  position: relative;
  cursor: pointer;
}
.v-navigator li a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 0 16px;
  text-decoration: none;
  color: #545454;
}
.v-navigator li .left_icon {
  line-height: 44px;
  width: 16px;
  padding-right: 8px;
  text-shadow: none;
  -webkit-text-stroke-width: 0;
  color: #545454;
}
.v-navigator li .icon_img {
  padding: 13px 8px 10px 0;
  height: 16px;
  width: 16px;
  position: relative;
  top: 1px;
}
.v-navigator li .left_icon,
.v-navigator li .title,
.v-navigator li .right_arrow {
  float: left;
  color: #545454;
}
.v-navigator li .right_arrow {
  float: right;
  font-size: 12px;
  font-weight: 300;
  text-shadow: none;
  color: #d9d9d9;
}
.page-sidebar-menu li > a > .arrow.icon-down:before {
  display: block;
}
.icon-right-to-down:before {
  transform: rotate(90deg);
}
/*一级菜单*/
.page-sidebar-menu .level1 > a .left_icon {
  color: #545454;
}
.page-sidebar-menu .level1 > a .title {
  color: #545454;
}
.page-sidebar-menu .level1 > a .right_arrow {
  color: #545454;
}
.page-sidebar-menu .level1 > a:hover {
  background-color: #f8f8f8;
  transition: 0.2s linear;
}
.page-sidebar-menu .level1 > a:hover * {
  color: #545454;
}
.page-sidebar-menu .level1 > a:hover .left_icon {
  color: #545454;
}
.page-sidebar-menu .level1 > a:hover .title {
  color: #545454;
}
.page-sidebar-menu .level1 > a:hover .right_arrow {
  color: #545454;
}
.page-sidebar-menu .level1 > a:hover + ul {
  background-color: #FFF;
}
.page-sidebar-menu .active-level1 > a * {
  color: #545454;
}
.page-sidebar-menu .active-level1 > a .left_icon,
.page-sidebar-menu .active-level1 > a:hover .left_icon {
  color: #356bbc;
}
.page-sidebar-menu .active-level1 > a .title,
.page-sidebar-menu .active-level1 > a:hover .title {
  color: #356bbc;
}
.page-sidebar-menu .active-level1 > a .right_arrow,
.page-sidebar-menu .active-level1 > a:hover .right_arrow {
  color: #356bbc;
}
.page-sidebar-menu .active-level1 > ul {
  background-color: #FFF;
}
.page-sidebar-menu .level1.activeSelect a,
.page-sidebar-menu .level1.activeSelect a:hover {
  color: #356bbc;
  background: #FFF;
}
.page-sidebar-menu > .level1.activeSelect > a .left_icon,
.page-sidebar-menu > .level1.activeSelect > a:hover .left_icon {
  color: #356bbc;/*@v-Navigator-level1-select-color*/
}
.page-sidebar-menu > .level1.activeSelect > a .title,
.page-sidebar-menu > .level1.activeSelect > a:hover .title {
  color: #356bbc;
}
.page-sidebar-menu > .level1.activeSelect > a .right_arrow,
.page-sidebar-menu > .level1.activeSelect > a:hover .right_arrow {
  color: #356bbc;
}
.page-sidebar-closed .page-sidebar-menu > li {
  height: 39px;
}
/*下级菜单*/
.sub-menu {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 799999;
}
.sub-menu ul {
  padding: 0;
  list-style: none;
  position: relative;
  margin: 0;
}
.page-sidebar-menu li .sub-menu {
  display: none;
}
.page-sidebar-menu .active-down > .sub-menu,
.page-sidebar-menu .active-level1 > .sub-menu {
  display: block;
}
.sub-menu li > a:hover {
  background-color: #f8f8f8;
  color: #545454;
}
.sub-menu li > a:hover .left_icon {
  color: #545454;
}
.sub-menu li > a:hover .title {
  color: #545454;
}
.sub-menu li > a:hover .right_arrow {
  color: #545454;
}
.sub-menu .active > a,
.sub-menu .active > a:hover,
.sub-menu .active-cor > a,
.sub-menu .active-cor > a:hover {
  background-color: #FFF;
  color: #356bbc;
}
.sub-menu .active > a .left_icon,
.sub-menu .active > a:hover .left_icon,
.sub-menu .active-cor > a .left_icon,
.sub-menu .active-cor > a:hover .left_icon {
  color: #356bbc;
}
.sub-menu .active > a .title,
.sub-menu .active > a:hover .title,
.sub-menu .active-cor > a .title,
.sub-menu .active-cor > a:hover .title {
  color: #356bbc;
}
.sub-menu .active > a .right_arrow,
.sub-menu .active > a:hover .right_arrow,
.sub-menu .active-cor > a .right_arrow,
.sub-menu .active-cor > a:hover .right_arrow {
  color: #356bbc;
}
.sub-menu .activeSelect > a,
.sub-menu .activeSelect > a:hover {
  background: #FFF;
  color: #356bbc;
}
.sub-menu .activeSelect > a:hover {
  background: #f8f8f8;
}
.sub-menu .activeSelect > a .left_icon,
.sub-menu .activeSelect > a:hover .left_icon {
  color: #356bbc;
}
.sub-menu .activeSelect > a .title,
.sub-menu .activeSelect > a:hover .title {
  color: #356bbc;
}
.sub-menu .activeSelect > a .right_arrow,
.sub-menu .activeSelect > a:hover .right_arrow {
  color: #356bbc;
}
/*浮动菜单*/
.page-sidebar-menu .active-right > .sub-menu {
  display: block;
  position: absolute;
  width: 170px;
  top: 0px;
  left: 100%;
}
.page-sidebar-menu .active-right > .sub-menu ul {
  width: 170px;
  box-shadow: transparent 1px 1px 1px;
  background-color: #f6fafd;
}
.page-sidebar-menu .active-right > .sub-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: #000;
  opacity: 0.1;
}
.page-sidebar-menu .active-right > .sub-menu.sub-menu-scroll {
  overflow: hidden;
}
.v-navigator-warper .sub-menu-scroll .v-scrollbar {
  display: block;
}
/*导航菜单样式 简洁*/
/*重置样式*/
.bodyhidden {
  overflow: hidden;
}
.v-navigator.v-navigator-slim {
  background-color: #FFF;
}
.v-navigator-slim .page-sidebar ul > li > a > .arrow.icon-down:before {
  display: inline;
}
.v-navigator-slim .sub-menu li a {
  color: #545454;
}
.v-navigator-slim .sub-menu li a .left_icon {
  color: #545454;
}
.v-navigator-slim .sub-menu li a .title {
  color: #545454;
}
.v-navigator-slim .sub-menu li a .right_arrow {
  color: #545454;
}
.v-navigator-slim .level1 > a {
  padding: 0;
}
.v-navigator-slim .level1 > a span {
  display: none;
}
.v-navigator-slim .level1 > a * {
  line-height: 60px;
}
.v-navigator-slim .level1.active {
  width: 260px;
}
.v-navigator-slim .level1 > a .left_icon {
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 16px;
  color: v-Navigator-font-color;
  text-align: center;
}
.v-navigator-slim .level1 > a:hover,
.v-navigator-slim .level1.active > a,
.v-navigator-slim .level1.active:hover > a,
.v-navigator-slim .level1.select.active > a,
.v-navigator-slim .level1.select.active > a:hover {
  background-color: #FFF;
  color: #356bbc;
}
.v-navigator-slim .level1.active > a,
.v-navigator-slim .level1.active:hover > a,
.v-navigator-slim .level1.select.active > a,
.v-navigator-slim .level1.select.active > a:hover {
  padding-left: 16px;
}
.v-navigator-slim .level1.active > a .title {
  display: block;
}
.v-navigator-slim .level1.active > a .left_icon {
  display: block;
  width: 16px;
  height: 16px;
}
.v-navigator-slim .level1 > a:hover .left_icon,
.v-navigator-slim .level1.active > a .left_icon,
.v-navigator-slim .level1.active > a:hover .left_icon,
.v-navigator-slim .level1.select.active > a .left_icon,
.v-navigator-slim .level1.select.active > a:hover .left_icon {
  padding-right: 8px;
  color: #356bbc;
}
.v-navigator-slim .level1 > a:hover .title,
.v-navigator-slim .level1.active > a .title,
.v-navigator-slim .level1.active > a:hover .title,
.v-navigator-slim .level1.select.active > a .title,
.v-navigator-slim .level1.select.active > a:hover .title {
  color: #356bbc;
}
.v-navigator-slim .level1 > a:hover .right_arrow,
.v-navigator-slim .level1.active > a .right_arrow,
.v-navigator-slim .level1.active > a:hover .right_arrow,
.v-navigator-slim .level1.select.active > a .right_arrow,
.v-navigator-slim .level1.select.active > a:hover .right_arrow {
  color: #356bbc;
}
.v-navigator-slim .level1.select > a,
.v-navigator-slim .level1.select > a:hover {
  background-color: transparent;
  color: #356bbc;
}
.v-navigator-slim .level1.select > a .left_icon,
.v-navigator-slim .level1.select > a:hover .left_icon {
  color: #356bbc;
}
/**/
.v-navigator .slim-menu {
  display: none;
}
.v-navigator-slim .slim-menu {
  display: block;
}
.v-navigator-slim .active > .sub-menu,
.v-navigator-slim .slim-menu .sub-menu {
  display: none;
  position: absolute;
  background-color: #FFF;
  width: 200px;
  overflow: hidden;
  box-shadow: 0px 5px 10px 0 #dde6ee;
}
.v-navigator-slim .slim-menu .active.sub-menu {
  display: block;
}
.v-navigator-slim .sub-menu .v-scrollbar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 193px;
}
.v-navigator-slim .level1.active > a:hover + ul {
  background-color: #FFF;
}
.v-navigator-slim .active.sub-menu ul > li {
  border-right: 1px solid #e7e5e5;
}
.v-navigator-slim .sub-menu > a:hover {
  background-color: #f8f8f8;
  color: #545454;
}
.v-navigator-slim .sub-menu > a .left_icon,
.v-navigator-slim .sub-menu > a:hover .left_icon {
  color: #545454;
}
.v-navigator-slim .sub-menu > a .title,
.v-navigator-slim .sub-menu > a:hover .title {
  color: #545454;
}
.v-navigator-slim .sub-menu > a .right_arrow,
.v-navigator-slim .sub-menu > a:hover .right_arrow {
  color: #545454;
}
.v-navigator-slim .sub-menu .active > a,
.v-navigator-slim .sub-menu .active > a:hover {
  background-color: #f8f8f8;
  color: #545454;
}
.v-navigator-slim .sub-menu .active > a .left_icon,
.v-navigator-slim .sub-menu .active > a:hover .left_icon {
  color: #545454;
}
.v-navigator-slim .sub-menu .active > a .title,
.v-navigator-slim .sub-menu .active > a:hover .title {
  color: #545454;
}
.v-navigator-slim .sub-menu .active > a .right_arrow,
.v-navigator-slim .sub-menu .active > a:hover .right_arrow {
  color: #545454;
}
.v-navigator-slim .sub-menu .select > a,
.v-navigator-slim .sub-menu .select > a:hover {
  background-color: transparent;
  color: #356bbc;
}
.v-navigator-slim .sub-menu .select > a:hover {
  background-color: #f8f8f8;
}
.v-navigator-slim .sub-menu .select > a .left_icon,
.v-navigator-slim .sub-menu .select > a:hover .left_icon {
  color: #356bbc;
}
.v-navigator-slim .sub-menu .select > a .title,
.v-navigator-slim .sub-menu .select > a:hover .title {
  color: #356bbc;
}
.v-navigator-slim .sub-menu .select > a .right_arrow,
.v-navigator-slim .sub-menu .select > a:hover .right_arrow {
  color: #356bbc;
}
/*导航菜单样式 结束*/
/* 列表样式 */
.table-head-fixed > tbody {
  display: block;/* height:195px; 需通过js控制高度*/
  overflow: auto;
}
.table-head-fixed thead,
.table-head-fixed tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
/* 列表样式 */
/* 导航布局样式 */
html,
body {
  height: 100%;
}
.layout {
  height: 100%;
  background-color: inherit;/*侧栏是导航菜单，便于隐藏菜单*/
}
/*
	luot：导致普通窗体下拉列无法触发弹出选择框，暂注释
	yexing：布局头部是自定义块，z-index不影响，没有层级，侧栏导航菜单滚动时，会看到应该隐藏的菜单
	vui-header ，vui-sider
*/
.vui-header {
  z-index: 790002;
  position: relative;
  background-color: inherit;/*侧栏是导航菜单，便于隐藏菜单*/
}
.vui-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 790001;
}
.vui-sider {
  background: white;
  overflow: visible;
  z-index: 790001;/*中间区域如果放置普通窗体，层级需比窗体要大，后需通过vjs动态获取*/
  bottom: 0;
  position: absolute;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.22);/*0 1px 10px 0 rgba(0,0,0,0.22);*/
  /*transition:.3s;*/
}
.vui-sider .v-navigator-top-div {
  overflow: visible;
}
.vui-sider .sider-drag {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.vui-sider .zIn0 {
  z-index: 0;
}
.vui-sider.vui-sider-no {
  transition: 0s;
}
.vui-sider .ui-resizable-handle {
  position: absolute;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
  cursor: e-resize;
}
.vui-sider .v-navigator {
  box-shadow: none;
}
.vui-page {
  position: absolute;
  bottom: 0;
  right: 0;/* z-index: 1; 导致普通窗体下拉列无法触发弹出选择框，暂注释*/
}
.vui-page .v-scrollable > .tab-content {
  overflow: inherit !important;
}
.vui-page > .v-component-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.vui-page > .v-component-container > .tab-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.vui-sider .vui-sider-hide {
  overflow: hidden;
}
.vui-sider-drag .page-sidebar-menu li {
  transition: 0.2s;
}
/* 前端异常信息弹框  start */
.front-end-alerter {
  z-index: 999999;
  position: relative;
}
.front-end-alerter .modal * {
  padding: 0;
  margin: 0;
}
.front-end-alerter .modal button {
  cursor: pointer;
  padding: 0 20px;
}
.front-end-alerter .clear {
  zoom: 1;
}
.front-end-alerter .clear:after {
  content: '';
  display: table;
  clear: both;
  height: 0;
}
.front-end-alerter .modal {
  background: #fff;
  width: 558px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.6;
  color: #666;
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  margin: -100px 0 0 -280px;
  z-index: 999;
  display: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border: 2px solid #356bbc;/*padding:@alert-padding-horizontal;*/
}
.front-end-alerter .fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-transition: opacity .15s linear, -ms-transform .2s ease-out;
  transition: opacity .15s linear, transform .2s ease-out;
}
.front-end-alerter .fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.front-end-alerter .modal.fade {
  -ms-transform: translate(0, -20%);
  transform: translate(0, -20%);
}
.front-end-alerter .modal.in {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.front-end-alerter .modal-header {
  display: block;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 14px;
  background: #356bbc;
  text-align: left;
}
.front-end-alerter .modal-header button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.front-end-alerter .modal-header h4 {
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  float: left;
  margin: 0;
  padding: 0;
}
.front-end-alerter .modal-header .btn-icon {
  float: right;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}
.front-end-alerter .modal-header .btn-icon:hover {
  opacity: .5;
  filter: alpha(opacity=50);
}
.front-end-alerter .modal-body {
  padding: 20px;
  position: relative;
  font-size: 14px;
  color: #495060;
}
.front-end-alerter .modal-body .icon-danger {
  color: #e24516;
}
.front-end-alerter .modal-body .icon {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  top: 20px;
  line-height: 1;
}
.front-end-alerter .modal-body .icon i {
  font-size: 40px;
}
.front-end-alerter .modal-body h5,
.front-end-alerter .modal-body p {
  padding-left: 60px;
  word-break: break-all;
}
.front-end-alerter .modal-body h5 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  color: #191919;
}
.front-end-alerter .modal-body p {
  margin: 0;
}
.front-end-alerter .modal-footer {
  padding: 10px 20px;
  border-top: 1px solid #e3e3e6;
  background: transparent;
}
.front-end-alerter .modal-footer button {
  box-shadow: none;
  height: 28px;
  float: right;
  border: 1px solid transparent;
  text-align: center;
  line-height: 28px;
  border-radius: 3px;
  font-size: 12px;
  outline: none;
}
.front-end-alerter .modal-footer button:active {
  outline: none;
}
.front-end-alerter .modal-footer .toggle-extra {
  float: left;
  color: #666;
  background: #fff;
  padding: 0;
  font-size: 12px;
  outline: none;
}
.front-end-alerter .modal-footer .toggle-extra i {
  margin-left: 4px;
  transition: .3s;
  position: absolute;
}
.front-end-alerter .modal-footer .toggle-extra:hover {
  color: #356bbc;
}
.front-end-alerter .modal-footer .active i {
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.front-end-alerter .modal-footer .btn-primary {
  background: #356bbc;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  border: 0 solid transparent;
  color: #FFFFFF;
  -ms-transition: .3s;
  transition: .3s;
}
.front-end-alerter .modal-footer .btn-primary:hover {
  color: #FFFFFF;
  background: #658fcc;
  border-color: !#error#!;
}
.front-end-alerter .modal-footer a:hover {
  background-color: #e2f5fa;
}
.front-end-alerter .modal-extra {
  background: #f7fafc;
  max-height: 0;
  width: 100%;
  overflow: hidden;
  transition: .3s;
  border-radius: 0 0 3px 3px;
  color: #495060;
}
.front-end-alerter .modal-extra.in {
  max-height: 180px;
  padding: 16px 0 0;
}
.front-end-alerter .extra-cont {
  max-height: 140px;
  overflow: auto;
  padding: 0 16px;
}
.front-end-alerter .extra-cont::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.front-end-alerter .extra-cont::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.front-end-alerter .extra-cont::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}
.front-end-alerter .modal-extra p {
  margin: 0 0 10px 0;
  word-break: break-all;
}
.front-end-alerter .modal-extra pre {
  border: none;
  background: transparent;
  overflow: initial;
  font-family: Consolas, Menlo, Courier, monospace, PingFang SC, Microsoft YaHei, 微软雅黑;
}
.front-end-alerter .modal-mask {
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  display: none;
}
.front-end-alerter .modal-mask.in {
  opacity: .5;
  filter: alpha(opacity=50);
} /* 前端异常信息弹框  end */