@font-face {
  font-family: 'iconfont';
  src: url('../../../webres/css/font/iconfont.eot');
  /* IE9*/
  src: url('../../../webres/css/font/iconfont.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('../../../webres/css/font/iconfont.woff') format('woff'),
    /* chrome、firefox */ url('../../../webres/css/font/iconfont.ttf') format('truetype'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../../../webres/css/font/iconfont.svg#iconfont')
      format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: 'maccxiconfont';
  src: url('../../../webres/css/fontx/iconfont.eot');
  /* IE9*/
  src: url('../../../webres/css/fontx/iconfont.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */ url('../../../webres/css/fontx/iconfont.woff') format('woff'),
    /* chrome、firefox */ url('../../../webres/css/fontx/iconfont.ttf') format('truetype'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../../../webres/css/fontx/iconfont.svg#iconfont')
      format('svg');
  /* iOS 4.1- */
}
/* 菜单图标 */
@font-face {
  font-family: 'nocfont';
  src: url('../../../webres/css/nocfont/iconfont.eot?t=1575536867222');
  /* IE9 */
  src: url('../../../webres/css/nocfont/iconfont.eot?t=1575536867222#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,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')
      format('woff2'),
    url('../../../webres/css/nocfont/iconfont.woff?t=1575536867222') format('woff'),
    url('../../../webres/css/nocfont/iconfont.ttf?t=1575536867222') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('../../../webres/css/nocfont/iconfont.svg?t=1575536867222#nocfont') format('svg');
  /* iOS 4.1- */
}
.iconx:before {
  font-family: 'maccxiconfont' !important;
  font-style: normal;
  /* -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale; */
}
.icon:before {
  font-family: 'iconfont' !important;
  font-style: normal;
  /* -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale; */
}
.icon-mail:before {
  content: '\e66a';
}
.icon-circle:before {
  content: '\e66b';
}
.icon-error:before {
  content: '\e600';
}
.icon-download:before {
  content: '\e682';
}
.icon-change:before {
  content: '\e687';
}
.icon-bell:before {
  content: '\e8c0';
}
.icon-export:before {
  content: '\e673';
}
.icon-packupPlus:before {
  content: '\e674';
}
.icon-select:before {
  content: '\e676';
}
.icon-loginUserName:before {
  content: '\e65a';
}
.icon-loginPassword:before {
  content: '\e65c';
}
.icon-identfyCode:before {
  content: '\e65d';
}
.icon-passwordRight:before {
  content: '\e65e';
}
.icon-telephone:before {
  content: '\e663';
}
.icon-expendGroup:before {
  content: '\e667';
}
.icon-small-email:before {
  content: '\e66a';
}
.icon-action3:before {
  content: '\e66c';
}
.icon-up-drownGroup:before {
  content: '\e668';
}
.icon-ICON-1:before {
  content: '\e607';
}
.icon-detail:before {
  content: '\e608';
}
.icon-refresh:before {
  content: '\e681';
}
.icon-question:before {
  content: '\e610';
}
.icon-dropdownType:before {
  content: '\e611';
}
.icon-dropdownExpend:before {
  content: '\e612';
}
.icon-kalendar:before {
  content: '\e613';
}
.icon-add-icon:before {
  content: '\e617';
}
.icon-subtract-icon:before {
  content: '\e61a';
}
.icon-action2:before {
  content: '\e61e';
}
.icon-stop:before {
  content: '\e620';
}
.icon-apply:before {
  content: '\e622';
}
.icon-back:before {
  content: '\e623';
}
.icon-copy:before {
  content: '\e626';
}
.icon-grouping:before {
  content: '\e62c';
}
.icon-gear:before {
  content: '\e62e';
}
.icon-zoomIn:before {
  content: '\e669';
}
.icon-success:before {
  content: '\e631';
}
.icon-delete:before {
  content: '\e632';
}
.icon-addtemplate:before {
  content: '\e634';
}
.icon-determine:before {
  content: '\e635';
}
.icon-cancel:before {
  content: '\e636';
}
.icon-signal1:before {
  content: '\e638';
}
.icon-location:before {
  content: '\e63a';
}
.icon-alarms:before {
  content: '\e63b';
}
.icon-personIcon:before {
  content: '\e63c';
}
.icon-signal:before {
  content: '\e63d';
}
.icon-link:before {
  content: '\e63e';
}
.icon-incomplete:before {
  content: '\e63f';
}
.icon-big-email:before {
  content: '\e640';
}
.icon-message:before {
  content: '\e641';
}
.icon-modify:before {
  content: '\e642';
}
.icon-neverOnline:before {
  content: '\e644';
}
.icon-offline:before {
  content: '\e645';
}
.icon-prev:before {
  content: '\e646';
}
.icon-online:before {
  content: '\e647';
}
.icon-packup:before {
  content: '\e648';
}
.icon-play:before {
  content: '\e651';
}
.icon-problem:before {
  content: '\e652';
}
.icon-region:before {
  content: '\e654';
}
.icon-replace:before {
  content: '\e655';
}
.icon-search:before {
  content: '\e656';
}
.icon-setup:before {
  content: '\e657';
}
.icon-share:before {
  content: '\e658';
}
.icon-suspend:before {
  content: '\e659';
}
.icon-topologicalgraph:before {
  content: '\e65f';
}
.icon-next:before {
  content: '\e660';
}
.icon-right:before {
  content: '\e661';
}
.icon-password-copy:before {
  content: '\e66d';
}
.icon-help:before {
  content: '\e662';
}
.icon-anchor:before {
  content: '\e664';
}
.icon-details:before {
  content: '\e665';
}
.icon-user:before {
  content: '\e66e';
}
.icon-add:before {
  content: '\e66f';
}
.icon-upload:before {
  content: '\e643';
}
.icon-add-plus:before {
  content: '\e60a';
}
.icon-upLink:before {
  content: '\e696';
}
.icon-downLink:before {
  content: '\e697';
}
.icon-zoomOut:before {
  content: '\e679';
}
.icon-business:before {
  content: '\e64c';
}
.icon-mtfi:before {
  content: '\e64b';
}
.icon-service:before {
  content: '\e6e9';
}
.icon-basesystem:before {
  content: '\e67d';
}
.icon-samsystem:before {
  content: '\e67b';
}
.icon-sspsystem:before {
  content: '\e67c';
}
.icon-chgLanguage:before {
  content: '\e680';
}
.icon-totop:before {
  content: '\e67f';
}
.icon-laugh:before {
  content: '\e688';
}
.icon-cry:before {
  content: '\e689';
}
.icon-mapimport:before {
  content: '\e685';
}
.icon-mapexport:before {
  content: '\e686';
}
.icon-bindlocation:before {
  content: '\e68a';
}
.icon-resart::before {
  content: '\e609';
}
.icon-help:before {
  content: '\e662';
}
.icon-back:before {
  content: '\e60b';
}
/*adminx图标*/
.icon-edit:before {
  content: '\e600';
}
.icon-del:before {
  content: '\e60d';
}
.icon-ok:before {
  content: '\e6b1';
}
.icon-cancle:before {
  content: '\e6b7';
}
.icon-map_device:before {
  content: '\e60c';
}
.icon-new_lab:before {
  content: '\e686';
}
.icon-general:before {
  content: '\e6f3';
}
.icon-hotel:before {
  content: '\e6b8';
}
.icon-detail:before {
  content: '\e626';
}
.icon-el-add:before {
  content: '\e62b';
}
.icon-flowminitor:before {
  content: '\e6f4';
}
.icon-map_ap:before {
  content: '\e610';
}
.icon-map_network:before {
  content: '\e611';
}
.icon-import:before {
  content: '\e6b6';
}
.icon-map-list:before {
  content: '\e603';
}
.icon-pluginunit:before {
  content: '\e635';
}
.icon-arrow-right:before {
  content: '\e602';
}
.icon-outdoor:before {
  content: '\e6e7';
}
.icon-config:before {
  content: '\e601';
}
.icon-authentication:before {
  content: '\e691';
}
.icon-down-config:before {
  content: '\e712';
}
.icon-map:before {
  content: '\e767';
}
.icon-warn:before {
  content: '\e61a';
}
.icon-wireless-config:before {
  content: '\e60f';
}
.icon-topo:before {
  content: '\e83d';
}
.icon-arrow:before {
  content: '\e6dd';
}
.icon-switch:before {
  content: '\e640';
}
.icon-arrow-left:before {
  content: '\e617';
}
.icon-el-delete:before {
  content: '\e618';
}
.icon-lab:before {
  content: '\e67d';
}
.icon-lab_block:before {
  content: '\e662';
}
.icon-computer:before {
  content: '\e6ee';
}
.icon-wancheng2:before {
  content: '\e6c9';
}
.icon-database:before {
  content: '\e60a';
}
.icon-manage-device:before {
  content: '\e68f';
}
.icon-device-group:before {
  content: '\e692';
}
.icon-network-group:before {
  content: '\e696';
}
.icon-network:before {
  content: '\e698';
}
.icon-device:before {
  content: '\e699';
}
.icon-link:before {
  content: '\e941';
}
.icon-detail-x:before {
  content: '\e636';
}
.icon-port-g:before {
  content: '\e6c3';
}
.icon-setting-x:before {
  content: '\e6da';
}
.icon-edit-x:before {
  content: '\e605';
}
.icon-close-x:before {
  content: '\e627';
}
.icon-port-d:before {
  content: '\e6c2';
}
.iconx-prohibit:before {
  content: '\e641';
}
.iconx-arrowtop:before {
  content: '\e664';
}
.iconx-arrowbottom:before {
  content: '\e942';
}
.iconx-topology-zoomout:before {
  content: '\e6c8';
}
.iconx-topology-zoomin:before {
  content: '\e6cc';
}
.iconx-topologypanel-zoomout:before {
  content: '\e6ce';
}
.iconx-topologypanel-zoomin:before {
  content: '\e6cd';
}
.iconx-topology-list:before {
  content: '\e6cf';
}
.iconx-topology-adddevice:before {
  content: '\e6cb';
}
.iconx-upgrade:before {
  content: '\e656';
}
.iconx-labmore:before {
  content: '\e612';
}
.iconx-webcli:before {
  content: '\e678';
}
.iconx-gateway-license:before {
  content: '\e690';
}
.iconx-default:before {
  content: '\e631';
}
.iconx-share:before {
  content: '\e61e';
}
.iconx-addaccount:before {
  content: '\e81b';
}
.iconx-diagnosis:before {
  content: '\e700';
}
.iconx-agency:before {
  content: '\e61f';
}
.iconx-beta:before {
  content: '\e64c';
}
.iconx-question:before {
  content: '\e614';
}
.iconx-hand:before {
  content: '\e65b';
}
.iconx-message:before {
  content: '\e722';
}
.iconx-tick:before {
  content: '\e6b2';
}
.iconx-list:before {
  content: '\e868';
}
.iconx-timeline:before {
  content: '\e67a';
}
.iconx-pppoe:before {
  content: '\e62f';
}
.iconx-static:before {
  content: '\e633';
}
.iconx-dhcp:before {
  content: '\e632';
}
.iconx-refresh:before {
  content: '\e71e';
}
.iconx-cancel_share:before {
  content: '\e63a';
}
.iconx-user-wireless:before {
  content: '\e7b2';
}
.iconx-user-switch:before {
  content: '\e643';
}
.iconx-user-unknow:before {
  content: '\e749';
}
.iconx-detail:before {
  content: '\e749';
}
.icon-gateway:before {
  content: '\e637';
}
.icon-switch:before {
  content: '\e604';
}
.icon-ap:before {
  content: '\e610';
}
.icon-topo:before {
  content: '\e639';
}
.icon-arrowTop:before {
  content: '\e664';
}
.icon-tick:before {
  content: '\e6b2';
}
.icon-pdfdownload:before {
  content: '\e61d';
}
.icon-pdf-switch:before {
  content: '\e622';
}
.icon-pdf-ac:before {
  content: '\e621';
}
.icon-pdf-gateway:before {
  content: '\e620';
}
.iconx-back:before {
  content: '\e624';
}
.icon-downloadzip:before {
  content: '\e625';
}
.icon-presale:before {
  content: '\e725';
}
.iconx-detail:before {
  content: '\e636';
}
.iconx-switch:before {
  content: '\e622';
}
.iconx-ap:before {
  content: '\e732';
}
.iconx-liebiao2:before {
  content: '\e6cf';
}
.iconx-deivce:before {
  content: '\e762';
}
.iconx-direct:before {
  content: '\e763';
}
.iconx-nvr:before {
  content: '\e760';
}
.iconx-camera:before {
  content: '\e7e7';
}
.iconx-server:before {
  content: '\e7e1';
}
.iconx-browser:before {
  content: '\e73f';
}
.iconx-goto:before {
  content: '\e63d';
}
.iconx-qywx::before {
  content: '\e6af';
}
.iconx-wx::before {
  content: '\e645';
}
.iconx-onekey::before {
  content: '\e64d';
}
.iconx-dx::before {
  content: '\e64a';
}
.iconx-fixed::before {
  content: '\e64b';
}
.iconx-applet::before {
  content: '\e64e';
}
.iconx-dati::before {
  content: '\e649';
}
.icon-self-device:before {
  content: '\e738';
}
.icon-self-user:before {
  content: '\e646';
}
.icon-self-bell:before {
  content: '\e62a';
}
.icon-self-upcoming:before {
  content: '\e737';
}
.icon-small-triangle::before {
  content: '\e62d';
}
.iconx-warn:before {
  content: '\e723';
}
.iconx-loading:before {
  content: '\e682';
}
.iconx-panel-exit_router::before {
  content: '\e74e';
}
.iconx-panel-switch::before {
  content: '\e623';
}
.iconx-panel-ac::before {
  content: '\e701';
}
.iconx-panel-ap::before {
  content: '\e610';
}
.iconx-panel-bridge::before {
  content: '\e74d';
}
.iconx-panel-camera::before {
  content: '\e7e7';
}
.iconx-panel-ipc::before {
  content: '\e7e7';
}
.iconx-panel-nvr::before {
  content: '\e760';
}
.iconx-panel-pc::before {
  content: '\e643';
}
.iconx-panel-printer::before {
  content: '\e7e3';
}
.iconx-panel-server::before {
  content: '\e7e1';
}
.iconx-panel-other::before {
  content: '\e751';
}
.iconx-copy::before {
  content: '\e63e';
}
.iconx-port-g::before {
  content: '\e943';
}
.iconx-port-g-down::before {
  content: '\e6c5';
}
.iconx-port-d::before {
  content: '\e944';
}
.iconx-port-d-down::before {
  content: '\e6c4';
}
.iconx-log-warn::before {
  content: '\e628';
}
.iconx-flip::before {
  content: '\e761';
}
.iconx-device-rename::before {
  content: '\e689';
}
.iconx-device-add::before {
  content: '\e64f';
}
.iconx-device-setting::before {
  content: '\e68a';
}
.iconx-device-del::before {
  content: '\e68c';
}
.iconx-more::before {
  content: '\e650';
}
.iconx-index-3::before {
  content: '\e66a';
}
.iconx-index-2::before {
  content: '\e66d';
}
.iconx-index-5::before {
  content: '\e66e';
}
.iconx-index-4::before {
  content: '\e670';
}
.iconx-index-1::before {
  content: '\e669';
}
.iconx-menu-wbx::before {
  content: '\e657';
}
.iconx-menu-jdtp::before {
  content: '\e658';
}
.iconx-menu-gmx::before {
  content: '\e70a';
}
/*.icon-img-ppsk{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABGCAYAAAC5QghSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzkxQjU2N0Q3MkE5MTFFNzhFMzg4QzVGQjQwNUM4QjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzkxQjU2N0U3MkE5MTFFNzhFMzg4QzVGQjQwNUM4QjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOTFCNTY3QjcyQTkxMUU3OEUzODhDNUZCNDA1QzhCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOTFCNTY3QzcyQTkxMUU3OEUzODhDNUZCNDA1QzhCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm8JPQ8AAAnsSURBVHja7FwLUFPZ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");}*/
.icon-img-ppsk {
  background: url('../../../webres/images/ppsk_logo.gif') center center no-repeat;
  width: 40px;
  height: 40px;
}
.rotateX-180 {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  display: inline-block;
}
.rotateY-180 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  display: inline-block;
}
.refresh {
  padding: 0 5px;
  font-size: 16px;
}
.icon.icon-question {
  font-size: 18px !important;
}
a.icon,
a .icon {
  padding: 0 5px;
  color: #8c8c8c;
  /*修改文字颜色*/
}
.refresh {
  font-size: 16px;
}
.dropup {
  display: inline-block;
}
.dropup + .btn,
.btn + .dropup {
  margin-left: 8px;
}
.rotateY-180 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  display: inline-block;
}
/***************************************************************************************************/
html {
  font-size: 5.208vw;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 7vw;
  }
}
html,
body {
  height: 100%;
  width: 100%;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  /* 文字颜色改成#333 */
  color: #262626;
}
html {
  overflow-x: auto;
  min-width: 1280px;
}
label {
  margin-bottom: 0;
  font-family: inherit;
}
ul,
ol {
  padding: 0;
  list-style: none;
}
ul:focus,
ol:focus,
li:focus {
  outline: none;
}
[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: inherit;
}
.downTemplate {
  color: #2b6afd;
  cursor: pointer;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
/************ 改写bootstrap样式 **********************/
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 6px;
  padding-left: 6px;
}
.row {
  margin-left: -8px;
  margin-right: -8px;
}
.border-none {
  border: none;
}
.panel {
  border: 1px solid #d9d9d9;
  margin-bottom: 0;
  box-shadow: 0 0;
}
.panel.table-container {
  border: 0;
}
.panel + .panel,
.panel + .row,
.row + .row,
.row + .panel {
  margin-top: 16px;
}
.panel.hide + .panel {
  margin-top: 0;
}
.panel.separate-panel {
  border-top: 0;
}
.overviewInfo .panel + .panel {
  margin-top: 0px;
}
.row.fixedPart + .row,
.row.hide + .row {
  margin-top: 0;
}
.panel.totalStatics + .panel {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.paddingR_0 {
  padding-right: 0;
}
.paddingL_0 {
  padding-left: 0;
}
.btn {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #2b6afd;
  color: #2b6afd;
  padding: 8px 12px;
  line-height: 14px;
  height: 32px;
}
.btn a:hover {
  color: white;
}
.btn.warning {
  border: none;
  color: #f06f03;
}
.btn.warning:hover {
  background: white;
  color: #f06f03;
}
.btn.warning:hover a {
  color: #f06f03;
}
.btn.main-btn,
.btn.btn-main,
.btn.btn-macc {
  background-color: #2b6afd;
  color: #fff;
}
.btn.main-btn:hover,
.btn.btn-main:hover,
.btn.btn-macc:hover {
  background-color: #fff;
  color: #2b6afd;
}
.btn:hover {
  background: #2b6afd;
  color: #fff;
}
.btn:hover a {
  color: #fff;
}
.btn + .btn {
  margin-left: 6px;
}
.group-bar-operator .btn + .btn {
  margin-left: 0;
}
.dropdown-menu {
  min-width: 120px;
  font-size: 12px;
  padding: 8px;
  right: 0;
  /* 下拉框样式，wireless使用 */
  left: auto;
}
.dropdown-menu li + li {
  margin-top: 4px;
}
.dropdown-menu.by-right {
  left: 0;
  right: auto;
  margin-left: 0;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  border-color: #d9d9d9 !important;
  background: #d9d9d9 !important;
  color: #262626 !important;
}
/*****************基本颜色定义*****************************/
.color-blue {
  color: #2b6afd !important;
}
.color-red {
  color: #de321f !important;
}
.color-white {
  color: #ffffff !important;
}
.color-gray {
  color: #666666 !important;
}
.color-black {
  color: #262626 !important;
  /*修改文字颜色*/
}
.color-pureBlack {
  color: #000000 !important;
}
.color-orange {
  color: #f06f03;
}
.color-green {
  color: #018903;
}
.color-blue {
  color: #2b6afd;
}
.color-purple {
  color: #565bcf;
}
.color-border {
  color: #d9d9d9;
}
.color-label {
  color: #8c8c8c;
}
.cursor-normal {
  cursor: default !important;
}
.first-row + .first-row {
  margin-top: 20px;
}
/* 公共部分代码 */
.d-inline-block {
  display: inline-block;
}
.d-flex {
  display: flex;
}
.d-flex--col {
  display: flex;
  flex-direction: column;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-center--vertical {
  align-items: center;
}
.visible-hide {
  visibility: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
.mr-8 {
  margin-right: 8px;
}
.p-8 {
  padding: 16px;
}
.p-16 {
  padding: 16px;
}
.pl-16 {
  padding-left: 16px;
}
.pt-16 {
  padding-top: 16px;
}
.plr-6 {
  padding: 0 16px;
}
.fz-12 {
  font-size: 12px;
}
.fz-14 {
  font-size: 14px;
}
.fz-16 {
  font-size: 16px;
}
.fz-18 {
  font-size: 18px;
}
.fz-20 {
  font-size: 20px;
}
.ta-c {
  text-align: center !important;
}
.ta-r {
  text-align: right !important;
}
.ta-l {
  text-align: left !important;
}
.td-u {
  text-decoration: underline;
}
/*body{
      background: url(../images/bg.jpg); 
      height: 100%; 
      width: 100%; 
      position: fixed; 
      z-index: -1;
  }*/
.full-panel {
  position: fixed;
  left: 20px;
  top: 20px;
  right: 18px;
  bottom: 0px;
  padding: 0px 18px;
  height: auto !important;
  z-index: 1040;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 5px rgba(66, 66, 66, 0.35);
  -moz-box-shadow: 0px 1px 5px rgba(66, 66, 66, 0.35);
  -ms-box-shadow: 0px 1px 5px rgba(66, 66, 66, 0.35);
  -o-box-shadow: 0px 1px 5px rgba(66, 66, 66, 0.35);
  box-shadow: 0px 1px 5px rgba(66, 66, 66, 0.35);
}
.panel-heading h3 {
  line-height: 18px;
  display: inline-block;
  border-left: 3px solid #2b6afd;
  padding-left: 12px;
  font-size: 16px;
  color: #262626;
  vertical-align: middle;
  /*修改文字颜色*/
}
.rc-group-bar--fixed + #main .fixedPart {
  position: fixed;
  top: 101px;
  left: 10px;
  right: 8px;
  margin-left: 190px;
  z-index: 100;
}
.rc-group-bar--fixed.hide + #main .fixedPart {
  position: fixed;
  top: 50px;
  left: 11px;
  right: 8px;
  margin-left: 190px;
  z-index: 1;
}
.rc-group-bar--fixed + #main .fixedPart {
  left: 7px;
  right: 0px;
}
.rc-group-bar--fixed.hide + #main .fixedPart {
  left: 7px;
  right: 0px;
}
@media (max-width: 1200px) {
  .rc-group-bar--fixed + #main .fixedPart {
    left: 5px;
    right: 0px;
    margin-left: 0;
  }
  .rc-group-bar--fixed.hide + #main .fixedPart {
    top: 50px;
    left: 5px;
    right: 0px;
    margin-left: 0;
  }
}
.detail-view .table-container {
  padding: 0;
}
.detail-view .table-container .form-group {
  margin-top: 10px;
}
.panel-heading {
  border-bottom: 0;
  border-color: #d9d9d9;
  padding: 16px;
  position: relative;
}
.panel-heading .table-search {
  display: flex;
  align-items: center;
  margin-left: auto;
  white-space: nowrap;
}
.switch-detail-panel .panel-heading {
  padding: 16px 0;
}
.panel-heading.panel-heading--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  padding: 0 16px;
}
.panel-heading.panel-heading--flex .table-operate-wrapper {
  margin-left: auto;
  white-space: nowrap;
}
.panel-heading + .panel-body {
  padding-top: 0;
}
.panel-heading + .panel-body.pt-16 {
  padding-top: 16px;
}
.panel-body .table-search {
  padding-right: 0;
}
.table-operate-wrapper {
  float: right;
  display: flex;
  align-items: center;
}
.table-operate-wrapper .btn-group {
  display: flex;
  align-items: center;
}
.table-operate-wrapper > a,
.table-operate-wrapper > div,
.table-operate-wrapper > button {
  margin-left: 6px;
}
.table-operate-wrapper .btn-group > a {
  margin-left: 6px;
}
.table-operate-wrapper .form-control + .form-control {
  margin-left: 8px;
  margin-top: 0;
}
.table-operate-wrapper .radio-group {
  height: 32px;
  line-height: 32px;
}
.table-container {
  background: white;
  padding-top: 1px;
  /* 避免 .alert margin隐藏的问题 */
}
.table-container .panel-footer {
  padding: 20px;
  background-color: #fff;
  border-top: 0;
}
.panel-footer:before,
.panel-footer:after {
  display: table;
  content: ' ';
}
.panel-footer:after {
  clear: both;
}
.panel-footer .btn {
  min-width: 64px;
}
.btn.disable,
.btn.disable:hover {
  color: #fff !important;
  border: 1px solid #666 !important;
  background-color: #666 !important;
  cursor: not-allowed;
}
.form-group {
  align-content: center;
}
.form-group label {
  line-height: 32px;
  font-weight: normal;
}
.form-group > div {
  align-content: center;
  line-height: 32px;
}
.form-group .btn {
  min-width: 64px;
}
.form-group + .form-group,
.form-group.row + .form-group {
  margin-top: 12px;
}
.table-container .form-group {
  line-height: 32px;
  margin-left: 10px;
  margin-right: 10px;
}
.table-container .editableform .form-group {
  margin: 0;
}
.table-container .form-group .form-control,
.rc-common-formgroup .form-control {
  height: 32px;
  border: 1px solid #666;
}
.table-container .form-group .form-control:focus,
.rc-common-formgroup .form-control:focus {
  border-color: #2b6afd;
  box-shadow: 0 0 0 0;
}
.table-container .form-group .form-control[readonly='readonly'],
.rc-common-formgroup .form-control[readonly='readonly'] {
  background-color: #e8e8e8;
}
/************ 表格查询框样式 **********************************/
.table-search {
  display: flex;
  align-items: center;
  padding-right: 16px;
}
.table-search .rc-input {
  width: 200px;
  display: inline-block;
}
.table-search .rc-input + .rc-input {
  margin-left: 6px;
}
.table-container .btn {
  min-width: 70px;
}
.table-container .table-search .advanced {
  margin-left: 10px;
  color: #333;
  margin-top: 3px;
}
.table-container .table-search .advanced-submit {
  color: #fff;
  background-color: #2b6afd;
  margin-left: 10px;
}
.table-container .table-search .advanced-reset {
  color: #666;
  border-color: #666;
}
.table-container .table-search button:hover,
.table-container .table-search button:active,
.table-container .table-search button:focus {
  outline: none;
  box-shadow: 0 0 0 0;
}
.table-container .table-search .advanced-submit:hover,
.table-container .table-search .advanced-submit:focus {
  color: #2b6afd;
  border-color: #2b6afd;
  background-color: #fff;
  margin-left: 10px;
}
.table-container .table-search .advanced-reset:hover,
.table-container .table-search .advanced-reset:focus {
  color: #fff;
  background-color: #666;
}
.table-container .table-search label {
  font-weight: normal;
}
.table-container .table-search > input {
  border: 1px solid #666;
  height: 28px;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 4px;
}
.table-search-container input,
.more-search input {
  border: 1px solid #666;
  height: 32px;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 4px;
}
.table-search-container select,
.more-search select {
  border: 1px solid #666;
  height: 32px;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 5px;
}
.table-search-container label,
.more-search label {
  font-weight: normal;
}
.search-item {
  display: inline-block;
}
.search-item + .search-item {
  margin-left: 12px;
}
.search-item + .btn {
  margin-left: 6px;
}
.table-selected {
  margin-left: 6px;
}
.table-container .table-search span {
  display: inline-block;
  border: 1px solid #666;
  padding: 0px 8px 0px 8px;
  background-color: #fff;
  border-radius: 4px;
}
.table-container .table-search span + span {
  margin-left: 8px;
}
.table-search span + .btn,
.table-search div + div,
.table-search div + .btn {
  margin-left: 6px;
}
.table-container .table-search span > input {
  border: none;
  height: 30px;
  background-color: #fff;
  width: 182px;
  outline: none;
  padding-left: 10px;
}
.table-container .table-search span > select {
  border: none;
  height: 30px;
  background-color: #fff;
  width: 182px;
  outline: none;
}
.table-container .table-search span > .icon-search:hover {
  color: #333;
}
.table-container .more-search {
  border: 1px solid #e5e5e5;
  padding: 16px;
  border-radius: 4px;
  margin: 16px;
  display: flex;
  justify-content: flex-end;
}
.table-container .panel-body .more-search {
  margin: 0;
}
.table-container .more-search .col-lg-2,
.table-container .more-search .col-md-3 {
  text-align: right;
}
/************************************************************/
input::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  /*设置placeholder字体样式*/
  color: #d9d9d9;
  font-size: 14px;
}
input:-moz-placeholder,
input:-moz-placeholder {
  /*设置placeholder字体样式*/
  color: #d9d9d9;
  font-size: 14px;
}
input::-moz-placeholder,
input:-moz-placeholder {
  /*设置placeholder字体样式*/
  color: #d9d9d9;
  font-size: 14px;
}
input:-ms-input-placeholder,
input:-moz-placeholder {
  /*设置placeholder字体样式*/
  color: #d9d9d9;
  font-size: 14px;
}
.rc-common-formgroup label {
  font-weight: normal;
  white-space: nowrap;
  line-height: 32px;
}
.table-container .form-group .btn.importantBtn,
.rc-common-formgroup .btn.importantBtn,
.rc-importantBtn {
  background: #2b6afd;
  color: #fff;
  outline: none;
}
@media (max-width: 768px) {
  .table-container .form-group .btn.importantBtn,
  .rc-common-formgroup .btn.importantBtn,
  .rc-importantBtn {
    margin-left: 5px;
  }
  .panel-footer button {
    margin-left: 5px;
  }
  .search-item select {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .table-container .more-search .col-lg-2 {
    width: 20%;
  }
  .table-container .more-search .col-lg-3 {
    width: 23%;
  }
}
.table-container .form-group .btn.importantBtn:active,
.table-container .form-group .btn.importantBtn:hover,
.rc-importantBtn:active,
.rc-importantBtn:hover {
  outline: none;
  background: linear-gradient(#61b112, #97da48);
}
.weakbtn {
  color: #d9d9d9;
  border-color: #d9d9d9;
}
.weakbtn:hover {
  color: #fff;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
/******************************************************/
.no-data {
  background-image: url('../../../webres/images/no-data.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.no-data * {
  visibility: hidden;
}
/********* layer 弹出框 ***********************************************/
.layui-layer-iframe .layui-layer-btn {
  background-color: #f4f4f4;
  height: 74px;
  padding-top: 21px;
}
.layui-layer-iframe .layui-layer-btn a {
  height: 32px;
  line-height: 32px;
  width: 120px;
  border: 1px solid #2b6afd;
  background-color: #fff;
  color: #2b6afd;
  border-radius: 4px;
  text-align: center;
}
.layui-layer-iframe .layui-layer-btn a:hover {
  background-color: #2b6afd;
  color: #fff;
  opacity: 1;
}
.layui-layer-title {
  padding: 0 0 0 10px;
  height: 18px;
  line-height: 18px;
  border-left: 2px solid #2b6afd;
  border-bottom: 0;
  font-size: 14px;
  color: #262626;
  /*修改文字颜色*/
  overflow: hidden;
  background-color: #fff;
  margin: 18px 0px 18px 10px;
  border-radius: 2px 2px 0 0;
}
/********************************************************************/
/*@media (min-width:1280){*/
/****************** 背景模糊 *****************************/
#blurBlock {
  width: 192px;
  height: 100%;
  margin-top: 50px;
  background-image: inherit;
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  filter: blur(7px);
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  background-position: 0px -136px;
}
/******************************************************/
/********************** chart panel  *******************/
.chart-panel .panel-heading {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 16px;
}
.chart-panel .panel-heading h3 {
  height: 18px;
}
.chart-panel .panel-heading .pull-right {
  margin-left: auto;
}
.chart-panel .panel-heading .radio-group {
  line-height: 32px;
  height: 32px;
}
.chart-panel .panel-title-operate {
  height: 32px;
  line-height: 32px;
}
.chart-panel .btn-group {
  border: 1px solid #d1d1d1;
  border-radius: 4px;
}
.chart-panel .btn-group > .btn {
  background-color: #fff;
  border: 0;
  color: #666;
  border-left: 1px solid #ededed;
  height: 20px;
}
.chart-panel .btn-group .btn + .btn {
  margin-left: 0;
}
.chart-panel .btn-group > .btn:not(:first-child) {
  border-left: 1px solid #ededed;
}
.chart-panel .btn-group .btn:hover,
.chart-panel .btn-group .btn:focus,
.chart-panel .btn-group .btn:active,
.chart-panel .btn-group .btn.active {
  outline: none;
  color: #2b6afd;
  box-shadow: 0 0 0;
}
.chart-panel .panel-body {
  padding: 20px;
  border-radius: 5px;
  border-top-left-radius: 0;
}
.chart-panel .chart-filter {
  height: 28px;
  margin-left: auto;
}
.chart-panel .panel-heading .chart-filter {
  display: inline;
}
.chart-panel .chart-content {
  width: 100%;
  height: 230px;
}
.chart-panel .btn.export {
  font-size: 20px;
  padding: 0;
  color: #666;
  display: none;
}
.chart-panel .btn.export:hover {
  color: #2b6afd;
}
.chart-panel .chart-height {
  height: 230px;
  width: 100%;
}
.chart-panel .charbody {
  height: 316px;
}
/* 解决高度问题 */
.monitor-chart-height {
  height: 210px;
}
.monitor-chart-height--md {
  height: 200px;
}
/* 连通图样式 */
.chart-panel .connection {
  height: 65px;
  width: 100%;
}
.chart-panel .connection .connection_chart {
  width: 100%;
  height: 40px;
  position: relative;
}
.chart-panel .connection .connection_chart .ON {
  position: absolute;
  background-color: #90c050;
  display: inline-block;
  height: 100%;
}
.chart-panel .connection .connection_chart .OFF {
  position: absolute;
  background-color: #bfbfbf;
  display: inline-block;
  height: 100%;
}
.chart-panel .connection .connection_label {
  width: 100%;
  height: 40px;
  margin-top: 10px;
}
/**   连通图样式end     */
/******** radio group **************/
.radio-group {
  border: 1px solid #d1d1d1;
  font-size: 12px;
  display: inline-block;
  border-radius: 4px;
  color: #666;
}
.radio-group label {
  font-weight: normal;
  cursor: pointer;
  font-size: 12px;
  padding: 0 8px;
}
.radio-group label:not(:nth-child(2)) {
  border-left: 1px solid #ededed;
}
.radio-group label:hover,
.radio-group input:checked + label {
  color: #2b6afd;
}
.radio-group.disable label {
  cursor: not-allowed;
}
.radio-group.disable label:hover {
  color: #666;
}
.radio-group.disable input:checked + label:hover {
  color: #2b6afd;
}
/************************/
.modal-body {
  padding: 16px;
}
.modal-body .form-group {
  margin-bottom: 0;
}
.modal-body > .panel > .panel-heading {
  padding: 0;
  margin-bottom: 16px;
}
.modal-body > .panel > .panel-body {
  padding: 0;
}
.modal-body .modal-footer {
  padding: 0;
  padding-top: 16px;
}
.modal-body .ipt-txt {
  height: 32px;
  border: 1px solid #bfbfbf;
  padding: 0 10px;
  background-color: #fff;
  margin: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  vertical-align: middle;
}
.modal-body .alert-content {
  margin-left: 6px;
}
.modal-footer .btn {
  min-width: 64px;
}
.modal-footer .btn.pull-right + .btn.pull-right {
  margin-right: 6px;
}
/********** 小标签 原点、方形等************************/
em.b-primary {
  /* 绿色圆点 */
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #018903;
}
em.b-danger {
  /* 红色圆点 */
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #de321f;
}
em.dot-blue {
  /* 蓝色圆点 */
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #50b4ff;
}
em.point-line {
  width: 60px;
  display: inline-block;
  height: 1px;
  border-top: 1px solid #ccc;
  vertical-align: top;
  margin-top: 8px;
}
em.thombus {
  width: 5px;
  height: 5px;
  display: inline-block;
  transform: rotateZ(45deg);
  background-color: #ccc;
  vertical-align: top;
  margin-top: 6px;
}
.guide-title {
  display: inline-block;
  font-size: 14px;
  margin-top: 5px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .guide-title {
    display: none;
  }
}
/**************************************/
/****** 隐藏过多按钮 ********/
.table-btn-group {
  padding-left: 16px;
}
.table-btn-group .btn + .btn,
.table-btn-group .btn + .btn-group,
.table-btn-group .btn-group + .btn {
  margin-left: 4px;
}
.panel .panel-footer .moreOperate,
.panel .table-btn-group .moreOperate {
  color: #2b6afd;
}
.panel-footer .moreOperate .caret,
.table-btn-group .moreOperate .caret {
  margin-left: 5px;
}
.panel-footer .moreOperate + ul,
.table-btn-group .moreOperate + ul {
  padding: 0;
}
.panel-footer .moreOperate + ul li:hover,
.table-btn-group .moreOperate + ul li:hover {
  background-color: #ccecfe;
}
.panel-footer .moreOperate + ul li a:hover,
.table-btn-group .moreOperate + ul li a:hover {
  background-color: transparent;
}
.panel-footer .moreOperate + ul li a,
.table-btn-group .moreOperate + ul li a {
  padding: 9px 20px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}
.panel-footer .moreOperate:hover,
.table-btn-group .moreOperate:hover {
  color: #fff;
}
.panel-footer .moreOperate.main-btn:hover,
.table-btn-group .moreOperate.main-btn:hover {
  color: #2b6afd;
}
.panel-footer .moreOperate + ul li:not(:last-child),
.table-btn-group .moreOperate + ul li:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel-footer .moreOperate + ul li:not(:first-child),
.panel-footer .moreOperate + ul li:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/***************************************/
/******* radio  ************************/
input[type='radio']::before {
  width: 15px;
  height: 15px;
  border-radius: 27px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  content: ' ';
  color: #fff;
  display: block;
  margin-left: -2px;
  font-size: 9px;
  padding-left: 3px;
  padding-top: 3px;
}
input[type='radio']:checked::before {
  font-family: 'iconfont';
  content: '\e661';
  background-color: #2b6afd;
  color: #fff;
  border: 0;
}
/***************************************/
/* feedback block */
.feedbackBlock {
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 80%;
  margin-top: -50px;
  width: 36px;
  color: #666;
}
.feedbackBlock .fbtn {
  border: 0;
  padding: 0 6px;
  background: #f1f1f1;
}
.feedbackBlock .icon {
  color: #666;
  cursor: pointer;
  font-size: 22px;
}
.feedbackBlock .icon:hover,
.feedbackBlock .icon.active {
  color: #55b8fb;
}
/******************/
/*******  导入文件按钮样式 ***********/
.fileuplayout {
  text-align: center;
}
.webuploader-container {
  padding-top: 200px;
  height: 248px;
  background: url(../../../webres/images/uploadBg.jpg) no-repeat 50% 30%;
  background-size: 50%;
  text-align: center;
}
/* 为了解决点击switch页面后所有的选择文件的按钮都不可用了的问题，强制设定大小 */
.webuploader-container div {
  width: 160px !important;
  height: 32px !important;
}
/******************************************************************/
.webuploader-pick {
  font-size: 12px;
  background-color: #2b6afd;
  border: 1px solid #2b6afd;
  color: #fff;
  padding: 8px 12px;
  line-height: 14px;
  border-radius: 4px;
  display: inline-block;
}
.webuploader-element-invisible {
  display: none !important;
}
/*
*弹窗控件拓展dialogs样式
*/
.modal.modal-dialogs {
  z-index: 1029 !important;
}
.modal.modal-dialogs.modal-dialogs-top {
  z-index: 1030 !important;
}
/* 强制设置Skype的初始界面的z-index值，防止界面遮挡右上角的菜单 */
#macc_feedback {
  z-index: 500 !important;
}
/* 强制设置Skype的初始化后的界面的z-index值，防止界面遮挡右上角的菜单 */
.skype-chat iframe {
  z-index: 501 !important;
}
/* 统计图中的图标 */
.chart-panel .icon {
  cursor: pointer;
}
.table-space td {
  white-space: pre !important;
  white-space: -moz-pre !important;
  white-space: -o-pre !important;
}
.keep-space {
  white-space: pre-wrap !important;
  white-space: -moz-pre-wrap !important;
  white-space: -o-pre-wrap !important;
  word-wrap: break-word !important;
}
.macc-out-service .js-oper-by-lic:disabled {
  background-color: #d9d9d9 !important;
  border: #d9d9d9 !important;
  color: #333 !important;
  cursor: not-allowed !important;
  opacity: 1;
}
.modal-backdrop {
  background-color: #fff;
}
.modal-backdrop.in {
  z-index: 30 !important;
  opacity: 0.3;
}
.portal-lazy-tag {
  display: none;
}
.portal-list-loading,
.portal-has-more {
  margin: 0px 32px;
  margin-top: 10px;
  padding: 20px;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #f5f5f5;
  color: #2b6afd;
}
.portal-has-more.loading {
  display: none;
}
.portal-has-more.loading .icon-refresh,
.portal-list-loading .icon-refresh {
  animation: wait-rotate 2s linear infinite;
  color: #2b6afd;
  font-size: 20px;
  display: inline-block;
  padding: 10px;
}
.offline-line-tip p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
}
.offline-tip {
  display: inline-block;
  cursor: pointer;
}
.offline-tip:hover {
  color: #2b6afd;
}
.offline-line-tip {
  padding: 8px 16px;
  background: #ffece4;
}
.tooltipster-sidetip.tooltipster-borderless.offline-tooltip .tooltipster-box {
  background: #ffece4;
}
.tooltipster-sidetip.offline-tooltip .tooltipster-content {
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  padding: 12px 15px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-top.offline-tooltip .tooltipster-arrow-border {
  border-top-color: #ffece4;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom.offline-tooltip .tooltipster-arrow-border {
  border-bottom-color: #ffece4;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right.offline-tooltip .tooltipster-arrow-border {
  border-right-color: #ffece4;
}
.tooltipster-sidetip.offline-tooltip .tooltipster-content p {
  margin-bottom: 0;
}
.offline-line-tip::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 13px solid #ffece4;
  position: absolute;
  left: 52px;
  top: -13px;
}
.form-control {
  border-color: #d9d9d9;
  height: 32px;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
  color: #ccc;
}
/*
   * 导航栏样式。
   * V2.6 版本从network.css 移到 common.css，方便几个界面使用
   */
.rc-nav {
  padding: 0 16px;
  height: 50px;
  border-bottom: 1px solid #e8e8e8;
}
.rc-nav-body {
  padding: 16px;
  padding-top: 0px;
}
.rc-nav-body > .panel-heading {
  padding: 16px 0;
}
.rc-nav-body > .panel-body {
  padding-left: 0;
  padding-right: 0;
}
.rc-nav-body > .table-container > .panel-heading {
  padding-left: 0;
  padding-right: 0;
}
.rc-nav-body > .table-container > .panel-body {
  padding-left: 0;
  padding-right: 0;
}
.rc-nav-body > .table-container .table-btn-group {
  padding: 0;
}
.rc-nav-body > .table-container .table-search {
  padding: 0;
}
.rc-nav-body .chart-panel .panel-heading {
  padding: 0;
}
.rc-nav.rc-nav--inner {
  padding: 0;
}
.rc-nav-body.rc-nav--inner {
  padding: 16px 0;
}
.rc-nav .nav-titles {
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  padding: 0 32px;
  height: 50px;
  line-height: 54px;
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s;
}
.rc-nav .nav-titles:hover {
  color: #5f94fd;
  border-bottom-color: #2b6afd;
}
.rc-nav .nav-titles.selected {
  color: #2b6afd;
  border-bottom-color: #2b6afd;
}
.rc-nav-content .chart-filter {
  margin-top: 14px;
}
.chart-filter {
  float: right;
  display: flex;
}
.chart-filter .radio-group {
  margin-top: -6px;
}
/* V2.6 2019 一些补充的样式 */
.items-list li + li {
  margin-top: 8px;
}
/** 通用样式 start **/
/* 超链接 */
a {
  cursor: pointer;
  color: #2b6afd;
  /*  新增  链接文字颜色修改*/
}
.line-link {
  text-decoration: underline;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: #5f94fd;
  /*  新增  链接文字颜色修改*/
}
a:click {
  color: #2b6afd;
  /*  新增  链接文字颜色修改*/
}
/** 通用样式 end **/
/** 组件样式 start **/
.rc-device-detail .panel {
  border: none;
}
.leftSection > .panel {
  border: none;
}
.alert-info {
  color: #2b6afd;
}
.alert-info i {
  font-size: 18px;
  vertical-align: middle;
  color: #2b6afd;
  margin-right: 8px;
}
.alert-warning {
  color: #f06f03;
}
.alert-danger {
  color: #de321f;
}
.rc-mgt-n20 {
  margin-top: -20px;
}
.rc-mgt-n30 {
  margin-top: -30px;
}
.modal-title {
  font-size: 16px;
}
.modal-body .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.rc-main-wrapper {
  left: 0;
  right: 0;
  bottom: 0px;
  top: 136px;
  position: absolute;
  padding: 0 16px 16px;
  margin-left: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
#groupBar_div.hide + .rc-main-wrapper {
  top: 70px;
}
.release-title {
  padding-left: 15px;
  font-size: 20px;
  font-weight: 600;
}
.rc-main-content {
  background: #fff;
}
/** 组件部分开始**/
/* 按钮 */
.rc-link-btn + .rc-link-btn {
  border-left: 1px solid #2b6afd;
  margin-left: 0;
}
.rc-link-btn {
  border: none;
  padding: 0 6px;
  border-radius: 0;
}
.rc-link-btn--nearby {
  border-left: 1px solid #2b6afd;
  margin-left: 0;
}
.rc-button {
  background-color: #fff;
  font-size: 12px;
  min-width: 70px;
  padding: 9px 16px;
  line-height: 1;
  transition: all 0.3s;
  outline: none;
}
.rc-button + .rc-button {
  margin-left: 10px;
}
.rc-button:hover,
.rc-button:focus {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}
.rc-button:active,
.rc-button:focus {
  outline: none !important;
}
.rc-button--primary {
  border: 1px solid #2b6afd;
  background: #2b6afd;
  color: #fff;
}
.rc-button--primary:focus,
.rc-button--primary:hover {
  border: 1px solid #428bca;
  background: #428bca;
  color: #fff;
}
.rc-query-button {
  background: linear-gradient(#97da48, #61b112);
  color: #fff;
  border: 0;
  margin-left: 10px;
  outline: none;
  box-shadow: 0 0 0 0;
  height: 28px;
}
.rc-icon-button {
  border: 1px solid #d1d1d1;
  font-size: 16px;
  display: inline-block;
  border-radius: 4px;
  color: #666;
  background-color: #fff;
  padding: 4px 10px;
}
/**
   * 输入框
   */
.rc-input {
  display: inline-block;
  position: relative;
  width: 100%;
}
.rc-input + .btn {
  margin-left: 6px;
}
.rc-input > input,
.rc-input > select {
  width: 100%;
  height: 32px;
  border: 1px solid #dcdfe6;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  outline: none;
  /* 这个要设置，不然选中会有效果 */
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.rc-input > input::placeholder {
  color: #d9d9d9;
}
.rc-input > input:hover {
  border-color: #d9d9d9;
}
.rc-input > input:focus {
  outline: none;
  border-color: #409eff;
}
.rc-input > input:read-only,
.rc-input > input:disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
  color: #d9d9d9;
}
.rc-input--suffix > input {
  padding-right: 30px;
}
.rc-input--suffix .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
/*
  * 开关样式
  */
.rc-switch {
  display: flex;
  align-items: center;
}
.rc-switch > input[type='checkbox'] {
  opacity: 0;
  z-index: 1;
}
.rc-switch > label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  padding: 2px;
  width: 32px;
  height: 16px;
  background-color: #dddddd;
  border-radius: 16px;
  margin-left: -16px;
}
.rc-switch > input[type='checkbox']:disabled + label {
  cursor: not-allowed;
}
.rc-switch > label:before,
.rc-switch > label:after {
  position: absolute;
  top: 1px;
  left: 3px;
  bottom: 1px;
  content: '';
}
.rc-switch > label:before {
  left: 2px;
  right: 1px;
  background-color: #dcdfe6;
  border-radius: 16px;
  transition: background 0.4s;
}
.rc-switch > label:after {
  width: 14px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
.rc-switch > input[type='checkbox']:checked + label:before {
  background-color: #2b6afd;
  /* 颜色这里会修改 */
}
.rc-switch > input[type='checkbox']:checked + label:after {
  margin-left: 13px;
}
/*
   * 复选框样式
   */
.rc-checkbox {
  display: inline-block;
  -webkit-transition: all, color 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rc-checkbox + .rc-checkbox,
.rc-radio + .rc-radio {
  margin-left: 30px;
}
.rc-checkbox:last-child {
  margin-right: 0;
}
.rc-radio {
  display: inline-block;
}
.rc-radio--flex {
  display: flex;
}
.rc-checkbox label,
.rc-radio label {
  line-height: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  color: #606266;
  -webkit-transition: all, color 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* 复选框背景 */
.rc-checkbox label::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all, color 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* 复选框勾号 */
.rc-checkbox label::after {
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 12px;
  font-family: 'iconfont';
  content: '\e661';
  display: none;
  margin-left: 1px;
  -webkit-transition: all, color 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rc-select-panel {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.rc-select-panel img {
  margin-left: 18px;
  width: 100%;
}
.rc-select-panel__txt {
  flex-grow: 1;
  text-align: center;
}
.rc-select-panel__txt h4 {
  color: #606266;
  margin-top: 0;
}
.rc-select-panel__txt p {
  color: #909399;
  line-height: 20px;
}
.rc-select-panel.vertical-directed {
  flex-direction: column;
}
.rc-select-panel.vertical-directed label {
  flex-direction: column;
}
.rc-select-panel.vertical-directed .rc-checkbox,
.rc-select-panel.vertical-directed .rc-radio {
  margin-bottom: 14px;
}
.rc-select-panel.vertical-directed .rc-select-panel__txt {
  margin-left: 0;
}
.rc-select-panel.vertical-directed img {
  margin-left: 0;
  margin-bottom: 14px;
}
.rc-select-panel.vertical-directed p {
  margin-left: 0;
}
.rc-select-panel.checked {
  border-color: #2b6afd;
}
.rc-select-panel p {
  margin-bottom: 0;
}
.rc-select-panel .rc-checkbox label::before {
  margin: 0;
}
.rc-select-panel .rc-checkbox label::after {
  margin-left: 0;
}
.rc-checkbox input[type='checkbox']:checked + label::before {
  background-color: #2b6afd;
  border-color: #2b6afd;
}
.rc-checkbox input[type='checkbox']:checked + label::after {
  color: #fff;
  display: inline-block;
}
/* 复选框实体checkbox，要隐藏 */
.rc-checkbox input[type='checkbox'] {
  opacity: 0;
  z-index: 1;
  display: none;
}
.rc-checkbox input[type='checkbox']:disabled + label {
  color: #d9d9d9;
  cursor: not-allowed;
}
.rc-checkbox input[type='checkbox']:checked:disabled + label::before {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.rc-checkbox input[type='checkbox']:disabled + label::before {
  background-color: #f5f5f5;
  border-color: #d5d8de;
}
/**
   * 单选框
   */
.rc-radio + .rc-radio {
  margin-right: 30px;
}
.rc-radio:last-child {
  margin-right: 0;
}
.rc-radio input[type='radio'] {
  opacity: 0;
  z-index: 1;
  display: none;
}
.vertical-directed .rc-radio label::before {
  margin-right: 0;
}
.rc-radio label::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  border: 1px solid #cccccc;
  border-radius: 14px;
  background-color: #fff;
  -webkit-transition: all, color 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rc-radio label::after {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  left: 5px;
  top: 5px;
  display: inline-block;
  content: '';
}
.rc-radio input[type='radio']:checked + label {
  color: #2b6afd;
}
.rc-radio input[type='radio']:checked + label::before {
  background-color: #2b6afd;
  border-color: #2b6afd;
}
.rc-radio input[type='radio']:checked + label::after {
  background: white;
}
.rc-radio input[type='radio']:disabled + label {
  opacity: 0.85;
  cursor: not-allowed;
  color: #bbb;
}
.rc-radio input[type='radio']:checked:disabled + label::before {
  background-color: #bbb;
  border-color: #bbb;
}
.rc-radio input[type='radio']:disabled + label::before {
  border-color: #bbb;
}
/**
   * 表单样式
   */
.rc-form {
  width: 100%;
}
.rc-form-item {
  display: flex;
}
.rc-form-item + .rc-form-item {
  margin-top: 16px;
}
.horizontal {
  display: flex;
}
.horizontal .rc-form-item + .rc-form-item {
  margin-top: 0;
  margin-left: 40px;
}
.horizontal .rc-form-item__label,
.horizontal .rc-form-item__content {
  width: auto;
}
.rc-form-item.align-right {
  justify-content: flex-end;
}
.rc-form-item__label {
  width: 200px;
  line-height: 32px;
  text-align: right;
  font-size: 14px;
  color: #262626;
  font-weight: normal;
  padding-right: 12px;
}
.rc-form-item__content {
  line-height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
}
.rc-form-item__content.direction--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.rc-form-item__content p {
  margin: 0;
}
.rc-form.label-column .rc-form-item__label {
  text-align: left;
}
.rc-form.label-column .rc-form-item {
  flex-direction: column;
}
.rc-form.label-column .rc-form-item + .rc-form-item {
  margin-top: 8px;
}
@font-face {
  font-family: 'rc-ucd-iconfont';
  /* chrome、firefox */
  src: url('../../../webres/css/rc-font/rc-ucd-iconfont.woff') format('woff'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../../../webres/css/rc-font/rc-ucd-iconfont.ttf')
      format('truetype');
}
.rc-icon:before {
  font-family: 'rc-ucd-iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rc-icon-_Demonstration:before {
  content: '\e60c';
}
.rc-icon-_achievement:before {
  content: '\e60d';
}
.rc-icon-_time:before {
  content: '\e60e';
}
.rc-icon-_experience:before {
  content: '\e60f';
}
.rc-icon-_link:before {
  content: '\e610';
}
.rc-icon-_crown:before {
  content: '\e611';
}
.rc-icon-AC2:before {
  content: '\e67b';
}
.rc-icon-ac:before {
  content: '\e6e2';
}
.rc-icon-image:before {
  content: '\e6e1';
}
.rc-icon-dhcp:before {
  content: '\e6e0';
}
.rc-icon-mystaff:before {
  content: '\e6c7';
}
.rc-icon-networkqualityinspection:before {
  content: '\e6d2';
}
.rc-icon-flowcontrol:before {
  content: '\e6d7';
}
.rc-icon-starfill:before {
  content: '\e6d8';
}
.rc-icon-staroutline:before {
  content: '\e6d9';
}
.rc-icon-timedwifi:before {
  content: '\e6db';
}
.rc-icon-iptv:before {
  content: '\e6dc';
}
.rc-icon-customerlibrary:before {
  content: '\e6dd';
}
.rc-icon-myclient:before {
  content: '\e6df';
}
.rc-icon-portnvr:before {
  content: '\e6c9';
}
.rc-icon-bridge:before {
  content: '\e6d1';
}
.rc-icon-fanzhuan:before {
  content: '\e761';
}
.rc-icon-huanyuan:before {
  content: '\e762';
}
.rc-icon-background:before {
  content: '\e65a';
}
.rc-icon-apac:before {
  content: '\e655';
}
.rc-icon-user1:before {
  content: '\e656';
}
.rc-icon-eg:before {
  content: '\e657';
}
.rc-icon-unknown:before {
  content: '\e658';
}
.rc-icon-es:before {
  content: '\e659';
}
.rc-icon-dropout:before {
  content: '\e6c8';
}
.rc-icon-laptop:before {
  content: '\e6a3';
}
.rc-icon-mobilephone:before {
  content: '\e6a6';
}
.rc-icon-printer:before {
  content: '\e6aa';
}
.rc-icon-pc:before {
  content: '\e6ab';
}
.rc-icon-pad:before {
  content: '\e6bc';
}
.rc-icon-nonnetworkmanagement:before {
  content: '\e6f2';
}
.rc-icon-networkmanagement:before {
  content: '\e6f3';
}
.rc-icon-off:before {
  content: '\e6f1';
}
.rc-icon-r1:before {
  content: '\e6da';
}
.rc-icon-nvr:before {
  content: '\e6de';
}
.rc-icon-fullscreen:before {
  content: '\e6e3';
}
.rc-icon-nkry:before {
  content: '\e6e4';
}
.rc-icon-weixin:before {
  content: '\e6e5';
}
.rc-icon-ruijie:before {
  content: '\e6e6';
}
.rc-icon-yiwangluo:before {
  content: '\e6e7';
}
.rc-icon-eweb:before {
  content: '\e6ea';
}
.rc-icon-exitfullscreen:before {
  content: '\e6eb';
}
.rc-icon-delete:before {
  content: '\e6ee';
}
.rc-icon-rjry:before {
  content: '\e6ef';
}
.rc-icon-camera1:before {
  content: '\e6f0';
}
.rc-icon-basicsettings:before {
  content: '\e6d3';
}
.rc-icon-building:before {
  content: '\e66a';
}
.rc-icon-calendar:before {
  content: '\e68c';
}
.rc-icon-bad:before {
  content: '\e68d';
}
.rc-icon-close:before {
  content: '\e693';
}
.rc-icon-customerservice:before {
  content: '\e695';
}
.rc-icon-document:before {
  content: '\e698';
}
.rc-icon-disconnect:before {
  content: '\e69a';
}
.rc-icon-down:before {
  content: '\e69b';
}
.rc-icon-download:before {
  content: '\e69c';
}
.rc-icon-documentwrong:before {
  content: '\e69d';
}
.rc-icon-edit:before {
  content: '\e69f';
}
.rc-icon-electricity:before {
  content: '\e6a0';
}
.rc-icon-email:before {
  content: '\e6a1';
}
.rc-icon-error:before {
  content: '\e6a2';
}
.rc-icon-good:before {
  content: '\e6a4';
}
.rc-icon-forbid:before {
  content: '\e6a5';
}
.rc-icon-history:before {
  content: '\e6a7';
}
.rc-icon-help:before {
  content: '\e6a8';
}
.rc-icon-key:before {
  content: '\e6a9';
}
.rc-icon-list:before {
  content: '\e6ac';
}
.rc-icon-menuleft:before {
  content: '\e6ad';
}
.rc-icon-left:before {
  content: '\e6af';
}
.rc-icon-location:before {
  content: '\e6b0';
}
.rc-icon-link:before {
  content: '\e6b1';
}
.rc-icon-home:before {
  content: '\e6b2';
}
.rc-icon-menuright:before {
  content: '\e6b3';
}
.rc-icon-minus:before {
  content: '\e6b4';
}
.rc-icon-mute:before {
  content: '\e6b5';
}
.rc-icon-camera:before {
  content: '\e6b6';
}
.rc-icon-new:before {
  content: '\e6b7';
}
.rc-icon-message:before {
  content: '\e6b8';
}
.rc-icon-newdocument:before {
  content: '\e6b9';
}
.rc-icon-pageturning:before {
  content: '\e6ba';
}
.rc-icon-play:before {
  content: '\e6bb';
}
.rc-icon-notcertified:before {
  content: '\e6bd';
}
.rc-icon-plus:before {
  content: '\e6be';
}
.rc-icon-reload:before {
  content: '\e6bf';
}
.rc-icon-phonecall:before {
  content: '\e6c1';
}
.rc-icon-refresh:before {
  content: '\e6c2';
}
.rc-icon-search:before {
  content: '\e6c3';
}
.rc-icon-rocket:before {
  content: '\e6c4';
}
.rc-icon-right:before {
  content: '\e6c5';
}
.rc-icon-share:before {
  content: '\e6c6';
}
.rc-icon-up:before {
  content: '\e6ca';
}
.rc-icon-vip:before {
  content: '\e6cb';
}
.rc-icon-sys:before {
  content: '\e6cc';
}
.rc-icon-zan:before {
  content: '\e6cd';
}
.rc-icon-success:before {
  content: '\e6ce';
}
.rc-icon-tip:before {
  content: '\e6cf';
}
.rc-icon-upload:before {
  content: '\e6d0';
}
.rc-icon-unvisible:before {
  content: '\e6d4';
}
.rc-icon-visible:before {
  content: '\e6d5';
}
.rc-icon-volume:before {
  content: '\e6d6';
}
.rc-icon-safe:before {
  content: '\e67f';
}
.rc-icon-vpn:before {
  content: '\e694';
}
.rc-icon-server:before {
  content: '\e691';
}
.rc-icon-warning:before {
  content: '\e692';
}
.rc-icon-Channeloptimization:before {
  content: '\e672';
}
.rc-icon-cloud:before {
  content: '\e673';
}
.rc-icon-diagnosis:before {
  content: '\e67a';
}
.rc-icon-doublewan:before {
  content: '\e67c';
}
.rc-icon-loop:before {
  content: '\e67e';
}
.rc-icon-loopprotect:before {
  content: '\e681';
}
.rc-icon-loading:before {
  content: '\e682';
}
.rc-icon-network:before {
  content: '\e683';
}
.rc-icon-PortMapping:before {
  content: '\e686';
}
.rc-icon-speedtesting:before {
  content: '\e688';
}
.rc-icon-toolbox:before {
  content: '\e689';
}
.rc-icon-vlan:before {
  content: '\e68e';
}
.rc-icon-project:before {
  content: '\e66c';
}
.rc-icon-ap:before {
  content: '\e674';
}
.rc-icon-user:before {
  content: '\e675';
}
.rc-icon-switch:before {
  content: '\e676';
}
.rc-icon-gateway:before {
  content: '\e677';
}
.rc-icon-wifi:before {
  content: '\e678';
}
.rc-icon-systemset:before {
  content: '\e679';
}
.rc-icon-bugongdian:before {
  content: '\e704';
}
.rc-icon-gongdian:before {
  content: '\e705';
}
.rc-icon-zusai:before {
  content: '\e703';
}
.rc-icon-shanglian:before {
  content: '\e706';
}
.rc-icon-guangkou:before {
  content: '\e6ae';
}
.rc-icon-upport:before {
  content: '\e6c0';
}
.rc-icon-downport:before {
  content: '\e811';
}
.rc-icon-signal:before {
  content: '\e617';
}
.rc-select {
  height: 32px;
  border: 1px solid #666;
  background-color: #fff;
  margin: 0;
  border-radius: 4px;
  outline: 0;
  vertical-align: middle;
}
.rc-select + .btn {
  margin-left: 6px;
}
/** 组件样式 end **/
.btn + .rc-badge {
  display: inline-block;
  position: relative;
}
.rc-badge {
  display: inline-block;
  position: relative;
}
.rc-badge .rc-badge__content {
  background-color: #de321f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 18px;
  min-width: 20px;
  padding: 0 4px;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  right: 20px;
  transform: translateX(100%);
}
.table-btn-group .rc-icon {
  font-size: 16px;
  margin-left: 4px;
  cursor: pointer;
}
/* 弹窗框窗口 */
.modal-header {
  min-height: auto;
}
.bootstrap-table .icon {
  font-size: 14px;
}
.bootstrap-table .icon.disabled {
  cursor: not-allowed;
  color: #8c8c8c;
}
.template-btn {
  width: 160px;
  margin-left: 8px;
}
.table-container .table-query-form {
  margin-left: 20px;
  margin-right: 20px;
  float: right;
}
.table-query-form {
  display: flex;
}
.table-query-form div {
  display: inline-block;
}
.table-query-form div + div {
  margin-left: 6px;
}
.table-query-form div + .btn {
  margin-left: 6px;
}
.share-success-hint p {
  margin-bottom: 4px;
}
.modal-body .table-search-wrapper {
  padding: 0;
}
.table-search-wrapper {
  display: flex;
  padding: 0 20px;
  justify-content: flex-end;
}
.table-search-wrapper .rc-form-item {
  margin-bottom: 0;
}
.table-search-wrapper .rc-form-item + .rc-form-item {
  margin-left: 12px;
}
.table-search-wrapper .rc-form-item__label {
  width: auto;
  min-width: 80px;
}
.table-search-wrapper .rc-form-item__content {
  width: 182px;
}
.table-search-wrapper .btn {
  margin-left: 10px;
}
.table-search-wrapper .rc-form-item + .rc-form-item {
  margin-top: 0;
}
.version-sup--last {
  color: #5387ff;
  border: 1px solid #b0c9ff;
  padding: 0px 5px;
  line-height: 1.5;
  background-color: #fff;
  border-radius: 10px;
  font-size: 12px;
  display: inline-block;
  font-style: normal;
  top: 0;
  min-width: 48px;
  text-align: center;
  margin-left: 5px;
  transform: scale(0.9);
}
.version-sup--upgrade {
  color: #fff;
  border: 1px solid #ee2e02;
  padding: 0px 5px;
  line-height: 1.5;
  background-color: #ee2e02;
  border-radius: 10px;
  font-size: 12px;
  display: inline-block;
  font-style: normal;
  top: 0;
  margin-left: 5px;
  transform: scale(0.9);
}
.scenario-type-wrapper h3,
.scenario-type-wrapper h4 {
  text-align: center;
}
.scenario-type-wrapper h3 {
  margin-top: 10px;
  font-size: 18px;
  color: #2b6afd;
}
.scenario-type-wrapper p {
  font-size: 14px;
  text-align: left;
  margin-bottom: 0;
}
.scenario-type-wrapper p span {
  color: #2b6afd;
}
.network-scenario {
  border: 2px solid #dcdfe6;
  padding: 7px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 4px;
  transition: all 0.3s;
  margin-top: 10px;
}
.network-scenario .network-sce-img {
  background: url(../../../webres/images/network-scenario/networkScenario.jpg);
  background-size: 192px 192px;
  width: 60px;
  height: 60px;
}
#scenario_SMB .network-sce-img {
  background-position: center center;
}
#scenario_HOTEL .network-sce-img {
  background-position: top center;
}
#scenario_VILLA .network-sce-img {
  background-position: bottom center;
}
#scenario_MONITOR .network-sce-img {
  background-position: left center;
}
#scenario_STORE .network-sce-img {
  background-position: right center;
}
#scenario_EDU .network-sce-img {
  background-position: right top;
}
#scenario_CHAIN .network-sce-img {
  background-position: left bottom;
}
#scenario_APARTMENT .network-sce-img {
  background-position: left top;
}
#scenario_COMMON .network-sce-img {
  background-position: right bottom;
}
.network-scenario p {
  margin: 0;
  margin-top: 4px;
  font-size: 12px;
}
.network-scenario:hover,
.network-scenario.checked {
  border-color: #2b6afd;
  color: #2b6afd;
  font-weight: bold;
}
.scenario-win {
  width: 500px;
}
/* 设备详情中修改别名 */
.glyphicon.glyphicon-pencil,
.glyphicon.glyphicon-ok,
.glyphicon.glyphicon-remove {
  cursor: pointer;
}
/* 墙面AP显示和隐藏 */
.mode--wall-ap .wall-ap-hide {
  display: none !important;
}
.wall-ap-show {
  display: none;
}
.mode--wall-ap .wall-ap-show {
  display: block !important;
}
.only-bottom-border {
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.no-border {
  border: 0;
  box-shadow: none;
}
.chart-panel .panel-heading.only-bottom-border {
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.common-ul-normal li.selected,
.common-ul-normal li:hover {
  border: 1px solid #0071eb;
  color: #0071eb;
}
.common-ul-normal li.selected i,
.common-ul-normal li:hover i {
  color: #0071eb;
}
.common-ul-normal li.selected .point-line,
.common-ul-normal li:hover .point-line {
  border: 1px solid #0071eb;
}
.common-ul-normal li.selected .thombus,
.common-ul-normal li:hover .thombus {
  background-color: #0071eb;
}
.common-ul-link li {
  border: 1px solid #0071eb;
  cursor: pointer;
  color: #0071eb;
}
.common-ul-link li i {
  color: #0071eb;
}
.common-ul-link li.on,
.common-ul-link li.selected,
.common-ul-link li:hover {
  background: #0071eb;
  color: #fff;
  border: 1px solid #0071eb;
}
.common-ul-link li.on i,
.common-ul-link li.selected i,
.common-ul-link li:hover i {
  color: #fff;
}
.icon-dropdownExpend.rotateX-180 {
  display: inline-block;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
/* 开关样式 */
.cmn-toggle-wrapper {
  display: flex;
}
.cmn-toggle {
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.cmn-toggle[disabled] + label {
  cursor: not-allowed;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  bottom: 1px;
  content: '';
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #2b6afd;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 16px;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 32px;
  height: 16px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.cmn-toggle-round + label:after {
  width: 14px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-yes-no + label {
  margin-left: 145px;
  width: 60px;
  height: 30px;
}
input.cmn-toggle-yes-no + label:before,
input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #dddddd;
  content: attr(data-off);
  transition: transform 0.5s;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: #8ce196;
  content: attr(data-on);
  transition: transform 0.5s;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  transform: rotateY(0);
}
.items-list .ipt-txt {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
/* 按钮组 */
.btn-group-common {
  font-size: 0;
}
.btn-group-common > .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-common > .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-common > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-common > .btn:not(:last-child) {
  margin-right: -1px;
}
.btn-group-common .btn.on,
.btn-group-common .btn.selected {
  background: #0071eb;
  color: #fff;
  border-color: #0071eb;
}
.btn-group-common .btn.on i,
.btn-group-common .btn.selected i {
  color: #fff;
}
.btn-group-common {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group-common > .btn {
  position: relative;
  float: left;
}
.btn-group-common > .btn.on,
.btn-group-common > .btn:active,
.btn-group-common > .btn:focus,
.btn-group-common > .btn:hover {
  z-index: 2;
  background-color: #fff;
  color: #2b6afd;
}
.btn-group-common > .btn.selected.on,
.btn-group-common > .btn.selected:active,
.btn-group-common > .btn.selected:focus,
.btn-group-common > .btn.selected:hover {
  z-index: 2;
  background-color: #2b6afd;
  color: #fff;
}
.btn-group-common .btn + .btn {
  margin-left: 0;
}
/* 操作中的分组 */
.option a + a {
  margin-left: 6px;
}
/* Topo Tommy */
.common-color-success {
  color: #018903 !important;
}
#diaglogContent .hintCause {
  text-align: center;
}
#diaglogContent .hintCause {
  text-align: left;
}
#diaglogContent .causeList .recreate {
  font-size: 14px;
  color: #de321f;
  cursor: pointer;
}
.margin-t-normal {
  margin-top: 10px !important;
}
.url-domain,
.url-ip {
  width: 220px;
}
.required {
  color: #de321f;
}
.circular {
  height: 100px;
  width: 100px;
  animation: loading-rotate 2s linear infinite;
}
@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}
.el-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 140px;
  margin-top: -120px;
  text-align: center;
  color: #2b6afd;
}
.circular .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #2b6afd;
  stroke-linecap: round;
}
.action-span .form-control {
  display: inline-block;
  width: auto;
  height: 28px;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  border-image: initial;
  padding: 0px 10px;
  margin: 0px;
}
.basicApInfo .row + .row {
  margin-top: 6px;
}
.sync-status-link {
  margin-right: 3px;
  color: #70ba4f;
  cursor: pointer;
  text-decoration: underline;
}
.sync-status-link.link--abnormal {
  color: #ee2e02;
}
.table-container .alert {
  margin: 16px;
}
.table-container .panel-heading .alert {
  margin: 16px 0;
}
.table-container .panel-heading .alert + .alert {
  margin-top: -8px;
}
.table-container .panel-body .alert {
  margin: 0;
  margin-bottom: 16px;
}
.reyee-support-tip,
.reyee-ap-support-tip {
  display: none;
}
.reyee-support-tip.need-tip,
reyee-ap-support-tip.nedd-tip {
  display: block;
}
.editable-input input[type='password'],
.editable-input input[type='text'],
.editable-input textarea {
  border: 1px solid #d9d9d9;
  padding: 0 10px;
  background-color: #fff;
  margin: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  vertical-align: middle;
}
.editable-input input[type='password']:focus,
.editable-input input[type='text']:focus,
.editable-input textarea:focus {
  border-color: #2b6afd;
}
.editable-input input[type='password'],
.editable-input input[type='text'] {
  height: 32px;
}
i.iconx-beta,
.i.iconx-beta {
  color: #f06f03;
  font-size: 32px;
  position: absolute;
  top: -4px;
}
.rc-table__operate_wrapper a {
  font-size: 12px;
}
.rc-table__operate_wrapper i {
  font-size: 16px;
}
.rc-table__operate_wrapper a + a,
.rc-table__operate_wrapper span + span {
  margin-left: 10px;
}
.e-sharing-building {
  position: absolute;
  top: 70px;
  bottom: 10px;
  left: 216px;
  right: 16px;
  z-index: 12;
  display: none;
  background: #fff url(../../../webres/images/network-bg.jpg) no-repeat fixed top;
}
@media (min-width: 1920px) {
  .e-sharing-building {
    left: 272px;
  }
}
.e-sharing-no-group #groupBar_div,
.e-sharing-no-group #mainContent {
  display: none !important;
}
.e-sharing-no-group .e-sharing-building {
  display: block;
}

.ruiyi-v2.e-sharing-no-group #mainContent {
  display: block !important;
}

.ruiyi-v2.e-sharing-no-group .e-sharing-building {
  display: none;
}

.e-sharing-developing {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  height: 100%;
  padding-top: 10%;
}
.rc-table-search-wrapper {
  padding-bottom: 10px;
}
.rc-table-search-wrapper .table-btn-group {
  margin-left: 0;
}
.rc-table-search {
  display: flex;
}
/* element-ui */
.el-select {
  width: 100%;
}
.el-form-item {
  margin-bottom: 16px;
}
.el-form--label-top .el-form-item__label {
  padding: 0;
}
.el-container .el-header {
  padding: 0;
}
.el-container .el-header + .el-main {
  padding: 0;
  padding-top: 10px;
}
input[type='file'].el-upload__input {
  display: none;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 60px;
  display: block;
}
.select2-dropdown {
  border: 1px solid #2b6afd;
}
.select2-container--default .select2-selection--single {
  height: 32px;
  border: 1px solid #2b6afd;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.alert {
  border: none;
  background: none;
  text-align: left;
  border-radius: 4px;
  padding: 0;
}
.alert p {
  display: block;
}
.alert p + p {
  margin-top: 6px;
}
.common-tab {
  border-bottom: 1px solid #d9d9d9;
  margin: 0 10px 16px 10px;
  height: 40px;
}
.common-tab li {
  float: left;
  cursor: pointer;
  padding: 8px 10px;
  position: relative;
  margin-bottom: -1px;
}
.common-tab li.selected {
  border-bottom: 2px solid #2b6afd;
  font-weight: 700;
}
/*------------------消息弹出框样式------------------*/
.message-content {
  padding: 24px;
}
.content-text {
  text-align: left;
  color: #333;
}
.content-text p {
  margin: 0px;
}
.message-footer {
  padding: 0px;
  text-align: right;
  border: none;
  margin-top: 32px;
}
.alert-text {
  margin: 0px;
}
.msg-content {
  padding: 16px;
  box-shadow: none;
  word-break: break-word;
}
.msg-content .modal-body {
  padding: 0;
}
.msg-success {
  background: #f0fff4;
  border: 1px solid #018903;
  box-sizing: border-box;
  border-radius: 4px;
}
.msg-success i {
  color: #52c41a;
}
.msg-normal {
  background: #e8f4fe;
  mix-blend-mode: normal;
  border: 1px solid #2b6afd;
  box-sizing: border-box;
  border-radius: 4px;
}
.msg-normal i {
  color: #1890ff;
}
.msg-danger {
  background: #fff9f8;
  mix-blend-mode: normal;
  border: 1px solid #de321f;
  box-sizing: border-box;
  border-radius: 4px;
}
.msg-danger i {
  color: #f5222d;
}
.dev-detail-status .icon {
  margin-right: 11px;
}
.logTableOption .form-control + .btn {
  margin-left: 8px;
}
.logTableOption .form-control + .form-control {
  margin-left: 8px;
}
.table-operate-wrapper .dropdown-menu {
  right: 0;
  left: auto;
}
.table-operate-wrapper .dropdown-toggle {
  display: flex;
  align-items: center;
}
.topology-bg {
  background-image: url(../../../webres/images/topology_background.png);
}
.options-tips {
  border: 1px solid #f06f03;
  background-color: #faecd8;
  border-radius: 4px;
  color: #f06f03;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 100;
  padding: 5px 9px;
  line-height: 20px;
  margin-left: 5px;
  position: relative;
}
.options-tips:before {
  left: -6px;
  top: 2px;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  border-right-color: #f06f03;
}
.options-tips:after {
  left: -5px;
  top: 2px;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  border-right-color: #faecd8;
}
.alert-info hr {
  margin: 10px 0;
  border-top-color: #2b6afd91;
}
.alert-ul {
  list-style: decimal;
  padding-left: 20px;
  line-height: 24px;
}
.alert-sub-ul {
  list-style: disc;
  padding-left: 20px;
}
.is-custom .custom-ui-hide {
  display: none !important;
}
/* vue框架样式 */
#vueFrame {
  position: absolute;
  left: 0;
  top: 72px;
  z-index: 10;
  opacity: 1;
}
#vueFrame.noShow {
  opacity: 0;
  z-index: -10;
}
/* input样式*/
input[type='password'],
input[type='text'],
textarea {
  transition: all 0.3s ease-in-out;
  height: 32px;
  border: 1px solid #bfbfbf;
  padding: 0 10px;
  background-color: #fff;
  margin: 0;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  vertical-align: middle;
}
input[disabled][disabled],
select[disabled] {
  background-color: #e8e8e8 !important;
}
select {
  transition: all 0.3s ease-in-out;
  height: 32px;
  border: 1px solid #bfbfbf;
  background-color: #fff;
  margin: 0;
  border-radius: 4px;
  outline: none;
  vertical-align: middle;
}
input[type='password']:focus,
input[type='text']:focus,
textarea:focus,
select:focus {
  border-color: #2b6afd;
}
.cmn-toggle + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: 0;
  user-select: none;
}
input.cmn-toggle-round + label,
input.cmn-toggle-round:checked + label {
  width: 36px;
  height: 16px;
  top: 3px;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 18px;
}
input.cmn-toggle-round + label:after {
  width: 16px;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #2b6afd;
}
input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
  background-color: #2b6afd;
  border-color: #2b6afd;
}
input.cmn-toggle-round + label:before {
  background-color: #ededed;
  border-radius: 60px;
  transition: background 0.4s;
  display: block;
  position: absolute;
  left: 1px;
  content: '';
}
input.cmn-toggle-round + label:after {
  width: 16px !important;
  height: 16px !important;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  content: '';
}
input.cmn-toggle-yes-no + label {
  margin-left: 145px;
  width: 60px;
  height: 30px;
}
input.cmn-toggle-yes-no + label:after,
input.cmn-toggle-yes-no + label:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #ededed;
  content: attr(data-off);
  transition: transform 0.5s;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: #ededed;
  content: attr(data-on);
  transition: transform 0.5s;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  transform: rotateY(0);
}
input[type='checkbox'] + label,
input[type='radio'] + label {
  font-weight: 400;
  margin-right: 20px;
  margin-left: 8px;
}
/************************/
/************* for 1920px *******************************/
/*************************************************************/
/************** for < 768px ********************************/
@media (max-width: 767px) {
  .table-container .panel-footer {
    padding: 0 10px 0 0;
  }
}
/************************************************************/
/* 大屏时模态窗口的样式 */
@media (min-width: 1920px) {
  .rc-main-wrapper {
    margin-left: 256px;
  }
  .modal-dialog {
    width: auto;
    margin: 30px auto;
  }
  .modal-dialog-lg {
    width: 1200px;
    margin: 30px auto;
  }
  .modal-dialog-wj {
    width: 800px;
    height: 720px;
    margin: 30px auto;
  }
  .modal-dialog-md {
    width: 800px;
    margin: 30px auto;
  }
  .modal-dialog-sm {
    width: 500px;
    margin: 30px auto;
  }
  .modal-dialog-alert {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
  .modal-dialog-confirm {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
}
/* 大屏时模态窗口的样式 */
@media (min-width: 1280px) and (max-width: 1919px) {
  .modal-dialog {
    width: auto;
    margin: 30px auto;
  }
  .modal-dialog-lg {
    width: 1200px;
    margin: 30px auto;
  }
  .modal-dialog-wj {
    width: 800px;
    height: 720px;
    margin: 30px auto;
  }
  .modal-dialog-md {
    width: 700px;
    margin: 30px auto;
  }
  .modal-dialog-sm {
    width: 400px;
    margin: 30px auto;
  }
  .modal-dialog-alert {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
  .modal-dialog-confirm {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
}
/* 平板时模态窗口的样式 */
@media (min-width: 768px) and (max-width: 1279px) {
  .modal-dialog {
    width: auto;
    margin: 20px auto;
  }
  .modal-dialog-lg {
    width: 1200px;
    margin: 50px auto;
  }
  .modal-dialog-wj {
    width: 800px;
    height: 720px;
    margin: 50px auto;
  }
  .modal-dialog-md {
    width: 700px;
    margin: 20px auto;
  }
  .modal-dialog-sm {
    width: 400px;
    margin: 20px auto;
  }
  .modal-dialog-alert {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
  .modal-dialog-confirm {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
}
/* 手机时模态窗口的样式 */
@media (max-width: 767px) {
  .modal-dialog {
    width: auto;
    margin: 10px auto;
  }
  .modal-dialog-lg {
    width: auto;
    margin: 10px auto;
  }
  .modal-dialog-wj {
    width: auto;
    margin: 10px auto;
  }
  .modal-dialog-md {
    width: auto;
    margin: 10px auto;
  }
  .modal-dialog-sm {
    width: auto;
    margin: 10px auto;
  }
  .modal-dialog-alert {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
  .modal-dialog-confirm {
    width: 350px;
    height: 300px;
    position: absolute;
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
  }
}
.body-hide-survey-modal .survey-btn {
  display: none;
}
.is-visitor .visitor-hide {
  display: none !important;
}
/* 设备菜单按钮上的可能突出显示 */
.ladda-button .ladda-label {
  z-index: 0;
}
.must-hide {
  display: none !important;
}
.rc-loading {
  width: 720px;
  height: 200px;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -360px;
  margin-top: -100px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  z-index: 1000;
}
.rc-loading-time {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -37px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
/*
 * GroupBar样式
 */
.rc-group-bar {
  display: flex;
  width: 100%;
  background: white;
  align-items: center;
  height: 50px;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 12px;
}
.rc-group-bar sup {
  background: #de321f;
  line-height: 14px;
  color: white;
  border-radius: 7px;
  padding: 0 4px;
  right: 0;
  top: -1px;
  height: 14px;
  display: inline-block;
}
.rc-group-bar > div {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.rc-group-bar a {
  font-size: 14px;
  color: #333;
  cursor: pointer;
  text-decoration: none;
}
.rc-group-bar a:focus {
  text-decoration: none;
}
.rc-group-bar a > i {
  padding-left: 6px;
}
.rc-group-bar span.hideLabel {
  margin: 0 12px;
  color: #8c8c8c;
  font-size: 18px;
}
.rc-group-bar .dropdown-toggle button {
  width: 100px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #2b6afd;
  color: #2b6afd;
  font-size: 12px;
}
.rc-group-bar .dropdown-toggle button:hover,
.rc-group-bar .dropdown-toggle button:focus {
  color: #fff;
  background-color: #2b6afd;
}
/********************************************************/
.rc-group-bar ul {
  margin: 0px;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
  left: 220px;
  width: 220px;
}
.rc-group-bar .rootnode {
  border-bottom: 1px solid #e8e8e8;
}
.rc-group-bar li {
  background-color: #fff;
}
/*.rc-group-bar .dropdown-menu{
  width: 160px;
}*/
.rc-group-bar .dropdown-menu sup {
  right: 0px;
  top: -1px;
}
.rc-group-bar .dropdown-menu > li > a {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  position: relative;
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  display: flex;
}
.rc-group-bar .dropdown-menu i {
  font-size: 24px;
  margin-right: 6px;
}
.rc-group-bar i.icon-ac {
  color: #65c366;
}
.rc-group-bar i.icon-ap {
  color: #2b6afd;
}
.rc-group-bar .dropdown-menu > .active > a {
  background-color: #cdebfe;
  /* font-size: 12px; */
}
.rc-group-bar .dropdown-menu > li > a:hover,
.rc-group-bar .dropdown-menu > li > a:focus {
  background-color: #f5f5f5;
  color: #2b6afd;
}
.rc-group-bar .dropdown-submenu > .dropdown-menu {
  border-radius: 0;
}
.rc-group-bar .dropdown-menu .icon {
  display: none;
}
.icon.icon-leftarrow,
.icon.icon-back {
  display: inline-block;
  color: #ccc;
}
.rc-group-bar .dropdown-menu .icon.icon-commongroup,
.rc-group-bar .dropdown-menu .icon.icon-mtfigroup,
.rc-group-bar .dropdown-menu .icon.icon-netgroup {
  display: inline-block;
  font-size: 24px;
}
.rc-group-bar .dropdown-menu .tipForSubgroup {
  position: absolute;
  top: -3px;
  right: 10px;
}
.rc-group-bar .dropdown-menu .tipForSubgroup i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 7px solid #666;
}
.rc-group-bar .dropdown-submenu {
  position: relative;
}
.rc-group-bar .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 220px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.rc-group-bar .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.rc-group-bar .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.rc-group-bar .dropdown-submenu.pull-left {
  float: none;
}
.rc-group-bar .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/* 分组区域样式 */
@media (max-width: 768px) {
  /*分组区域样式，小屏时*/
  .rc-group-bar .dropdown-menu {
    position: static;
    width: 100%;
  }
  .rc-group-bar .dropdown-submenu {
    position: static;
  }
  .rc-group-bar > div {
    margin: 0;
  }
  .rc-group-bar ul {
    margin: 0;
    background-color: #ddd;
  }
  .rc-group-bar ul li.active {
    background-color: #2196f3;
  }
  /*.rc-group-bar .dropdown-menu .tipForSubgroup{
    width: 60px;
    margin-right: -30px;
    padding-left: 23px;
  }*/
  .rc-group-bar .dropdown-menu .tipForSubgroup {
    width: 60px;
    /* margin-right: -30px; */
    padding-left: 28px;
    position: absolute;
    right: 0;
    top: 0px;
  }
  .rc-group-bar .dropdown-menu .tipForSubgroup i {
    width: 0px;
    height: 0px;
    border-top: 7px solid #666;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
  }
  .hideLabel {
    display: none;
  }
}
@media (min-width: 768px) {
  .dropdown-menu .dropdown-menu li:first-child > div {
    position: absolute;
    width: 0;
    height: 0;
    top: 17px;
    left: -7px;
    border-right: 7px solid #fff;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }
}
.rc-group-bar--fixed {
  left: 9px;
  right: 0px;
  top: 50px;
  position: absolute;
  z-index: 1;
}
#headTab {
  font-weight: normal;
}
.group-droupdown {
  overflow: auto;
  position: absolute;
  top: 52px;
  left: 0;
  overflow: -moz-scrollbars-none;
  /*火狐下隐藏滚动条*/
  -ms-overflow-style: none;
  /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
}
.group-droupdown > .dropdown-menu {
  top: 1px;
  left: 1px;
}
.group-droupdown::-webkit-scrollbar {
  width: 0px;
}
.rc-group-bar .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: none;
}
.rc-group-bar .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
  width: 148px;
  color: #8c8c8c;
}
.rc-group-bar .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #2b6afd transparent transparent transparent;
}
.rc-group-bar
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #2b6afd transparent;
}
.rc-group-bar .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #2b6afd;
  border-radius: 4px;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #ccecfe;
  color: #333;
}
.rc-group-bar .select2.select2-container.select2-container--default {
  margin-left: 10px;
}
.rc-group-bar .icon.icon-search {
  color: #2b6afd;
}
.select2-dropdown.select2-dropdown--below {
  width: auto !important;
  max-width: 700px;
  min-width: 200px;
}
.rc-group-bar .selection .select2-selection__clear {
  font-size: 18px;
  font-weight: normal;
  margin-right: 6px;
}
.rc-group-bar .selection .select2-selection__arrow b {
  display: none;
}
.select2-container--open .select2-dropdown--below {
  border: 1px solid #2b6afd;
  border-radius: 4px;
}
.rc-group-bar--fixed {
  left: 196px;
  right: 24px;
}
.group-bar-timezone {
  color: #8c8c8c;
  margin-right: 4px;
}
.group-bar-operator {
  /********************************************************/
}
.group-bar-operator .rc-group-bar ul {
  margin: 0px;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
  left: 220px;
  width: 220px;
}
.group-bar-operator .rc-group-bar .rootnode {
  border-bottom: 1px solid #e8e8e8;
}
.group-bar-operator .rc-group-bar li {
  background-color: #fff;
}
.group-bar-operator .rc-group-bar .dropdown-menu > li > a {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  position: relative;
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  display: flex;
}
.group-bar-operator .rc-group-bar .dropdown-menu i {
  font-size: 24px;
  margin-right: 6px;
}
.group-bar-operator .rc-group-bar i.icon-ac {
  color: #65c366;
}
.group-bar-operator .rc-group-bar i.icon-ap {
  color: #2b6afd;
}
.group-bar-operator .rc-group-bar .dropdown-menu > .active > a {
  background-color: #cdebfe;
  /* font-size: 12px; */
}
.group-bar-operator .rc-group-bar .dropdown-menu > li > a:hover,
.group-bar-operator .rc-group-bar .dropdown-menu > li > a:focus {
  background-color: #f5f5f5;
  color: #2b6afd;
}
.group-bar-operator .rc-group-bar .dropdown-submenu > .dropdown-menu {
  border-radius: 0;
}
.group-bar-operator .rc-group-bar .dropdown-menu .icon {
  display: none;
}
.group-bar-operator .icon.icon-leftarrow,
.group-bar-operator .icon.icon-back {
  display: inline-block;
  color: #ccc;
}
.group-bar-operator .rc-group-bar .dropdown-menu .icon.icon-commongroup,
.group-bar-operator .rc-group-bar .dropdown-menu .icon.icon-mtfigroup,
.group-bar-operator .rc-group-bar .dropdown-menu .icon.icon-netgroup {
  display: inline-block;
  font-size: 24px;
}
.group-bar-operator .rc-group-bar .dropdown-menu .tipForSubgroup {
  position: absolute;
  top: -3px;
  right: 10px;
}
.group-bar-operator .rc-group-bar .dropdown-menu .tipForSubgroup i {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 7px solid #666;
}
.group-bar-operator .rc-group-bar .dropdown-submenu {
  position: relative;
}
.group-bar-operator .rc-group-bar .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 220px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.group-bar-operator .rc-group-bar .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.group-bar-operator .rc-group-bar .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.group-bar-operator .rc-group-bar .dropdown-submenu.pull-left {
  float: none;
}
.group-bar-operator .rc-group-bar .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.group-bar-operator .group-bar-operator .btn + .btn {
  margin-left: 0;
}
.no-operate .group-bar-operator {
  display: none;
}
.group-bar-operator .rc-link-btn {
  min-width: 88px;
  height: 16px;
  font-size: 14px;
}
.rc-group-bar .select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: 'Search Network';
  margin-right: 24px;
  margin-top: 2px;
  display: inline-block;
}
.rc-group-bar .dropdown-menu > li > a span {
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-menu li + li {
  margin-top: 0;
}
/*# sourceMappingURL=groupbar.css.map */
#groupBar_div {
  left: 0;
  right: 0;
  top: 54px;
  position: absolute;
  padding: 16px;
  margin-left: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
/* .subWebModal .rc-side-menu, */
.subWebModal #groupBar_div {
  z-index: 1 !important;
}
#groupBar_div.select-dropdown {
  bottom: 0;
}
@media (min-width: 1920px) {
  #groupBar_div {
    margin-left: 256px;
  }
}
.update-notice-wrapper {
  position: absolute;
  z-index: 1;
  right: 16px;
  width: 660px;
  padding: 0 32px 0 16px;
  background-color: #dff0d8;
}
.update-notice-wrapper .close {
  position: relative;
  top: 16px;
  right: -12px;
}
.update-notice {
  border: 1px solid transparent;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
}
.update-notice a {
  text-decoration: underline;
  color: #3c763d;
}
.update-notice:hover .words {
  animation-play-state: paused;
}
.words {
  position: relative;
  width: fit-content;
  animation: move 14s linear infinite;
  padding-left: 150px;
}
.words::after {
  position: absolute;
  right: -15px;
  content: attr(text);
}
@keyframes move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*
 * validate.css
 */
p#vtip {
  position: absolute;
  padding: 10px;
  left: 5px;
  font-size: 0.8em;
  background-color: #000;
  color: #fff;
  /*border: 1px solid #a6c9e2;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 9999;
}
p#vtip #vtipArrow {
  position: absolute;
  top: -10px;
  left: 5px;
}
.input_validation-failed {
  border: 1px solid #ff0000 !important;
}
.input_validation-failed-bottom {
  border-bottom: 1px solid #ff0000 !important;
}
/*
 * scrollbar.css
 */
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background-color: #ddd;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
::-webkit-scrollbar-button {
  background-color: #888;
  display: none;
}
@media (max-width: 1279px) {
  ::-webkit-scrollbar {
    width: 2px;
  }
}
/*
 * menu.css
 */
#maccMainNav {
  margin-bottom: 0;
  height: 54px;
  z-index: 1002;
}
/* LOGO div */
.navbar-header {
  width: 200px;
  height: 54px;
  display: flex;
  align-items: center;
}
#navbarBackground {
  width: 100%;
  height: 50px;
  position: fixed;
  opacity: 0.5;
  background-color: #eef3f6;
  opacity: 0.38;
}
/* 一级导航条 */
.nav.navbar-nav > li > a {
  font-size: 16px;
  padding: 16px;
  color: #fff;
  border-bottom: 2px solid transparent;
  text-decoration: none;
}
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus {
  border-bottom-color: #a9a9a9;
  color: #a9a9a9;
}
.navbar {
  border: 0;
}
.navbar.navbar-default.navbar-fixed-top {
  background: #2b6afd;
  position: absolute;
}
#extended_menu1 .extended-submenu {
  display: none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
#extended_menu1 .extended-submenu ul {
  padding: 0;
  background-color: #fff;
}
.extended-submenu li {
  height: 40px;
  line-height: 40px;
}
.extended-submenu li:hover {
  background-color: #ccecfe;
}
#extended_menu1 .extended-submenu ul p {
  color: #333;
}
#extended_menu1:hover .extended-submenu {
  display: block;
}
.exctended-box {
  margin: 0px auto;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  /*padding-top: 7px;*/
}
.icon-img-ppsk {
  background: url(../../../../webres/images/ppsk_logo.gif) center center no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
}
#mainNavbar .navbar-nav > .active > a {
  background-color: transparent;
  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none;
}
#mainNavbar #extended_menu1.active,
#mainNavbar #extended_menu1:hover {
  border-bottom: 0;
}
.sub-menu {
  overflow-y: auto;
  left: 0px;
  right: 0;
  top: 50px;
  bottom: 60px;
  position: absolute;
}
.org-wrapper {
  position: absolute;
  z-index: 1;
  height: 50px;
  top: 0;
  left: 0;
  right: 0;
  padding: 16px;
  border-bottom: 1px solid #d9d9d9;
}
.rc-side-menu {
  margin-top: 54px;
  z-index: 11;
  /* 比mainFrame z-index多1 */
  width: 200px;
  height: 100%;
  background-color: #fff;
}
.rc-side-menu li h4 i {
  font-size: 18px;
  margin-right: 8px;
}
.rc-side-menu li h4 i.icon-beta,
.rc-side-menu i.icon-new_lab {
  color: #de321f;
  font-size: 24px;
  position: absolute;
  right: -42px;
  top: -12px;
}
.rc-side-menu sup {
  position: absolute;
  right: -32px;
  top: 0px;
  background: #de321f;
  display: block;
  height: 14px;
  line-height: 14px;
  color: white;
  text-align: center;
  border-radius: 7px;
  padding: 0 4px;
}
.rc-side-menu li h4 i.iconx-beta,
.rc-side-menu i.iconx-beta {
  color: #f06f03;
  font-size: 32px;
  position: absolute;
  right: -20px;
}
.rc-side-menu div > a {
  padding-left: 42px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
}
.rc-side-menu li h4 {
  margin: 0;
  padding: 10px 12px;
  padding-left: 14px;
  cursor: pointer;
  font-size: 14px;
  color: #262626;
  position: relative;
}
.rc-side-menu li h4.active,
.rc-side-menu li h4:hover {
  color: #4e8cfa;
}
/* 导航条右侧按钮下拉菜单 */
#maccMainNav .otherBtns {
  margin-right: 24px;
  display: flex;
  align-items: center;
}
#alarmDropdownMenu {
  width: 160px;
}
#maccMainNav .btn-group {
  border: 0;
}
#maccMainNav .dropdown-toggle {
  padding: 19px 6px;
  line-height: 15px;
  cursor: pointer;
}
#maccMainNav .btn-group i {
  font-size: 16px;
  color: #fff;
  opacity: 0.9;
}
#maccMainNav .btn-group i:hover,
#maccMainNav .btn-group i.active {
  opacity: 1;
}
#maccMainNav .dropdown-menu {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 100px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}
#maccMainNav .pull-right .dropdown-menu li {
  height: 32px;
  font-size: 14px;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  text-transform: capitalize;
}
#maccMainNav .dropdown-menu li:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#maccMainNav .dropdown-menu li:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#maccMainNav .dropdown-menu > li > a {
  padding: 9px 20px;
  font-size: 14px;
  line-height: 14px;
}
#maccMainNav .dropdown-menu > li:hover,
#maccMainNav .dropdown-menu > li:focus,
#maccMainNav .dropdown-menu > li.active {
  background-color: #ccecfe;
}
#maccMainNav .dropdown-menu > li > a:hover,
#maccMainNav .dropdown-menu > li > a:focus,
#maccMainNav .dropdown-menu > li.active > a {
  background-color: transparent;
  color: #333;
}
#alarm-count {
  background-color: #fff;
  color: #e75557 !important;
  position: absolute;
  font-size: 9px !important;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  left: 14px;
  top: 11px;
  font-style: normal;
  text-align: center;
}
.activate-tip {
  background: #f06f03;
  color: #fff;
  padding: 4px 24px;
  border-radius: 12px;
  margin-top: 14px;
  margin-right: 14px;
  font-size: 14px;
  cursor: pointer;
}
#messageTop10 {
  width: 300px;
  height: 420px;
}
#messageTop10 li {
  height: 40px !important;
}
/* 版本更新提示 */
#setting_menu .dropdown-toggle {
  position: relative;
}
#setting_menu .newVersion {
  position: absolute;
  top: 9px;
  left: 12px;
  font-size: 9px !important;
  height: 14px;
  line-height: 12px;
  width: 20px;
  padding: 0;
  text-align: center;
}
#setting_menu .newVersion1 {
  left: 64px;
  font-size: 12px !important;
  bottom: 8px;
}
/********** message list *********************/
.message-box {
  padding-left: 20px;
  padding-bottom: 5px;
}
.message-box dt {
  margin-left: -20px;
  float: left;
  line-height: 18px;
}
.message-box dt .read-sign {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #cecece;
  display: inline-block;
  -webkit-box-shadow: 0px 1px 3px rgba(183, 198, 213, 0.7);
  -moz-box-shadow: 0px 1px 3px rgba(183, 198, 213, 0.7);
  -ms-box-shadow: 0px 1px 3px rgba(183, 198, 213, 0.7);
  -o-box-shadow: 0px 1px 3px rgba(183, 198, 213, 0.7);
  box-shadow: 0px 1px 3px rgba(183, 198, 213, 0.7);
}
.message-box dd {
  word-break: break-all;
  word-wrap: break-word;
  line-height: 20px;
}
.message-box.no .read-sign {
  background-color: #87d04d;
}
.message-box .title {
  font-size: 12px;
}
.message-box .content {
  color: #b8b8b8;
  font-size: 12px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
/************************************/
.alarmIcon {
  width: 26px;
  height: 27px;
  background-color: #fa5050;
  font-size: 16px;
  font-style: normal;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
}
.alarm_high {
  height: 6px;
  width: 6px;
  background-color: #fa5050;
  display: inline-block;
  margin-right: 8px;
}
.alarm_medium {
  height: 6px;
  width: 6px;
  background-color: #ff9923;
  display: inline-block;
  margin-right: 8px;
}
.alarm_low {
  height: 6px;
  width: 6px;
  background-color: #ffe553;
  display: inline-block;
  margin-right: 8px;
}
/*折叠导航*/
#sidemenu-xs {
  padding: 0;
  text-align: center;
  top: 0;
}
#sidemenu-xs .dropdown-menu {
  position: relative;
}
#sidemenu-xs .panel-group,
#sidemenu-xs .panel {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #ddd;
}
#sidemenu-xs ul,
#sidemenu-xs ul > li {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidemenu-xs .panel-heading {
  cursor: pointer;
  padding: 0;
  background-color: #2571ac;
  color: #fff;
  border-radius: 0;
}
#sidemenu-xs .panel-heading a {
  height: 35px;
  line-height: 35px;
  display: block;
}
#sidemenu-xs .panel-heading a:hover,
#sidemenu-xs .panel-heading a:focus {
  text-decoration: none;
  outline: none;
}
#sidemenu-xs .panel-body {
  padding: 0;
}
#sidemenu-xs li a {
  height: 30px;
  line-height: 30px;
  display: block;
}
#sidemenuxsBlock {
  position: absolute;
  z-index: 2;
  overflow: auto;
  top: 50px;
}
#toggleButton.active {
  background-color: #ddd;
}
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.upgradeTip {
  color: #de321f;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #de321f;
  display: inline-block;
}
#upgradeDevNum,
#gatewayBeta {
  color: #de321f;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 10px;
  padding: 0 7px 0 3px;
}
#upgradeDevNum2 {
  color: white;
  width: 15px;
  height: 15px;
  background: #de321f;
  border-radius: 10px;
  padding: 0 7px 0 3px;
}
/************/
/*二级导航*/
#closeSideBar {
  padding-left: 180px;
  padding-top: 10px;
}
.rc-side-menu a {
  display: block;
  color: #8c8c8c;
}
.rc-side-menu ul {
  list-style-type: none;
  padding: 0 16px;
  margin: 0;
}
.rc-side-menu a:hover,
.rc-side-menu a.active {
  text-decoration: none;
  color: #2b6afd;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  opacity: 0.8;
}
/*隐藏导航*/
.collapse.in {
  width: 100%;
  margin: 0;
  border: 0;
}
.logo {
  margin-left: 16px;
  max-width: 160px;
}
#OrgDOM .currentOrg {
  display: none;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  border-radius: 3px;
  height: 100%;
  box-sizing: border-box;
}
#OrgDOM .currentOrg.down .icon {
  transform: rotate(180deg);
}
#OrgDOM .currentOrg .icon {
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 500;
  transition: all ease-in-out 0.3s;
}
#OrgDOM .currentOrg .orgName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  color: #8c8c8c;
}
#OrgDOM .currentOrg .icon-wrapper {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #fff;
  flex-shrink: 0;
  border: 1px solid #d9d9d9;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
  color: #8c8c8c;
}
#OrgDOM .OrgList {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #ddd;
  margin-top: 1px;
  border-radius: 3px;
  display: none;
  overflow-y: auto;
  max-height: 500px;
  flex-direction: column;
}
#OrgDOM .OrgList ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
#OrgDOM .OrgList li {
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  margin-bottom: 1px;
  position: relative;
  width: 100%;
}
.org-list-item {
  padding: 6px 8px;
  display: flex;
  align-items: center;
}
.org-group-wrapper .org-list-item {
  padding-left: 30px;
}
#OrgDOM .OrgList li:last-child {
  margin-bottom: 0;
}
.org-list-item.selected {
  background: #2b6afd;
  color: #fff;
}
#OrgDOM .OrgList li.default .iconx-default {
  color: #5bf5f0;
}
#OrgDOM .OrgList li .iconx {
  margin-left: 8px;
  color: #ccc;
  font-size: 18px;
}
#OrgDOM .OrgList .org-list-item:hover {
  background: #4e8cfa;
  color: #fff;
}
#OrgDOM .OrgList li:hover .iconx {
  display: inline-block;
}
#OrgDOM .OrgList .editMode {
  position: absolute;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 5px;
  display: none;
}
#OrgDOM .OrgList li .editMode .iconx {
  margin-left: 4px;
}
#OrgDOM .OrgList .tenantName {
  height: 25px;
  width: 148px;
  margin-left: 0;
  color: #999;
  padding: 0 10px;
}
#OrgDOM .expendBox {
  height: 100%;
  margin-left: 16px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1920px) {
  .navbar-header,
  .rc-side-menu {
    width: 256px;
  }
  #OrgDOM .currentOrg .orgName {
    width: 80%;
  }
}
.filtered-feature,
.rc-side-menu .filtered-feature {
  text-decoration: line-through;
  cursor: not-allowed;
}
.rc-side-menu a.filtered-feature:hover,
.rc-side-menu a.filtered-feature.active {
  text-decoration: line-through;
}
.OrgList .rc-icon {
  font-size: 16px;
  margin-right: 4px;
}
.OrgList .rc-icon-user {
  font-size: 18px;
}
.org-group-wrapper {
  display: flex;
  flex-direction: column;
}
.tenant-item__name {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 172px;
}
.OrgList .org-group-show {
  margin-left: 4px;
}
/* */
.OrgList .select2-container {
  width: 100% !important;
}
.org-group-show.group-mode--show {
  transform: rotate(180deg);
}
.org-group-show {
  transition: all ease-in-out 0.3s;
}
.modal-search-content {
  margin: 8px 12px;
  padding-right: 54px;
  position: relative;
  line-height: 32px;
}
.modal-search-inputcontent {
  position: relative;
}
.modal-search-inputcontent i {
  position: absolute;
}
.modal-search-inputcontent i.icon-search {
  left: 12px;
  cursor: pointer;
}
.modal-search-inputcontent i.icon-cancel {
  visibility: hidden;
  right: 8px;
  top: 0;
}
.modal-search-inputcontent input.search {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0px 32px;
  background-image: none;
  border-radius: 4px;
}
.modal-search-content .modal-search {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 0;
}
.modal-no-data {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-search-inputcontent .icon-cancel {
  visibility: hidden;
  right: 3px;
  top: 0;
}
.modal-search-inputcontent .search:focus + .icon-cancel {
  visibility: visible;
}
.menuicon {
  font-family: 'rc-ucd-iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.menuicon-monitor-overview::before {
  content: '\e6b2';
}
.menuicon-monitor-device::before {
  content: '\e691';
}
.menuicon-monitor-terminal::before {
  content: '\e6b6';
}
.menuicon-monitor-clients::before {
  content: '\e794';
}
.menuicon-config-group::before {
  content: '\e66c';
}
.menuicon-config-radio::before {
  content: '\e790';
}
.menuicon-config-others::before {
  content: '\e679';
}
.menuicon-maintenance-report::before {
  content: '\e796';
}
.menuicon-maintenance-diagnose::before {
  content: '\e67a';
}
.menuicon-maintenance-logs::before {
  content: '\e68c';
}
.menuicon-maintenance-upgrade::before {
  content: '\e68e';
}
.menuicon-monitor-overview-networkdetails::before {
  content: '\e6b2';
}
.menuicon-monitor-network::before {
  content: '\e66c';
}
.menuicon-monitor-analysis::before {
  content: '\e60d';
}
.menuicon-monitor-client::before {
  content: '\e6dd';
}
.menuicon-config-groups::before {
  content: '\e66c';
}
.menuicon-config-netWide::before {
  content: '\e683';
}
.menuicon-config-wireless::before {
  content: '\e678';
}
.menuicon-config-other::before {
  content: '\e6d3';
}
.menuicon-config-authentication::before {
  content: '\e6bd';
}
/* 同步国内菜单样式 22.4.7 */
#submenus_div::-webkit-scrollbar {
  width: 2px;
}
#sidemenu {
  padding: 0px 16px;
}
#sidemenu li .active {
  background-color: transparent !important;
  color: #2b6afd;
  font-weight: bolder;
}
#sidemenu li .active .iconx-beta {
  font-weight: normal;
}
#sidemenu li .menuagg {
  position: relative;
}
/* #sidemenu li .menuagg::after {
  content: "\e612";
  font-family: "iconfont" !important;
  font-style: normal;
  position: absolute;
  right: 0;
  transform: rotate(0deg);
  color: #333;
} */
#sidemenu li.open .menuagg {
  position: relative;
}
#sidemenu li.open .menuagg::after {
  transform: rotate(-180deg);
}
#sidemenu li div > a {
  padding-left: 30px;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-transform: capitalize;
  white-space: nowrap;
}
#sidemenu li h4 {
  padding: 0px;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  color: #000;
}
#sidemenu li dl {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}
#sidemenu li dl:last-child {
  border-bottom: none;
}
#sidemenu li dt,
#sidemenu li dd {
  padding: 0;
  margin: 0;
  height: 34px;
  line-height: 34px;
  font-weight: normal;
}
#sidemenu li dt {
  color: #8c8c8c;
  margin-left: 30px;
}
#sidemenu li a {
  font-size: 14px;
  padding-left: 30px;
}
#sidemenu li a:hover {
  background-color: #f1f1f1;
}
#sidemenu li .menu-groups {
  display: flex;
  text-transform: capitalize;
}
#sidemenu li .menu-groups i {
  margin-right: 12px;
}
#sidemenu li .menu-groups a {
  font-size: 14px;
  flex: 1;
  padding-left: 0;
}
#sidemenu li .moremenu {
  position: relative;
}
#sidemenu li .moremenu > div {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  width: 100%;
  z-index: 10;
}
#sidemenu li .moremenu:hover > div {
  display: block;
}
.menu-mvp-icon {
  background: #ec4d3e;
  color: white;
  padding: 0 4px;
  font-size: 12px;
  border-radius: 12px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  right: -14px;
  top: -3px;
}
/*
 * main.css
 */
/**
 * @ Author: Tommy Chen
 * @ Create Time: 2022-04-01 18:57:54
 * @ Modified by: Tommy Chen
 * @ Modified time: 2022-06-13 10:43:04
 * @ Description: main页面样式
 */
/*不出现外层滚动条*/
body {
  overflow: hidden;
  position: relative;
}
.table-container .dropdown-menu label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
}
/* 选择了location分组，但页面不支持配置Location分组时，显示提示信息 */
#layerForLocation,
#layerForDevice {
  position: absolute;
  top: 136px;
  left: 216px;
  right: 16px;
  padding-bottom: 30px;
  border-radius: 4px;
  background: #fff;
  text-align: center;
  padding-top: 20px;
}
@media (min-width: 1920px) {
  #layerForLocation,
  #layerForDevice {
    left: 272px;
  }
}
#layerForLocation .device_sad,
#layerForDevice .device_sad {
  background: url(../../../webres/images/sad.png) 100% 100%;
  width: 120px;
  height: 120px;
  display: inline-block;
}
.main-loading-wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9998;
  position: absolute;
  top: 54px;
}
.main-loading-wrapper.refresh-data {
  opacity: 0.75;
  display: none;
}
.main-loading-img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  margin-top: -42px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 9999;
  width: 168px;
  height: 168px;
}
.main-loading-txt {
  text-align: center;
  height: 72px;
  color: #2b6afd;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  margin-top: 72px;
  transform: translateX(-50%) translateY(-50%);
}
.cloudsaveSession .content {
  display: flex;
  text-align: left;
  text-indent: 2em;
  height: auto;
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 1014;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}
.cloudsaveSession .body {
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 20px;
  color: #999;
  min-height: 100px;
}
.cloudsaveSession .footer {
  display: inline-block;
  text-align: center;
  padding: 20px;
}
.cloudsaveSession .footer button {
  width: 120px;
  right: 20px;
}
.btn.main-btn,
.btn.btn-main,
.btn.btn-macc {
  background-color: #2b6afd;
  color: #fff;
}
.closeBox {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 0 20px;
}
.closeBtn {
  color: #bbb !important;
}
.closeBox a {
  display: block;
  width: 11vw;
  padding: 2px;
  border: 1px solid;
  border-radius: 15px;
  margin: 2px;
}
.cookie-btn {
  border-radius: 15px;
  width: 200px;
}
.cookie-btn + .cookie-btn {
  margin-top: 12px;
}
.table-container .bootstrap-table tbody td .th-inner,
.table-container .bootstrap-table thead th .th-inner {
  padding: 0;
}
.table-container .bootstrap-table .table > thead > tr > th {
  background-color: white;
  height: 30px;
  vertical-align: middle;
}
.table-container .bootstrap-table .table > tbody > tr > td {
  height: 30px;
  vertical-align: middle;
  padding: 0 8px;
}
.table-container .fixed-table-loading {
  top: 31px;
  z-index: 4;
  /* 必须要要高些，不然按钮可能会漏出来 */
}
/*************设置表格边框************************/
.table-container .bootstrap-table .table > thead > tr > th,
.table-container .bootstrap-table .table > tbody > tr > td {
  border: none;
  font-size: 12px;
  white-space: nowrap;
}
.table-container .bootstrap-table .table > thead > tr {
  border-bottom: 1px solid #ccc;
}
@media (max-width: 767px) {
  .table-container .bootstrap-table .table > thead > tr > th,
  .table-container .bootstrap-table .table > tbody > tr > td {
    white-space: pre-wrap;
  }
}
/* 选中时边框 */
/*.table-container .bootstrap-table .fixed-table-container tbody .selected td:first-child{
	border-left: 1px solid #2b6afd !important;	
}
.table-container .bootstrap-table .fixed-table-container tbody .selected td:last-child{
	border-right: 1px solid #2b6afd !important;	
}*/
.table-container .bootstrap-table .fixed-table-container tbody .selected td {
  background-color: #cdebfe;
  /*    border-top:1px solid #9fd8fd;
    border-bottom:1px solid #9fd8fd;
*/
}
/**************************************************/
.table-container .bootstrap-table .table {
  border-bottom: 0;
}
.fixed-table-container {
  /*border:1px solid #f1ebeb;*/
  border: 0;
}
.fixed-table-container a {
  text-decoration: underline;
}
.fixed-table-container a + a {
  margin-left: 8px;
}
/*.table-container .table-hover>tbody>tr:hover{
	background-color: #cdebfe;
}*/
/*表格过滤选项左内边距*/
.table-container .dropdown-menu label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
}
.table-container .dropdown-menu label input[type='checkbox'] {
  -webkit-appearance: none;
}
/************* 表格单选复选框 ********************************************/
.table .bs-checkbox {
  position: relative;
  min-width: 36px;
}
.table .bs-checkbox input[type='radio'],
.table .bs-checkbox input[type='checkbox'] {
  -webkit-appearance: none;
}
input[type='file']:focus,
input[type='checkbox']:focus,
input[type='radio']:focus {
  /* outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;*/
  outline-offset: -2px;
  outline: none;
}
.table .bs-checkbox input[type='radio']:before,
.table .bs-checkbox input[type='checkbox']:before,
.table input[disabled='disabled']:before,
.table input[class='customInput']:before,
.table-container .dropdown-menu input[type='checkbox']:before {
  content: '';
  display: block;
  /*position: absolute;*/
  width: 15px;
  height: 15px;
  /*left: 8px;
    margin-left: 0px;
    padding-left: 1px;
    padding-top: 1px;*/
  /*margin-top: 3px;*/
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  font-size: 11px;
}
.table-container .dropdown-menu input[type='checkbox']:before {
  margin-left: 9px;
}
.table .bs-checkbox input[type='radio']:before {
  border-radius: 10px;
}
.table .bs-checkbox input[type='radio']:checked:before {
  background-color: #2b6afd;
  font-family: 'iconfont';
  content: '\e661';
  font-size: 9px;
  border: 0;
  padding-left: 3px;
  padding-top: 3px;
}
.table-container .dropdown-menu input[type='checkbox']:checked:before,
.table .bs-checkbox input[type='checkbox']:checked:before,
.table input[class='customInput']:checked:before {
  font-family: 'iconfont';
  content: '\e661';
  background-color: #2b6afd;
  color: #fff;
  border: 0;
  padding-left: 2px;
  padding-top: 2px;
}
.table .bs-checkbox input[type='checkbox'][name='btSelectAll']:checked:before {
  margin-top: 0px;
}
/** 表格编辑等按钮 **/
.table-container .icon,
.table-container .rc-icon {
  cursor: pointer;
}
.table-container td i + i {
  margin-left: 8px;
}
.table-container .icon:hover,
.table-container .rc-icon:hover {
  color: #2b6afd;
}
.table-container .icon.icon-search:hover {
  color: #fff;
}
.table-container .icon.icon-refresh {
  font-size: 18px;
  color: #000;
}
/*********************************************************/
/************** 分页样式(>1920) ****************************/
.table-container div.pagination {
  position: absolute;
  left: 50%;
  margin: 15px 0 10px -280px;
  font-size: 12px;
}
.table-container .fixed-table-custom-pagination {
  height: 47px;
  z-index: 100;
  background-color: #fff;
  /* border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; */
}
.table-container .pagination li {
  display: inline-block;
  vertical-align: middle;
}
.table-container .pagination li input,
.table-container .pagination li a {
  display: inline;
  position: relative;
  float: left;
  margin: 0 2px;
  width: 50px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #333;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  padding: 0;
}
.table-container .pagination li input:hover,
.table-container .pagination li input:focus,
.table-container .pagination li a:hover,
.table-container .pagination li a:focus {
  background-color: #fff;
  border: 1px solid #2b6afd;
  outline: none;
}
.table-container .pagination .firstDisabled a,
.table-container .pagination .prevDisabled a,
.table-container .pagination .nextDisabled a,
.table-container .pagination .lastDisabled a {
  cursor: not-allowed;
  opacity: 0.5;
}
.table-container .pagination .firstDisabled a:hover,
.table-container .pagination .prevDisabled a:hover,
.table-container .pagination .nextDisabled a:hover,
.table-container .pagination .lastDisabled a:hover,
.table-container .pagination .firstDisabled a:focus,
.table-container .pagination .prevDisabled a:focus,
.table-container .pagination .nextDisabled a:focus,
.table-container .pagination .lastDisabled a:focus {
  border: 1px solid #d1d1d1;
  outline: none;
  background-color: #fff;
}
.table-container .pagination .next a,
.table-container .pagination .nextDisabled a {
  margin-left: 68px;
  margin-right: 20px;
}
.table-container .pagination .prev a,
.table-container .pagination .prevDisabled a {
  margin-left: 20px;
  margin-right: 39px;
}
.table-container .pagination li input {
  margin-left: 36px;
}
.table-container .pagination li i {
  font-style: normal;
  position: absolute;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  color: #999;
  white-space: nowrap;
}
.table-container .pagination-detail {
  margin: 15px 0 10px;
}
.table-container .pagination-detail button {
  width: 80px;
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.table-container .pagination-detail .pagination-info {
  margin-right: 7px;
}
.pagination-detail button:hover,
.pagination-detail button:active,
.pagination-detail button:focus,
.pagination-detail button:visited,
.pagination-detail .btn-default.active,
.pagination-detail .btn-default:active,
.pagination-detail .open > .dropdown-toggle.btn-default {
  box-shadow: 0 0 0 0;
  border-color: #2b6afd !important;
  color: #fff;
}
/******************************************/
.detail-view {
  background-color: #eee;
}
/*************************************************************/
/********************  手机端 表格分页***********************************/
@media (max-width: 767px) {
  .pagination-detail {
    display: none;
  }
}
@media (max-width: 600px) {
  .table-container div.pagination {
    margin-left: -70px;
  }
  .pagination li.first,
  .pagination li.firstDisabled,
  .pagination li.goto,
  .pagination li.last,
  .pagination li.lastDisabled,
  .pagination-detail {
    display: none;
  }
  .table-container .pagination li.prev a,
  .table-container .pagination li.prevDisabled a {
    margin-left: 0;
    margin-right: 0;
  }
  .table-container .pagination li.next a,
  .table-container .pagination li.nextDisabled a {
    margin-right: 0;
    margin-left: 45px;
  }
}
/**************************************************************/
/******************* 表格图标 **************************************/
.table-container .btn-group.open .dropdown-toggle {
  box-shadow: inset 0 0 0;
}
.table-container .toggleView {
  padding-top: 3px;
  padding-bottom: 0px;
}
.table-container .tableSearch {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 7px solid #666;
  bottom: -8px;
  position: relative;
}
.table-container .dropdown-toggle,
.table-container .toggleView,
.table-container .resize-full,
.table-container .icon-details,
.table-container .icon-stop,
.table-container .icon-refresh {
  color: #666;
  box-shadow: inset 0 0 0;
}
.table-container .icon:hover,
.table-container .icon:active,
.table-container .icon:focus,
.table-container .icon:visited {
  color: #2b6afd;
  box-shadow: inset 0 0 0;
}
.table-container .resize-full {
  display: inline-block;
}
.table-container .toggleView {
  display: none;
}
.table-container .card-views .tableSearch {
  display: none;
}
@media (min-width: 768px) {
  .table-container .fixed-table-body {
    overflow-y: visible;
  }
  .table-container .table-dropdown {
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    background-color: #fff;
    text-align: center;
    padding-left: 0;
    border: 1px solid #e4e9ef;
    z-index: 99;
    max-height: 200px;
    overflow: auto;
  }
}
.table-container .fixed-table-container thead th .th-inner {
  overflow: visible;
  position: relative;
}
@media (max-width: 1200px) {
  .table-container .resize-full {
    display: none;
  }
}
@media (max-width: 768px) {
  .table-container .toggleView {
    display: inline-block;
  }
  .table-container .table-dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    text-align: center;
    padding-left: 0;
    border: 1px solid #e4e9ef;
    top: 100%;
    left: 0%;
    z-index: 99;
  }
}
/***************************************************************/
.table-container .table-dropdown .icon-right {
  position: absolute;
  right: 10px;
  color: #2b6afd;
}
.table-container .table-dropdown li {
  line-height: 20px;
  background-color: #f5f5f5;
  cursor: pointer;
  padding: 5px 25px 5px 20px;
}
.table-container .table-dropdown li:not(:first-child) {
  border-top: 1px solid #e4e9ef;
}
.columns-minwidth {
  min-width: 88px;
}
.checkbox-width {
  width: 20px;
}
@media (max-width: 1600px) {
  .table-maxheight {
    height: 24.5em;
  }
}
.table-container .keep-open.btn-group > .btn:first-child {
  border: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: #f8f7fa;
}
.table-striped > tbody > tr {
  background: #f3f3f5;
  transition: all 0.3s;
}
.table-striped > tbody > tr:hover {
  background: rgba(56, 184, 246, 0.2);
}
.search-item-wrapper {
  margin-right: 14px;
}
/*
 * laydate.css
 */
/** 
 
 @Name： laydate 核心样式
 @Author：贤心
 @Site：http://sentsin.com/layui/laydate
 
**/
html {
  _background-image: url(about:blank);
  _background-attachment: fixed;
}
.laydate_body .laydate_box,
.laydate_body .laydate_box * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  /* box-sizing:content-box; */
}
.laydate-icon,
.laydate-icon-default,
.laydate-icon-danlan,
.laydate-icon-dahong,
.laydate-icon-molv {
  height: 32px;
  line-height: 32px;
  padding-right: 20px;
  border: 1px solid #c6c6c6;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #fff;
  outline: 0;
}
.laydate-icon-default {
  background-image: url(../skins/default/icon.png);
}
.laydate-icon-danlan {
  border: 1px solid #b1d2ec;
  background-image: url(../skins/danlan/icon.png);
}
.laydate-icon-dahong {
  background-image: url(../skins/dahong/icon.png);
}
.laydate-icon-molv {
  background-image: url(../skins/molv/icon.png);
}
.laydate_body .laydate_box {
  width: 240px;
  font: 12px '\5B8B\4F53';
  z-index: 99999999;
  *margin: -2px 0 0 -2px;
  *overflow: hidden;
  _margin: 0;
  _position: absolute !important;
  background-color: #fff;
}
.laydate_body .laydate_box li {
  list-style: none;
}
.laydate_body .laydate_box .laydate_void {
  cursor: text !important;
}
.laydate_body .laydate_box a,
.laydate_body .laydate_box a:hover {
  text-decoration: none;
  cursor: pointer;
}
.laydate_body .laydate_box a:hover {
  text-decoration: none;
}
.laydate_body .laydate_box cite,
.laydate_body .laydate_box label {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: dashed;
  border-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
.laydate_body .laydate_box .laydate_yms,
.laydate_body .laydate_box .laydate_time {
  display: none;
}
.laydate_body .laydate_box .laydate_show {
  display: block;
}
.laydate_body .laydate_box input {
  outline: 0;
  font-size: 14px;
  background-color: #fff;
}
.laydate_body .laydate_top {
  position: relative;
  height: 26px;
  padding: 5px;
  *width: 100%;
  z-index: 99;
}
.laydate_body .laydate_ym {
  position: relative;
  float: left;
  height: 24px;
  cursor: pointer;
}
.laydate_body .laydate_ym input {
  float: left;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: none;
  cursor: pointer;
}
.laydate_body .laydate_ym .laydate_yms {
  position: absolute;
  left: -1px;
  top: 24px;
  height: 181px;
}
.laydate_body .laydate_y {
  width: 121px;
  margin-right: 6px;
}
.laydate_body .laydate_y input {
  width: 64px;
  margin-right: 15px;
}
.laydate_body .laydate_y .laydate_yms {
  width: 121px;
  text-align: center;
}
.laydate_body .laydate_y .laydate_yms a {
  position: relative;
  display: block;
  height: 20px;
}
.laydate_body .laydate_y .laydate_yms ul {
  height: 139px;
  padding: 0;
  *overflow: hidden;
}
.laydate_body .laydate_y .laydate_yms ul li {
  float: left;
  width: 60px;
  height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.laydate_body .laydate_m {
  width: 99px;
}
.laydate_body .laydate_m .laydate_yms {
  width: 99px;
  padding: 0;
}
.laydate_body .laydate_m input {
  width: 42px;
  margin-right: 15px;
}
.laydate_body .laydate_m .laydate_yms span {
  display: block;
  float: left;
  width: 42px;
  margin: 5px 0 0 5px;
  line-height: 24px;
  text-align: center;
  _display: inline;
}
.laydate_body .laydate_choose {
  display: block;
  float: left;
  position: relative;
  width: 20px;
  height: 24px;
}
.laydate_body .laydate_choose cite,
.laydate_body .laydate_tab cite {
  left: 50%;
  top: 50%;
}
.laydate_body .laydate_chtop cite {
  margin: -7px 0 0 -5px;
  border-bottom-style: solid;
}
.laydate_body .laydate_chdown cite,
.laydate_body .laydate_ym label {
  top: 50%;
  margin: -2px 0 0 -5px;
  border-top-style: solid;
}
.laydate_body .laydate_chprev cite {
  margin: -5px 0 0 -7px;
}
.laydate_body .laydate_chnext cite {
  margin: -5px 0 0 -2px;
}
.laydate_body .laydate_ym label {
  right: 28px;
}
.laydate_body .laydate_table {
  width: 230px;
  margin: 0 5px;
  border-collapse: collapse;
  border-spacing: 0px;
}
.laydate_body .laydate_table td {
  width: 31px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
.laydate_body .laydate_table thead {
  height: 22px;
  line-height: 22px;
}
.laydate_body .laydate_table thead th {
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}
.laydate_body .laydate_bottom {
  position: relative;
  height: 22px;
  line-height: 20px;
  padding: 5px;
  font-size: 12px;
}
.laydate_body .laydate_bottom #laydate_hms {
  position: relative;
  z-index: 1;
  float: left;
}
.laydate_body .laydate_time {
  position: absolute;
  left: 5px;
  bottom: 26px;
  width: 129px;
  height: 125px;
  *overflow: hidden;
}
.laydate_body .laydate_time .laydate_hmsno {
  padding: 5px 0 0 5px;
}
.laydate_body .laydate_time .laydate_hmsno span {
  display: block;
  float: left;
  width: 24px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  cursor: pointer;
  *margin-bottom: -5px;
}
.laydate_body .laydate_time1 {
  width: 228px;
  height: 154px;
}
.laydate_body .laydate_time1 .laydate_hmsno {
  padding: 6px 0 0 8px;
}
.laydate_body .laydate_time1 .laydate_hmsno span {
  width: 21px;
  height: 20px;
  line-height: 20px;
}
.laydate_body .laydate_msg {
  left: 49px;
  bottom: 67px;
  width: 141px;
  height: auto;
  overflow: hidden;
}
.laydate_body .laydate_msg p {
  padding: 5px 10px;
}
.laydate_body .laydate_bottom li {
  float: left;
  height: 20px;
  line-height: 20px;
  border-right: none;
  font-weight: 900;
}
.laydate_body .laydate_bottom .laydate_sj {
  width: 33px;
  text-align: center;
  font-weight: 400;
}
.laydate_body .laydate_bottom input {
  float: left;
  width: 21px;
  height: 20px;
  line-height: 20px;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}
.laydate_body .laydate_bottom .laydte_hsmtex {
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.laydate_body .laydate_bottom .laydte_hsmtex span {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  cursor: pointer;
}
.laydate_body .laydate_bottom .laydte_hsmtex span:hover {
  font-size: 14px;
}
.laydate_body .laydate_bottom .laydate_btn {
  position: absolute;
  right: 5px;
  top: 5px;
}
.laydate_body .laydate_bottom .laydate_btn a {
  float: left;
  height: 20px;
  padding: 0 6px;
  _padding: 0 5px;
}
.laydate_body .laydate_bottom .laydate_v {
  position: absolute;
  left: 10px;
  top: 6px;
  font-family: Courier;
  z-index: 0;
}
/** 
 
 @Name： laydate皮肤：默认
 @Author：贤心
 @Site：http://sentsin.com/layui/laydate
 
**/
.laydate-icon {
  border: 1px solid #c6c6c6;
  background-image: url(icon.png);
}
.laydate_body .laydate_box,
.laydate_body .laydate_ym,
.laydate_body .laydate_ym .laydate_yms,
.laydate_body .laydate_table,
.laydate_body .laydate_table td,
.laydate_body .laydate_bottom #laydate_hms,
.laydate_body .laydate_time,
.laydate_body .laydate_bottom .laydate_btn a {
  border: 1px solid #ccc;
}
.laydate_body .laydate_y .laydate_yms a,
.laydate_body .laydate_choose,
.laydate_body .laydate_table thead,
.laydate_body .laydate_bottom .laydte_hsmtex {
  background-color: #f6f6f6;
}
.laydate_body .laydate_box,
.laydate_body .laydate_ym .laydate_yms,
.laydate_body .laydate_time {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.laydate_body .laydate_box {
  border-top: none;
  border-bottom: none;
  background-color: #fff;
  color: #333;
}
.laydate_body .laydate_box input {
  color: #333;
}
.laydate_body .laydate_box .laydate_void {
  color: #ccc !important;
  /*text-decoration:line-through;*/
}
.laydate_body .laydate_box .laydate_void:hover {
  background-color: #fff !important;
}
.laydate_body .laydate_box a,
.laydate_body .laydate_box a:hover {
  color: #333;
}
.laydate_body .laydate_box a:hover {
  color: #666;
}
.laydate_body .laydate_click {
  background-color: #eee !important;
}
.laydate_body .laydate_top {
  border-top: 1px solid #c6c6c6;
}
.laydate_body .laydate_ym .laydate_yms {
  border: 1px solid #c6c6c6;
  background-color: #fff;
}
.laydate_body .laydate_y .laydate_yms a {
  border-bottom: 1px solid #c6c6c6;
}
.laydate_body .laydate_y .laydate_yms .laydate_chdown {
  border-top: 1px solid #c6c6c6;
  border-bottom: none;
}
.laydate_body .laydate_choose {
  border-left: 1px solid #c6c6c6;
}
.laydate_body .laydate_chprev {
  border-left: none;
  border-right: 1px solid #c6c6c6;
}
.laydate_body .laydate_choose:hover,
.laydate_body .laydate_y .laydate_yms a:hover {
  background-color: #fff;
}
.laydate_body .laydate_chtop cite {
  border-bottom-color: #666;
}
.laydate_body .laydate_chdown cite,
.laydate_body .laydate_ym label {
  border-top-color: #666;
}
.laydate_body .laydate_chprev cite {
  border-right-style: solid;
  border-right-color: #666;
}
.laydate_body .laydate_chnext cite {
  border-left-style: solid;
  border-left-color: #666;
}
.laydate_body .laydate_table td {
  border: none;
  height: 21px !important;
  line-height: 21px !important;
  background-color: #fff;
}
.laydate_body .laydate_table .laydate_nothis {
  color: #999;
}
.laydate_body .laydate_table thead {
  height: 21px !important;
  line-height: 21px !important;
}
.laydate_body .laydate_table thead th {
  border-bottom: 1px solid #ccc;
}
.laydate_body .laydate_bottom {
  border-bottom: 1px solid #c6c6c6;
}
.laydate_body .laydate_bottom #laydate_hms {
  background-color: #fff;
}
.laydate_body .laydate_time {
  background-color: #fff;
}
.laydate_body .laydate_bottom .laydate_sj {
  border-right: 1px solid #c6c6c6;
  background-color: #f6f6f6;
}
.laydate_body .laydate_bottom input {
  background-color: #fff;
}
.laydate_body .laydate_bottom .laydte_hsmtex {
  border-bottom: 1px solid #c6c6c6;
}
.laydate_body .laydate_bottom .laydate_btn {
  border-right: 1px solid #c6c6c6;
}
.laydate_body .laydate_bottom .laydate_v {
  color: #999;
}
.laydate_body .laydate_bottom .laydate_btn a {
  border-right: none;
  background-color: #f6f6f6;
}
.laydate_body .laydate_bottom .laydate_btn a:hover {
  color: #000;
  background-color: #fff;
}
.laydate_body .laydate_m .laydate_yms span:hover,
.laydate_body .laydate_y .laydate_yms ul li:hover,
.laydate_body .laydate_table td:hover,
.laydate_body .laydate_time .laydate_hmsno span:hover {
  background-color: #f3f3f3;
}
/*
 * commonNotice.css
 */
.ivu-notice {
  margin-right: 0;
  width: 290px;
  top: 50px !important;
  z-index: 1000 !important;
}
.ivu-notice-notice {
  padding-top: 13px;
}
.ivu-notice-notice-close i {
  font-size: 30px;
  top: 0;
}
.ivu-notice-with-desc .ivu-notice-icon {
  font-size: 18px;
  top: -2px;
  left: -4px;
  color: #4494f9;
}
.ivu-notice-with-desc .ivu-notice-icon.ivu-notice-icon-warning {
  color: red;
}
.ivu-notice-desc {
  text-align: left;
}
.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-title {
  margin-left: 21px;
}
.ivu-notice-with-desc.ivu-notice-with-icon .ivu-notice-desc {
  margin-left: 21px;
  margin-right: 16px;
  overflow: auto;
}
.commonNotice .mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  z-index: 1014;
}
.cloudUpgrade .content {
  display: block;
  height: auto;
  width: 400px;
  position: fixed;
  top: 220px;
  left: 50%;
  z-index: 1014;
  background-color: #fff;
  margin-left: -200px;
  margin-top: -150px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
}
.cloudUpgrade .header {
  height: 76px;
  width: 400px;
  background: #2b6afd;
  color: #fff;
  padding-top: 26px;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  /*font-family: 'RobotoBold';*/
}
.cloudUpgrade .body {
  height: auto;
  min-height: 68px;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
  color: #666666;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 60px;
}
.cloudUpgrade .footer {
  height: 60px;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}
.cloudUpgrade .footer button {
  width: 120px;
  margin: 12px;
}
/*
* introjs.css
*/
/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
/* overrides extra padding on button elements in Firefox */
@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-showElement {
  z-index: 9999999 !important;
}
tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative;
}
tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.introjs-relativePosition {
  position: relative;
}
.introjs-helperLayer {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 0px 0px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
}
.introjs-helperLayer * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.introjs-helperLayer *:before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.introjs-tooltipReferenceLayer {
  font-family: 'Helvetica Neue', Inter, ui-sans-serif, 'Apple Color Emoji', Helvetica, Arial, sans-serif;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-tooltipReferenceLayer * {
  font-family: 'Helvetica Neue', Inter, ui-sans-serif, 'Apple Color Emoji', Helvetica, Arial, sans-serif;
}
.introjs-helperNumberLayer {
  font-family: 'Helvetica Neue', Inter, ui-sans-serif, 'Apple Color Emoji', Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-arrow {
  border: 5px solid transparent;
  content: '';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #ffffff;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #ffffff;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #ffffff;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #ffffff;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #ffffff;
}
.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #ffffff;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #ffffff;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #ffffff;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #ffffff;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #ffffff;
}
.introjs-tooltip {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #ffffff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.introjs-tooltiptext {
  padding: 20px;
}
.introjs-tooltip-title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  float: left;
  line-height: 32px;
}
.introjs-tooltip-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
.introjs-tooltip-header:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.introjs-tooltipbuttons {
  /* border-top: 1px solid #e0e0e0; */
  padding: 10px;
  text-align: right;
  white-space: nowrap;
}
.introjs-tooltipbuttons:after {
  content: '';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.introjs-button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #0d55fd;
  text-decoration: none;
  /* text-shadow: 1px 1px 0 #ffffff; */
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #0d55fd;
  border-radius: 4px;
  zoom: 1;
  *display: inline;
}
.introjs-button:hover {
  outline: none;
  text-decoration: none;
  border-color: #0d55fd;
  background-color: #0d55fd;
  color: #fff;
}
.introjs-button:focus {
  outline: none;
  text-decoration: none;
  border-color: #0d55fd;
  background-color: #0d55fd;
  color: #fff;
}
.introjs-button:active {
  outline: none;
  text-decoration: none;
  border-color: #0d55fd;
  background-color: #0d55fd;
  color: #fff;
}
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #595959;
  float: right;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 7px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
}
.introjs-skipbutton:hover,
.introjs-skipbutton:focus {
  color: #595959;
  outline: none;
  text-decoration: none;
}
.introjs-prevbutton {
  float: left;
  display: none;
}
.introjs-nextbutton {
  float: right;
}
.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-disabled:hover,
.introjs-disabled:focus {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-hidden {
  display: none;
}
.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-bullets ul {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  -webkit-transition: width 0.1s ease-in;
  -o-transition: width 0.1s ease-in;
  transition: width 0.1s ease-in;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover,
.introjs-bullets ul li a:focus {
  width: 15px;
  background: #999;
  text-decoration: none;
  outline: none;
}
.introjs-bullets ul li a.active {
  width: 15px;
  background: #999;
}
.introjs-progress {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0;
}
.introjs-progressbar {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}
.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  animation: none;
}
.introjs-hint-dot {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}
@font-face {
  font-family: 'iconfontUcd';
  src: url('iconfont.eot?t=1582606555618');
  /* IE9 */
  src: url('iconfont.eot?t=1582606555618#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,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')
      format('woff2'),
    url('iconfont.woff?t=1582606555618') format('woff'), url('iconfont.ttf?t=1582606555618') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1582606555618#iconfontUcd')
      format('svg');
  /* iOS 4.1- */
}
.iconfontUcd {
  font-family: 'iconfontUcd' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconucd-ac:before {
  content: '\e701';
}
.iconucd-exit_router:before {
  content: '\e74e';
}
.iconucd-other:before {
  content: '\e751';
}
.iconucd-onoff:before {
  content: '\e7b4';
}
.iconucd-remotecontrol:before {
  content: '\e7b5';
}
.iconucd-voicecontrol:before {
  content: '\e7b6';
}
.iconucd-videointercom:before {
  content: '\e7b7';
}
.iconucd-accesscontrol:before {
  content: '\e7b8';
}
.iconucd-largescreen:before {
  content: '\e6dc';
}
.iconucd-ap1:before {
  content: '\e674';
}
.iconucd-switch:before {
  content: '\e676';
}
.iconucd-gateway:before {
  content: '\e677';
}
.iconucd-ipc:before {
  content: '\e6b6';
}
.iconucd-vlan:before {
  content: '\e68e';
}
.iconucd-edit:before {
  content: '\e69f';
}
.iconucd-help:before {
  content: '\e6a8';
}
.iconucd-server:before {
  content: '\e691';
}
.iconucd-downguangkou:before {
  content: '\e812';
}
.iconucd-zusai:before {
  content: '\e703';
}
.iconucd-bugongdian:before {
  content: '\e704';
}
.iconucd-gongdian:before {
  content: '\e705';
}
.iconucd-shanglian:before {
  content: '\e706';
}
.iconucd-upguangkou:before {
  content: '\e6ae';
}
.iconucd-upport:before {
  content: '\e6c0';
}
.iconucd-downport:before {
  content: '\e811';
}
.iconucd-ap:before {
  content: '\e678';
}
.iconucd-network:before {
  content: '\e683';
}
.iconucd-camera:before {
  content: '\e6f0';
}
.iconucd-printer:before {
  content: '\e6aa';
}
.iconucd-pc:before {
  content: '\e6ab';
}
.iconucd-nvr:before {
  content: '\e6c9';
}
.iconucd-bridge:before {
  content: '\e6d1';
}
/* intl_public.css */
/* 快速注册网络中 AC组网选项 国外私有云版本不支持  
路径： \pages\configuration\devicegroup\group\createWireless\createWireless.html*/
.acNetShow {
  display: none;
}
/* 第三方登陆 及 绑定手机 国外私有云版本不支持 
 路径： \pages\base\modifyPassword\modifyPassword.html */
.otherAppLogin,
.bindPhone {
  display: none;
}
/* Upgrade by MGMT IP 国外私有云版本不支持 
 路径： \pages\maintenace\upgrade\device\device.html */
.upgradeMGMTIP {
  display: none;
}
/*
* MTFI车载添加(导入)资产时, 是否提交具体的省市信息, 是否按公交公司自动分组, 同
* 国内版, 显示为提交页面具体的值; 国际版, 不显示为默认传两个省(MTFI)市(M520)
* 如果是添加, 在html 和 js 里传值, 如果是导入, 在controller里对应位置
& 页面路径: /pages/maintenance/assets/(三个资产文件夹中的与添加导入相关的内容)
*/
.auto-group {
  display: none;
}
.asset-city-info {
  display: none;
}
/* 微信登录 ，海外版不显示，/pages/base/login/login.html */
.wechatLogin {
  display: none;
}
/* 报表-设备分析-网关 海外版不显示, pages/maintenance/report/devanalysis/devanalysis.html */
#devanalysis_gateway_title,
#devanalysis_gateway_body {
  display: none;
}
/* 新建分组-添加网关设备 海外版不显示 pages/configuration/devicegroup/group/addDevices/addDevices.html */
.tipOfSuccess #gatewayCount,
.tipOfSuccess #gatewayName,
.rightSection .gatewayTr,
#changeDevList .gatewayLi,
#changeDeviceList .gatewayLi,
#changeDeviceType .gatewayLi {
  display: none;
}
/**
 * 仅国内版本支持的页面,国内版对相应菜单默认显示，海外版默认隐藏
 */
#sidemenuxsBlock #config_group_groupdevice_menu2,
#sidemenu #config_group_groupdevice_menu,
#sidemenuxsBlock #monitor_devices_ac_menu2,
#sidemenu #monitor_devices_ac_menu,
#sidemenuxsBlock #monitor_devices_gateway_menu2,
#sidemenu #monitor_devices_gateway_menu,
#sidemenuxsBlock #monitor_flowminitor_menu2,
#sidemenu #monitor_flowminitor_menu,
#sidemenuxsBlock #monitor_flowminitor_flowminitorlist_menu2,
#sidemenu #monitor_flowminitor_flowminitorlist_menu,
#sidemenuxsBlock #config_others_gateway_menu2,
#sidemenu #config_others_gateway_menu {
  display: none;
}
/**
 * 仅管理员支持的页面
 */
#sidemenuxsBlock #maintenance_system_menu2,
#sidemenu #maintenance_system_menu,
#sidemenuxsBlock #system_resource_menu2,
#sidemenu #system_resource_menu,
#sidemenuxsBlock #system_databasebackup_menu2,
#sidemenu #system_databasebackup_menu {
  display: none;
}
/**
 * 仅海外版本支持的页面,海外版对相应菜单默认显示，国内版默认隐藏
 */
#private_menu #private_homepage_menu {
  display: block;
}
/**
 * 海外新框架试用样式
 */
.ruiyi-v2 #navbarBackground,
.ruiyi-v2 .navbar,
.ruiyi-v2 #groupBar_div {
  display: none !important;
}
.ruiyi-v2 #vueFrame {
  top: 0;
}
.ruiyi-v2 .open-main-wrapper {
  z-index: 11;
}
.ruiyi-v2 .open-main-wrapper.macc5-menu-open {
  z-index: 10;
}
.ruiyi-v2 .rc-main-wrapper {
  margin-left: 200px;
  top: 66px;
}

.ruiyi-v2-tip {
  height: 32px;
  background: linear-gradient(to right, #6c98ff, #2b6afd);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  padding-left: 16px;
  border: 1px solid #fff;
  margin-right: 16px;
}

.ruiyi-v2-tip__icon {
  background: url(https://intl-1301408934.file.myqcloud.com/macc/images/ruiyiV2Guide/v2TipIcon.svg) no-repeat;
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 12px;
}

.ruiyi-v2-tip__icon2 {
  font-size: 12px !important;
  margin-left: 4px;
  transform: rotate(270deg);
  display: inline-block;
}