html,
body {
  height: 100%;
  min-width: 900px;
}
body {
  font-family: Microsoft YaHei;
  font-weight: normal;
  background-color: #FFFFFF;
}
body.jsm-theme .header .header-top {
  border-bottom: 6px solid #ED3831;
}
body.jsm-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #ED3831;
}
body.jsm-theme .header .header-top .header-top-center .navigation a.btn.active,
body.jsm-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #ED3831 !important;
}
body.jsm-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #ED3831;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.jsm-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.jsm-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #ED3831;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.jsm-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.jsm-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #ED3831;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #ED3831;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #F8D5D3;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #ED3831;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #ED3831;
}
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.jsm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #ED3831;
}
body.tdm-theme .header .header-top {
  border-bottom: 6px solid #00B5FF;
}
body.tdm-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #00B5FF;
}
body.tdm-theme .header .header-top .header-top-center .navigation a.btn.active,
body.tdm-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #00B5FF !important;
}
body.tdm-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #00B5FF;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.tdm-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.tdm-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #00B5FF;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.tdm-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.tdm-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #00B5FF;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #00B5FF;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #AFDFEC;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #00B5FF;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #00B5FF;
}
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.tdm-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #00B5FF;
}
body.som-theme .header .header-top {
  border-bottom: 6px solid #AC8EF0;
}
body.som-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #AC8EF0;
}
body.som-theme .header .header-top .header-top-center .navigation a.btn.active,
body.som-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #AC8EF0 !important;
}
body.som-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #AC8EF0;
}
body.som-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.som-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.som-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.som-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #AC8EF0;
}
body.som-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.som-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.som-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.som-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #AC8EF0;
}
body.som-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #AC8EF0;
}
body.som-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #DAD1EE;
}
body.som-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #AC8EF0;
}
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #AC8EF0;
}
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.som-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #AC8EF0;
}
body.am-theme .header .header-top {
  border-bottom: 6px solid #FE6E4C;
}
body.am-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #FE6E4C;
}
body.am-theme .header .header-top .header-top-center .navigation a.btn.active,
body.am-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #FE6E4C !important;
}
body.am-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #FE6E4C;
}
body.am-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.am-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.am-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.am-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #FE6E4C;
}
body.am-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.am-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.am-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.am-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #FE6E4C;
}
body.am-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #FE6E4C;
}
body.am-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #FDD9CD;
}
body.am-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #FE6E4C;
}
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #FE6E4C;
}
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.am-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #FE6E4C;
}
body.iam-theme .header .header-top {
  border-bottom: 6px solid #28CCB7;
}
body.iam-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #28CCB7;
}
body.iam-theme .header .header-top .header-top-center .navigation a.btn.active,
body.iam-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #28CCB7 !important;
}
body.iam-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #28CCB7;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.iam-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.iam-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #28CCB7;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.iam-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.iam-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #28CCB7;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #28CCB7;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #BBE4DF;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #28CCB7;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #28CCB7;
}
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.iam-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #28CCB7;
}
body.blue-theme .header .header-top {
  border-bottom: 6px solid #00B5FF;
}
body.blue-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #00B5FF;
}
body.blue-theme .header .header-top .header-top-center .navigation a.btn.active,
body.blue-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #00B5FF !important;
}
body.blue-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #00B5FF;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.blue-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.blue-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #00B5FF;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.blue-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.blue-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #00B5FF;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #00B5FF;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #AFDFEC;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #00B5FF;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #00B5FF;
}
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.blue-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #00B5FF;
}
body.qhse-theme .header .header-top {
  border-bottom: 6px solid #0096FF;
}
body.qhse-theme .header .header-top .header-top-center .sys-name .sys-name-label {
  color: #0096FF;
}
body.qhse-theme .header .header-top .header-top-center .navigation a.btn.active,
body.qhse-theme .header .header-top .header-top-center .navigation a.btn:active {
  background-color: #0096FF !important;
}
body.qhse-theme .header .header-bottom .sys-name .sub-sys-name {
  color: #0096FF;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li:hover > a,
body.qhse-theme .content .content-menu .menu ul.nav-second > li:focus > a,
body.qhse-theme .content .content-menu .menu ul.nav-second > li:active > a,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active > a {
  color: #0096FF;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li:hover > a .menu-icon,
body.qhse-theme .content .content-menu .menu ul.nav-second > li:focus > a .menu-icon,
body.qhse-theme .content .content-menu .menu ul.nav-second > li:active > a .menu-icon,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active > a .menu-icon {
  background-color: #0096FF;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li:hover > a .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li:focus > a .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li:active > a .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active > a .nav-label {
  color: #0096FF;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li > a .menu-icon {
  background-color: #AFDFEC;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active > a.btn .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul.nav-third .nav-second-label-li .nav-label {
  color: #0096FF;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .point,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .point,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .point,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .point {
  color: #0096FF;
}
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):hover > a .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):focus > a .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li):active > a .nav-label,
body.qhse-theme .content .content-menu .menu ul.nav-second > li.active ul > li:not(.nav-second-label-li).active > a .nav-label {
  color: #0096FF;
}
body .sys-icons {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("../../../img/sys-icons.png");
  *background-image: url("../../../img/sys-icons.png");
}
body .sys-icons.read-the-message {
  background-position: -29px -708px;
}
body .sys-icons.unread-message {
  background-position: 2px -708px;
}
body .sys-icons.logo-icon {
  width: 62px;
  height: 62px;
  background-position: -241px -151px;
}
body .sys-icons.time-icon {
  background-position: -249px -50px;
  width: 14px;
  height: 14px;
}
body .sys-icons.back-index-icon {
  background-position: -172px -186px;
  height: 17px;
  width: 18px;
}
body .sys-icons.GZList-icon {
  background-position: -172px -186px;
  height: 17px;
  width: 18px;
}
body .sys-icons.problem-feedback-icon {
  background-position: 0px -187px;
  width: 18px;
  height: 19px;
}
body .sys-icons.msg-icon {
  background-position: -20px -187px;
  width: 18px;
  height: 18px;
}
body .sys-icons.login-out {
  background-position: -60px -187px;
  width: 18px;
  height: 18px;
}
body .sys-icons.list-icon {
  background-position: -122px -183px;
  width: 28px;
  height: 22px;
}
body .sys-icons.move-up {
  background-position: 0px -154px;
}
body .sys-icons.move-down {
  background-position: 0px -166px;
}
body .sys-icons.chevron-down {
  background-position: 2px -167px;
}
body .sys-icons.location-icon {
  background-position: -80px -188px;
}
body .sys-icons.config-icon {
  background-position: -41px -187px;
  width: 18px;
  height: 18px;
}
body .sys-icons.save-icon {
  background-position: -1px -26px;
}
body .sys-icons.cancel-icon {
  background-position: -22px -26px;
}
body .sys-icons.add-icon {
  background-position: -62px -26px;
}
body .sys-icons.edit-icon {
  background-position: -83px -26px;
}
body .sys-icons.delete-icon {
  background-position: -41px -26px;
}
body .sys-icons.delete-row-icon {
  background-position: -369px -966px;
  width: 36px;
  height: 36px;
}
body .sys-icons.upload-icon {
  background-position: -125px -26px;
}
body .sys-icons.download-icon {
  background-position: -146px -26px;
}
body .sys-icons.prev-icon {
  background-position: -162px -26px;
}
body .sys-icons.next-icon {
  background-position: -178px -26px;
  margin-left: 8px;
}
body .sys-icons.search-icon {
  background-position: -216px -26px;
}
body .sys-icons.search-icon {
  background-position: -216px -26px;
}
body .sys-icons.favorite-icon {
  background-position: -236px -26px;
  width: 18px;
}
body .sys-icons.a2-sys-icon {
  background-position: -257px -24px;
  width: 20px;
  height: 20px;
}
body .sys-icons.manual-entry-icon {
  background-position: -283px -24px;
  width: 20px;
  height: 20px;
}
body .sys-icons.gis-sys {
  background-position: -746px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.alert-icon {
  background-position: -304px -24px;
  width: 20px;
  height: 20px;
}
body .sys-icons.alert-min-icon {
  background-position: -323px -22px;
  width: 20px;
  height: 20px;
}
body .sys-icons.print-icon {
  background-position: -451px -26px;
}
body .sys-icons.back-icon {
  background-position: -104px -26px;
}
body .sys-icons.plus-icon {
  background-position: -91px -122px;
  height: 22px;
  width: 22px;
}
body .sys-icons.insert-step-icon {
  background-position: -54px -152px;
  height: 16px;
  width: 16px;
}
body .sys-icons.close-icon {
  background-position: -109px -2px;
}
body .sys-icons.small-lamp-icon {
  background-position: -158px -188px;
}
body .sys-icons.datetime-icon {
  background-position: -97px -185px;
  width: 20px;
  height: 20px;
}
body .sys-icons.pdf-icon {
  background-position: 0px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.doc-icon {
  background-position: -25px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.xls-icon {
  background-position: -50px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.warning-icon {
  background-position: -101px -47px;
  width: 20px;
  height: 19px;
}
body .sys-icons.danger-icon {
  background-position: 0px -47px;
  width: 20px;
  height: 19px;
}
body .sys-icons.info-icon {
  background-position: -26px -47px;
  width: 20px;
  height: 19px;
}
body .sys-icons.capsule-danger-icon {
  background-position: -51px -47px;
  width: 20px;
  height: 19px;
}
body .sys-icons.capsule-info-icon {
  background-position: -77px -47px;
  width: 20px;
  height: 19px;
}
body .sys-icons.info-fill-color-icon {
  background-position: -267px -48px;
  width: 20px;
  height: 19px;
}
body .sys-icons.success-tips-icon {
  background-position: 0px -71px;
  width: 44px;
  height: 44px;
}
body .sys-icons.fail-tips-icon {
  background-position: -49px -71px;
  width: 44px;
  height: 44px;
}
body .sys-icons.upload-img-icon {
  background-position: -2px -335px;
}
body .sys-icons.minus-btn-disable-icon {
  background-position: 0px -442px;
  width: 28px;
  height: 28px;
}
body .sys-icons.minus-btn-icon {
  background-position: -38px -442px;
  width: 28px;
  height: 28px;
}
body .sys-icons.minus-btn-hover-icon {
  background-position: -76px -442px;
  width: 28px;
  height: 28px;
}
body .sys-icons.plus-btn-disable-icon {
  background-position: -114px -442px;
  width: 28px;
  height: 28px;
}
body .sys-icons.plus-btn-icon {
  background-position: -152px -442px;
  width: 28px;
  height: 28px;
}
body .sys-icons.plus-btn-hover-icon {
  background-position: -190px -442px;
  width: 28px;
  height: 28px;
}
body .sys-icons.file-icon {
  background-position: -73px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.video-file-icon {
  background-position: -94px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.video-btn-icon {
  background-position: -117px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.audio-btn-icon {
  background-position: -142px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.photo-btn-icon {
  background-position: -167px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.data-btn-icon {
  background-position: -192px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.video-btn-disabled-icon {
  background-position: -217px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.audio-btn-disabled-icon {
  background-position: -242px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.photo-btn-disabled-icon {
  background-position: -267px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.data-btn-disabled-icon {
  background-position: -292px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.rfid-btn-disabled-icon {
  background-position: -317px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.rfid-btn-icon {
  background-position: -342px -305px;
  width: 20px;
  height: 20px;
}
body .sys-icons.cannot-preview-icon {
  width: 50px;
  height: 44px;
  background-position: -230px -357px;
}
body .sys-icons.dependent-task-icon {
  background-position: -335px 0px;
  width: 22px;
  height: 22px;
}
body .sys-icons.has-extended-icon {
  background-position: -361px 0px;
  width: 25px;
  height: 25px;
}
body .sys-icons.not-beyond-icon {
  background-position: -392px 0px;
  width: 25px;
  height: 25px;
}
body .sys-icons.task-termination {
  background-position: -422px 0px;
  width: 25px;
  height: 25px;
}
body .sys-icons.check-process-records {
  background-position: -342px -26px;
}
body .sys-icons.save-version-icon {
  background-position: 0px -432px;
  width: 41px;
  height: 38px;
}
body .sys-icons.grab-icon {
  background-position: -48px -440px;
  width: 20px;
  height: 24px;
}
body .sys-icons.leave-factory-icon {
  background-position: -4px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.put-into-date-icon {
  background-position: -68px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.maintenance-date-icon {
  background-position: -131px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.service-date-icon {
  background-position: -195px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.hidden-trouble-icon {
  background-position: -259px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.breakdown-icon {
  background-position: -323px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.abandon-icon {
  background-position: -387px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.operation-date-icon {
  background-position: -451px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.commissioning-date-icon {
  background-position: -517px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.block-up-date-icon {
  background-position: -583px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.today-date-icon {
  background-position: -649px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.design-working-life-icon {
  background-position: -715px -902px;
  width: 53px;
  height: 53px;
}
body .sys-icons.carry-out-inspection {
  width: 75px;
  height: 75px;
  background-position: 8px -474px;
}
body .sys-icons.carry-out-inspection.checked-icons {
  background-position: 8px -553px;
}
body .sys-icons.materials-management {
  width: 75px;
  height: 75px;
  background-position: -64px -471px;
}
body .sys-icons.materials-management.checked-icons {
  background-position: -64px -550px;
}
body .sys-icons.normal-operation {
  width: 75px;
  height: 75px;
  background-position: -137px -475px;
}
body .sys-icons.normal-operation.checked-icons {
  background-position: -137px -554px;
}
body .sys-icons.maintenance {
  width: 75px;
  height: 75px;
  background-position: -207px -475px;
}
body .sys-icons.maintenance.checked-icons {
  background-position: -207px -554px;
}
body .sys-icons.check-the-maintenance {
  width: 75px;
  height: 75px;
  background-position: -278px -475px;
}
body .sys-icons.check-the-maintenance.checked-icons {
  background-position: -278px -554px;
}
body .sys-icons.analysis-and-processing {
  width: 75px;
  height: 75px;
  background-position: -346px -477px;
}
body .sys-icons.analysis-and-processing.checked-icons {
  background-position: -346px -556px;
}
body .sys-icons.change-management {
  width: 75px;
  height: 75px;
  background-position: -413px -478px;
  width: 70px !important;
}
body .sys-icons.change-management.checked-icons {
  background-position: -413px -557px;
}
body .sys-icons.territorial-supervision {
  width: 75px;
  height: 75px;
  background-position: -482px -480px;
}
body .sys-icons.territorial-supervision.checked-icons {
  background-position: -482px -559px;
}
body .sys-icons.operation-license-management {
  height: 75px;
  background-position: -555px -480px;
  width: 70px !important;
}
body .sys-icons.operation-license-management.checked-icons {
  background-position: -555px -559px;
}
body .sys-icons.hazard-identification {
  width: 75px;
  height: 75px;
  background-position: -621px -477px;
}
body .sys-icons.hazard-identification.checked-icons {
  background-position: -621px -556px;
}
body .sys-icons.notification-message {
  width: 75px;
  height: 75px;
  background-position: -694px -556px;
}
body .sys-icons.notification-message.checked-icons {
  background-position: -694px -555px;
}
body .sys-icons.daily-affairs {
  width: 75px;
  height: 75px;
  background-position: -695px -477px;
}
body .sys-icons.daily-affairs.checked-icons {
  background-position: -770px -555px;
}
body .sys-icons.carry-out-inspection-small {
  width: 50px;
  height: 50px;
  background-position: 6px -794px;
}
body .sys-icons.materials-management-small {
  width: 50px;
  height: 50px;
  background-position: -47px -792px;
}
body .sys-icons.normal-operation-small {
  width: 50px;
  height: 50px;
  background-position: -98px -794px;
}
body .sys-icons.maintenance-small {
  width: 50px;
  height: 50px;
  background-position: -150px -794px;
}
body .sys-icons.check-the-maintenance-small {
  width: 50px;
  height: 50px;
  background-position: -199px -793px;
}
body .sys-icons.analysis-and-processing-small {
  width: 50px;
  height: 50px;
  background-position: -249px -796px;
}
body .sys-icons.change-management-small {
  width: 50px;
  height: 50px;
  background-position: -296px -797px;
}
body .sys-icons.territorial-supervision-small {
  width: 50px;
  height: 50px;
  background-position: -348px -798px;
}
body .sys-icons.operation-license-management-small {
  width: 50px;
  height: 50px;
  background-position: -398px -799px;
}
body .sys-icons.hazard-identification-small {
  width: 50px;
  height: 50px;
  background-position: -448px -796px;
}
body .sys-icons.notification-message-small {
  width: 50px;
  height: 50px;
  background-position: -504px -798px;
}
body .sys-icons.daily-affairs-small {
  width: 50px;
  height: 50px;
  background-position: -559px -798px;
}
body .sys-icons.hook {
  background-position: -1px -634px;
}
body .sys-icons.yesterday-gas-total-pd {
  background-position: 0px -655px;
  width: 45px;
  height: 45px;
}
body .sys-icons.month-gas-total-pd {
  background-position: -48px -657px;
  width: 45px;
  height: 45px;
}
body .sys-icons.online-user-count {
  background-position: -97px -658px;
  width: 45px;
  height: 45px;
}
body .sys-icons.task-job-count {
  background-position: -147px -658px;
  width: 45px;
  height: 45px;
}
body .sys-icons.soon-overdue-job {
  background-position: -195px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.problem-count {
  background-position: -243px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.a2-sys {
  background-position: -291px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.step-node {
  background-position: -432px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.data-form {
  background-position: -480px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.intelligent-identification {
  background-position: -528px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.speech-recognition {
  width: 39px !important;
  height: 45px;
  background-position: -572px -654px;
}
body .sys-icons.image-data {
  background-position: -608px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.terminal-configuration {
  background-position: -655px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.terminal-video-monitoring {
  background-position: -699px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.gas-pressure {
  background-position: -798px -656px;
  width: 45px;
  height: 43px;
}
body .sys-icons.use-time-icons {
  background-position: -392px -662px;
  width: 35px;
  height: 35px;
}
body .sys-icons.manual-entry-sys {
  background-position: -340px -654px;
  width: 45px;
  height: 45px;
}
body .sys-icons.save-config {
  background-position: -125px -45px;
  width: 22px;
  height: 22px;
}
body .sys-icons.cancel-config {
  background-position: -150px -45px;
  width: 22px;
  height: 22px;
}
body .sys-icons.add-module {
  background-position: -176px -45px;
  width: 22px;
  height: 22px;
}
body .sys-icons.restore-default {
  background-position: -199px -45px;
  width: 22px;
  height: 22px;
}
body .sys-icons.version-contrast-icon {
  width: 16px;
  height: 16px;
  background-position: -362px -28px;
}
body .sys-icons.remind-time-icon {
  width: 18px;
  height: 18px;
  background-position: -227px -48px;
}
body .sys-icons.data-graph-icon {
  width: 16px;
  height: 17px;
  background-position: -383px -26px;
}
body .sys-icons.illustrate-icon {
  background-position: -429px -26px;
  width: 18px;
  height: 18px;
}
body .sys-icons.intelligent-identification-sm {
  background-position: -406px -26px;
}
body .sys-icons.download-app {
  background-position: -191px -735px;
  width: 40px;
  height: 50px;
}
body .sys-icons.current-process-icon {
  background-position: -513px -2px;
  width: 23px;
  height: 23px;
}
body .sys-icons.stay-deal-with-process-icon {
  background-position: -486px -2px;
  width: 23px;
  height: 23px;
}
body .sys-icons.stay-deal-with-down-icon {
  background-position: -458px -2px;
  width: 23px;
  height: 23px;
}
body .sys-icons.has-complete-process-icon {
  background-position: -541px -2px;
  width: 23px;
  height: 23px;
}
body .sys-icons.hasPic-icon {
  background-position: 1px -969px;
  width: 36px;
  height: 36px;
}
body .sys-icons.isRfid-icon {
  background-position: -35px -969px;
  width: 36px;
  height: 36px;
}
body .sys-icons.dataItem-icon {
  background-position: -71px -969px;
  width: 36px;
  height: 36px;
}
body .sys-icons.stepRemark-icon {
  background-position: -107px -969px;
  width: 36px;
  height: 36px;
}
body .sys-icons.img-icon {
  background-position: -296px -966px;
  width: 36px;
  height: 36px;
}
body .sys-icons.notice-announcement-unread {
  background-position: 0px -1015px;
  width: 16px;
  height: 12px;
}
body .sys-icons.notice-announcement-read {
  background-position: -24px -1012px;
  width: 16px;
  height: 15px;
}
body .sys-icons.notice-announcement-double-arrow-r {
  background-position: -60px -1014px;
  width: 15px;
  height: 13px;
}
body .sys-icons.notice-announcement-prev-arrow {
  background-position: -78px -1014px;
  width: 8px;
  height: 13px;
}
body .sys-icons.notice-announcement-next-arrow {
  background-position: -91px -1014px;
  width: 8px;
  height: 13px;
}
body .sys-icons.notice-announcement-double-arrow-b {
  background-position: -103px -1011px;
  width: 18px;
  height: 17px;
}
body .sys-icons.notice-announcement-arrow-r {
  background-position: -128px -1010px;
  width: 12px;
  height: 19px;
}
body .sys-icons.notice-announcement-prompt {
  background-position: -347px -347px;
  width: 52px;
  height: 52px;
}
body .sys-icons.notice-announcement-prompt:hover {
  background-position: -406px -347px;
}
body .sys-icons.notice-announcement-prompt-num {
  background-position: -463px -363px;
  width: 21px;
  height: 21px;
}
body .sys-icons.n-a-manage-double-arrow-b {
  background-position: -147px -1014px;
  width: 13px;
  height: 12px;
}
body .sys-icons.n-a-manage-double-arrow-t {
  background-position: -168px -1014px;
  width: 13px;
  height: 12px;
}
body .sys-icons.one-multiplied-one-icon {
  background-position: 1px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.two-multiplied-three-icon {
  background-position: -23px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.three-multiplied-four-icon {
  background-position: -47px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.three-multiplied-five-icon {
  background-position: -71px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.four-multiplied-six-icon {
  background-position: -96px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.one-add-two-icon {
  background-position: -121px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.one-add-three-icon {
  background-position: -145px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.two-add-four-icon {
  background-position: -169px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.one-add-six-icon {
  background-position: -193px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.one-add-eight-icon {
  background-position: -217px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.four-add-eight-icon {
  background-position: -242px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.three-add-twelve-icon {
  background-position: -268px -1035px;
  width: 21px;
  height: 15px;
}
body .sys-icons.AR-icon {
  background-position: -405px -969px;
  width: 33px;
  height: 33px;
}
body .sys-icons.QR-code-icon {
  background-position: -479px -969px;
  width: 33px;
  height: 33px;
}
body .sys-icons.execute-time-icon {
  background-position: -552px -969px;
  width: 33px;
  height: 33px;
}
body .sys-icons.equal-to {
  background-position: -193px -1013px;
  width: 24px;
  height: 13px;
}
body .sys-icons.multiplication {
  background-position: -225px -1010px;
  width: 18px;
  height: 18px;
}
body .sys-icons.division {
  background-position: -251px -1011px;
  width: 24px;
  height: 17px;
}
body .sys-icons.sexangle-1 {
  background-position: -2px -1094px;
  width: 76px;
  height: 88px;
}
body .sys-icons.sexangle-2 {
  background-position: -83px -1094px;
  width: 76px;
  height: 88px;
}
body .sys-icons.person-average-score {
  width: 29px;
  height: 29px;
  background-position: -30px -1056px;
}
body .sys-icons.operating-total-score {
  width: 29px;
  height: 29px;
  background-position: 3px -1057px;
}
body .sys-icons.month-score {
  width: 31px;
  height: 29px;
  background-position: -64px -1057px;
}
body .sys-icons.month-ranking {
  width: 30px;
  height: 29px;
  background-position: -100px -1057px;
}
body .sys-icons.weeks-score {
  width: 29px;
  height: 29px;
  background-position: -135px -1057px;
}
body .sys-icons.weeks-ranking {
  width: 31px;
  height: 29px;
  background-position: -168px -1057px;
}
body .sys-icons.well-station-average-score {
  width: 31px;
  height: 29px;
  background-position: -205px -1057px;
}
body .sys-icons.annual-total {
  width: 29px;
  height: 29px;
  background-position: -240px -1057px;
}
body .sys-icons.central-stations-number {
  width: 30px;
  height: 29px;
  background-position: -273px -1057px;
}
body .sys-icons.person-number {
  width: 31px;
  height: 29px;
  background-position: -308px -1058px;
}
body .sys-icons.GZList-expression-icon {
  width: 22px;
  height: 22px;
  background-position: 0 -1188px;
}
body .sys-icons.GZList-picture-icon {
  width: 24px;
  height: 22px;
  background-position: -24px -1188px;
}
body .sys-icons.GZList-search-icon {
  width: 22px;
  height: 22px;
  background-position: -53px -1188px;
}
body .sys-icons.GZList-question-icon {
  width: 23px;
  height: 23px;
  background-position: -107px -1186px;
}
body .sys-icons.GZList-answer-icon {
  width: 22px;
  height: 22px;
  background-position: -134px -1186px;
}
body .sys-icons.GZList-icon {
  width: 18px;
  height: 18px;
  background-position: -161px -1190px;
}
body .sys-icons.GZList-attachment-icon {
  width: 24px;
  height: 22px;
  background-position: -53px -1188px;
}
body .sys-icons.GZList-doc-icon {
  width: 16px;
  height: 20px;
  background-position: -3px -1216px;
}
body .sys-icons.GZList-ppt-icon {
  width: 16px;
  height: 20px;
  background-position: -22px -1216px;
}
body .sys-icons.GZList-pdf-icon {
  width: 16px;
  height: 20px;
  background-position: -41px -1216px;
}
body .sys-icons.GZList-xls-icon {
  width: 16px;
  height: 20px;
  background-position: -60px -1216px;
}
body .sys-icons.GZList-FJ-picture-icon {
  width: 20px;
  height: 19px;
  background-position: -78px -1217px;
}
body .sys-icons.GZList-zip-icon {
  width: 20px;
  height: 20px;
  background-position: -103px -1216px;
}
body .sys-icons.GZList-media-icon {
  width: 20px;
  height: 21px;
  background-position: -126px -1215px;
}
body .sys-icons.GZList-download-icon {
  width: 17px;
  height: 16px;
  background-position: -150px -1219px;
}
body .sys-icons.GZList-down-triangle-icon {
  width: 12px;
  height: 8px;
  background-position: -171px -1226px;
}
body .sys-icons.GZList-favorite-icon {
  width: 24px;
  height: 22px;
  background-position: 0px -1245px;
}
body .sys-icons.GZList-comment-icon {
  width: 22px;
  height: 18px;
  background-position: -54px -1249px;
}
body .sys-icons.GZList-praise-icon {
  width: 23px;
  height: 22px;
  background-position: -108px -1245px;
}
body .sys-icons.GZList-delete-icon {
  width: 21px;
  height: 21px;
  background-position: -159px -1246px;
}
body .sys-icons.GZList-praise-small-icon {
  width: 15px;
  height: 14px;
  background-position: -209px -1253px;
}
body .sys-icons.GZList-first-icon {
  width: 21px;
  height: 28px;
  background-position: -1px -1274px;
}
body .sys-icons.GZList-second-icon {
  width: 21px;
  height: 28px;
  background-position: -24px -1274px;
}
body .sys-icons.GZList-third-icon {
  width: 21px;
  height: 28px;
  background-position: -47px -1274px;
}
body .sys-icons.GZList-title {
  width: 288px;
  height: 22px;
  background-position: 0 -1306px;
}
body .sys-icons.delete-data-items-icon {
  width: 23px;
  height: 24px;
  background-position: -1px -1333px;
}
body .sys-icons.delete-data-items-hover-icon {
  width: 23px;
  height: 24px;
  background-position: -27px -1333px;
}
body .sys-icons.delete-data-item-icon {
  width: 17px;
  height: 17px;
  background-position: -55px -1337px;
}
body .sys-menu-icons {
  line-height: 0;
  margin: 0;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("../../../img/sys-menu-icons.png");
  *background-image: url("../../../img/sys-menu-icons.png");
}
body .sys-menu-icons.sys-jsm {
  background-position: -1px -190px;
}
body .sys-menu-icons.sys-tdm {
  background-position: -24px -190px;
}
body .sys-menu-icons.sys-som {
  background-position: -47px -190px;
}
body .sys-menu-icons.sys-am {
  background-position: -70px -190px;
}
body .sys-menu-icons.sys-iam {
  background-position: -93px -190px;
}
body .sys-menu-icons.sys-qhse {
  background-position: -118px -190px;
}
body .sys-menu-icons.sys-jsm-home {
  background-position: 0px -217px;
}
body .sys-menu-icons.sys-tdm-home {
  background-position: -41px -217px;
}
body .sys-menu-icons.sys-som-home {
  background-position: -82px -217px;
}
body .sys-menu-icons.sys-am-home {
  background-position: -123px -217px;
}
body .sys-menu-icons.sys-iam-home {
  background-position: -163px -219px;
}
body .sys-menu-icons.auth-manage {
  background-position: 0px -46px;
}
body .sys-menu-icons.auth-manage.min-icon {
  background-position: -2px -129px;
}
body .sys-menu-icons.bs-sys-maintain {
  background-position: -43px -45px;
}
body .sys-menu-icons.bs-sys-maintain.min-icon {
  width: 34px !important;
  background-position: -43px -129px;
}
body .sys-menu-icons.pd-sys-maintain {
  background-position: -89px -45px;
}
body .sys-menu-icons.pd-sys-maintain.min-icon {
  background-position: -89px -129px;
}
body .sys-menu-icons.task-source-manage {
  background-position: -132px -45px;
}
body .sys-menu-icons.task-source-manage.min-icon {
  background-position: -132px -129px;
}
body .sys-menu-icons.task-control-manage {
  background-position: -172px -46px;
}
body .sys-menu-icons.task-control-manage.min-icon {
  background-position: -172px -129px;
}
body .sys-menu-icons.task-org-manage {
  background-position: -212px -46px;
}
body .sys-menu-icons.task-org-manage.min-icon {
  background-position: -214px -129px;
}
body .sys-menu-icons.task-jobs-manage {
  background-position: -256px -46px;
}
body .sys-menu-icons.task-jobs-manage.min-icon {
  background-position: -257px -129px;
}
body .sys-menu-icons.preparation-manage {
  background-position: -296px -46px;
}
body .sys-menu-icons.preparation-manage.min-icon {
  background-position: -296px -129px;
}
body .sys-menu-icons.site-mobile-support {
  background-position: -339px -47px;
}
body .sys-menu-icons.site-mobile-support.min-icon {
  background-position: -341px -129px;
}
body .sys-menu-icons.data-chart-display {
  background-position: -383px -46px;
}
body .sys-menu-icons.data-chart-display.min-icon {
  background-position: -381px -129px;
}
body .sys-menu-icons.access-management {
  background-position: -887px -46px;
}
body .sys-menu-icons.access-management.min-icon {
  background-position: -887px -129px;
}
body .sys-menu-icons.task-supervise-manage {
  background-position: -426px -46px;
}
body .sys-menu-icons.task-supervise-manage.min-icon {
  background-position: -427px -129px;
}
body .sys-menu-icons.work-quantify-check {
  background-position: -463px -46px;
}
body .sys-menu-icons.work-quantify-check.min-icon {
  background-position: -465px -129px;
}
body .sys-menu-icons.pd-manage-app {
  background-position: -506px -46px;
}
body .sys-menu-icons.pd-manage-app.min-icon {
  background-position: -508px -89px;
}
body .sys-menu-icons.qhse-manage-app {
  background-position: -551px -46px;
}
body .sys-menu-icons.qhse-manage-app.min-icon {
  background-position: -554px -129px;
}
body .sys-menu-icons.operate-manage-app {
  background-position: -597px -46px;
}
body .sys-menu-icons.operate-manage-app.min-icon {
  background-position: -599px -129px;
}
body .sys-menu-icons.admin-manage-app {
  background-position: -641px -46px;
}
body .sys-menu-icons.admin-manage-app.min-icon {
  background-position: -643px -129px;
}
body .sys-menu-icons.notice-announcements-management {
  background-position: -1381px -164px;
}
body .sys-menu-icons.bs-sys-modular-manage {
  background-position: -1px -164px;
}
body .sys-menu-icons.entity-type-attr-manage {
  background-position: -24px -165px;
}
body .sys-menu-icons.op-unit-config-manage {
  width: 21px !important;
  background-position: -46px -165px;
}
body .sys-menu-icons.post-personnel-manage {
  background-position: -67px -164px;
}
body .sys-menu-icons.data-report-forms-management {
  background-position: -1403px -164px;
}
body .sys-menu-icons.pd-entity-manage {
  width: 21px !important;
  background-position: -89px -164px;
}
body .sys-menu-icons.init-config-manage {
  background-position: -110px -164px;
}
body .sys-menu-icons.master-data-relevance {
  width: 24px !important;
  height: 24px !important;
  background-position: -2111px -161px;
}
body .sys-menu-icons.role-auth-management {
  background-position: -1287px -164px;
}
body .sys-menu-icons.role-management {
  background-position: -1311px -163px;
}
body .sys-menu-icons.menu-management {
  background-position: -1334px -164px;
}
body .sys-menu-icons.plan-order-insert-manage {
  background-position: -133px -164px;
}
body .sys-menu-icons.report-handle-manage {
  top: -11px !important;
  background-position: -155px -164px;
}
body .sys-menu-icons.task-job-manage {
  width: 19px !important;
  background-position: -176px -164px;
}
body .sys-menu-icons.task-review-manage {
  width: 23px!important;
  background-position: -195px -164px;
}
body .sys-menu-icons.work-allow-manage {
  width: 23px!important;
  background-position: -219px -164px;
}
body .sys-menu-icons.pd-controlled-manage {
  background-position: -243px -164px;
}
body .sys-menu-icons.relate-job-manage {
  width: 23px!important;
  background-position: -266px -164px;
}
body .sys-menu-icons.jobs-view {
  width: 25px!important;
  height: 23px!important;
  background-position: -289px -163px;
}
body .sys-menu-icons.jobs-offline-manage {
  width: 23px!important;
  background-position: -315px -164px;
}
body .sys-menu-icons.job-account-sum {
  width: 24px!important;
  background-position: -338px -164px;
}
body .sys-menu-icons.work-preparation {
  top: -11px !important;
  width: 24px!important;
  background-position: -362px -164px;
}
body .sys-menu-icons.work-pre-check {
  width: 18px !important;
  background-position: -387px -164px;
}
body .sys-menu-icons.pd-operation-curve {
  width: 20px !important;
  background-position: -492px -164px;
}
body .sys-menu-icons.process-device-diagram {
  background-position: -512px -164px;
}
body .sys-menu-icons.data-quota-chart {
  width: 24px !important;
  background-position: -534px -164px;
}
body .sys-menu-icons.repair-order-statistics {
  background-position: -1452px -164px;
}
body .sys-menu-icons.data-item-chart {
  width: 24px!important;
  height: 24px!important;
  background-position: -2085px -161px;
}
body .sys-menu-icons.in-out-management {
  background-position: -1216px -164px;
}
body .sys-menu-icons.access-application-management {
  top: -11px !important;
  background-position: -1239px -164px;
}
body .sys-menu-icons.electronic-inspection {
  background-position: -1425px -164px;
}
body .sys-menu-icons.task-sum-am {
  width: 23px!important;
  background-position: -558px -164px;
}
body .sys-menu-icons.single-task-am {
  width: 23px!important;
  background-position: -582px -164px;
}
body .sys-menu-icons.weight-sys-config-manage {
  background-position: -606px -164px;
}
body .sys-menu-icons.assess-data-handle-count {
  background-position: -629px -164px;
}
body .sys-menu-icons.assess-result-display {
  background-position: -651px -163px;
}
body .sys-menu-icons.plan-manage {
  width: 23px!important;
  background-position: -675px -164px;
}
body .sys-menu-icons.pd-operation-manage {
  background-position: -699px -164px;
}
body .sys-menu-icons.device-manage {
  width: 23px!important;
  background-position: -722px -164px;
}
body .sys-menu-icons.study-protocol-manage {
  background-position: -745px -164px;
}
body .sys-menu-icons.overhaul-manage {
  background-position: -768px -164px;
}
body .sys-menu-icons.safety-manage {
  background-position: -790px -164px;
}
body .sys-menu-icons.emergency-manage {
  background-position: -812px -164px;
}
body .sys-menu-icons.material-manage {
  width: 24px!important;
  background-position: -1357px -164px;
}
body .sys-menu-icons.train-certificate-manage {
  background-position: -835px -164px;
}
body .sys-menu-icons.vehicle-manage {
  width: 23px !important;
  background-position: -858px -164px;
}
body .sys-menu-icons.furlough-manage {
  background-position: -882px -164px;
}
body .sys-menu-icons.business-trip-manage {
  width: 23px!important;
  background-position: -905px -164px;
}
body .sys-menu-icons.hazard-management {
  background-position: -930px -166px;
}
body .sys-menu-icons.work-quality-standards {
  background-position: -952px -164px;
}
body .sys-menu-icons.repair-check {
  background-position: -973px -164px;
}
body .sys-menu-icons.task-view {
  background-position: -994px -163px;
  top: -13px !important;
}
body .sys-menu-icons.order-processing-me {
  background-position: -1017px -164px;
}
body .sys-menu-icons.related-to-my-task {
  background-position: -1039px -164px;
}
body .sys-menu-icons.task-processing-me {
  background-position: -1061px -164px;
}
body .sys-menu-icons.material-management {
  background-position: -1083px -164px;
}
body .sys-menu-icons.material-outbound-query {
  background-position: -1105px -164px;
  top: -14px !important;
}
body .sys-menu-icons.material-warehouse-query {
  background-position: -1128px -164px;
  top: -14px !important;
}
body .sys-menu-icons.material-inventory-query {
  background-position: -1151px -164px;
  top: -14px !important;
}
body .sys-menu-icons.knowledge-base-management {
  width: 19px!important;
  background-position: -1174px -164px;
}
body .sys-menu-icons.equipment-management {
  background-position: -1193px -164px;
}
body .sys-menu-icons.task-of-statistical {
  background-position: -1474px -164px;
}
body .sys-menu-icons.secondary-configuration-management {
  background-position: -1498px -164px;
}
body .sys-menu-icons.electronic-inspection-management {
  background-position: -1523px -164px;
}
body .sys-menu-icons.business-data-demonstrate {
  background-position: -1551px -164px;
}
body .sys-menu-icons.bpm-process-configuration {
  background-position: -1573px -164px;
}
body .sys-menu-icons.in-out-station-report-management {
  background-position: -1595px -164px;
}
body .sys-menu-icons.release-a-task {
  background-position: -1622px -164px;
  width: 25px!important;
}
body .sys-menu-icons.bpm-flow-layout {
  background-position: -1650px -166px;
  width: 24px!important;
}
body .sys-menu-icons.real-time-monitoring {
  background-position: -1679px -166px;
  width: 24px!important;
}
body .sys-menu-icons.exit-report {
  background-position: -1706px -166px;
}
body .sys-menu-icons.material-type-management {
  background-position: -1732px -164px;
}
body .sys-menu-icons.message-center {
  background-position: -1756px -163px;
  width: 24px!important;
}
body .sys-menu-icons.business-data-presentation {
  background-position: -1784px -164px;
}
body .sys-menu-icons.workmanship-standard {
  background-position: -1807px -164px;
}
body .sys-menu-icons.performance-report {
  background-position: -1832px -164px;
}
body .sys-menu-icons.station-correlation {
  background-position: -1858px -164px;
  width: 26px!important;
}
body .sys-menu-icons.staff-profile {
  background-position: -1888px -164px;
  width: 28px!important;
}
body .sys-menu-icons.production-report-statistics {
  background-position: -1921px -164px;
  width: 24px!important;
}
body .sys-menu-icons.problem-and-disposal-statistics {
  background-position: -1950px -163px;
  width: 24px!important;
  height: 24px!important;
}
body .sys-menu-icons.p-n-op-sys {
  background-position: -2056px -159px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.rule-config {
  background-position: -1976px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.results-query {
  background-position: -2003px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.rule-query {
  background-position: -2029px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.statistic-analysis {
  background-position: -2112px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.problem-feedback {
  background-position: -2139px -161px;
  width: 26px!important;
  height: 25px!important;
}
body .sys-menu-icons.system-maintenance {
  background-position: -2166px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.handheld-terminal-menu {
  background-position: -2192px -161px;
  width: 20px!important;
  height: 25px!important;
}
body .sys-menu-icons.apk-management {
  background-position: -2215px -160px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.a4-map-icon {
  background-position: -2241px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .sys-menu-icons.well-head-device-report {
  background-position: -2268px -161px;
  width: 25px!important;
  height: 25px!important;
}
body .navigation a.btn.active .sys-jsm-home,
body .navigation a.btn:active .sys-jsm-home {
  background-position: 0px -256px;
}
body .navigation a.btn.active .sys-tdm-home,
body .navigation a.btn:active .sys-tdm-home {
  background-position: -41px -256px;
}
body .navigation a.btn.active .sys-som-home,
body .navigation a.btn:active .sys-som-home {
  background-position: -82px -256px;
}
body .navigation a.btn.active .sys-am-home,
body .navigation a.btn:active .sys-am-home {
  background-position: -123px -256px;
}
body .navigation a.btn.active .sys-iam-home,
body .navigation a.btn:active .sys-iam-home {
  background-position: -163px -258px;
}
body .navigation a.btn.active .home,
body .navigation a.btn:active .home {
  background-position: -682px 0px;
}
body .navigation a.btn.active .home.min-icon,
body .navigation a.btn:active .home.min-icon {
  background-position: -682px -89px;
}
body .navigation a.btn.active .auth-manage,
body .navigation a.btn:active .auth-manage {
  background-position: 0px -4px;
}
body .navigation a.btn.active .auth-manage.min-icon,
body .navigation a.btn:active .auth-manage.min-icon {
  background-position: -2px -89px;
}
body .navigation a.btn.active .bs-sys-maintain,
body .navigation a.btn:active .bs-sys-maintain {
  background-position: -43px -4px;
}
body .navigation a.btn.active .bs-sys-maintain.min-icon,
body .navigation a.btn:active .bs-sys-maintain.min-icon {
  background-position: -43px -89px;
}
body .navigation a.btn.active .pd-sys-maintain,
body .navigation a.btn:active .pd-sys-maintain {
  background-position: -89px -4px;
}
body .navigation a.btn.active .pd-sys-maintain.min-icon,
body .navigation a.btn:active .pd-sys-maintain.min-icon {
  background-position: -89px -89px;
}
body .navigation a.btn.active .task-source-manage,
body .navigation a.btn:active .task-source-manage {
  background-position: -132px -4px;
}
body .navigation a.btn.active .task-source-manage.min-icon,
body .navigation a.btn:active .task-source-manage.min-icon {
  background-position: -132px -89px;
}
body .navigation a.btn.active .task-control-manage,
body .navigation a.btn:active .task-control-manage {
  background-position: -172px -3px;
}
body .navigation a.btn.active .task-control-manage.min-icon,
body .navigation a.btn:active .task-control-manage.min-icon {
  background-position: -172px -89px;
}
body .navigation a.btn.active .task-org-manage,
body .navigation a.btn:active .task-org-manage {
  background-position: -212px -4px;
}
body .navigation a.btn.active .task-org-manage.min-icon,
body .navigation a.btn:active .task-org-manage.min-icon {
  background-position: -212px -89px;
}
body .navigation a.btn.active .task-jobs-manage,
body .navigation a.btn:active .task-jobs-manage {
  background-position: -256px -3px;
}
body .navigation a.btn.active .task-jobs-manage.min-icon,
body .navigation a.btn:active .task-jobs-manage.min-icon {
  background-position: -257px -89px;
}
body .navigation a.btn.active .preparation-manage,
body .navigation a.btn:active .preparation-manage {
  background-position: -296px -3px;
}
body .navigation a.btn.active .preparation-manage.min-icon,
body .navigation a.btn:active .preparation-manage.min-icon {
  background-position: -296px -89px;
}
body .navigation a.btn.active .site-mobile-support,
body .navigation a.btn:active .site-mobile-support {
  background-position: -339px -4px;
}
body .navigation a.btn.active .site-mobile-support.min-icon,
body .navigation a.btn:active .site-mobile-support.min-icon {
  background-position: -341px -89px;
}
body .navigation a.btn.active .data-chart-display,
body .navigation a.btn:active .data-chart-display {
  background-position: -383px -3px;
}
body .navigation a.btn.active .data-chart-display.min-icon,
body .navigation a.btn:active .data-chart-display.min-icon {
  background-position: -383px -89px;
}
body .navigation a.btn.active .access-management,
body .navigation a.btn:active .access-management {
  background-position: -887px -3px;
}
body .navigation a.btn.active .access-management.min-icon,
body .navigation a.btn:active .access-management.min-icon {
  background-position: -887px -89px;
}
body .navigation a.btn.active .task-supervise-manage,
body .navigation a.btn:active .task-supervise-manage {
  background-position: -426px -3px;
}
body .navigation a.btn.active .task-supervise-manage.min-icon,
body .navigation a.btn:active .task-supervise-manage.min-icon {
  background-position: -426px -89px;
}
body .navigation a.btn.active .work-quantify-check,
body .navigation a.btn:active .work-quantify-check {
  background-position: -463px -4px;
}
body .navigation a.btn.active .work-quantify-check.min-icon,
body .navigation a.btn:active .work-quantify-check.min-icon {
  background-position: -466px -89px;
}
body .navigation a.btn.active .pd-manage-app,
body .navigation a.btn:active .pd-manage-app {
  background-position: -506px -3px;
}
body .navigation a.btn.active .pd-manage-app.min-icon,
body .navigation a.btn:active .pd-manage-app.min-icon {
  background-position: -508px -89px;
}
body .navigation a.btn.active .qhse-manage-app,
body .navigation a.btn:active .qhse-manage-app {
  background-position: -552px -3px;
}
body .navigation a.btn.active .qhse-manage-app.min-icon,
body .navigation a.btn:active .qhse-manage-app.min-icon {
  background-position: -554px -89px;
}
body .navigation a.btn.active .operate-manage-app,
body .navigation a.btn:active .operate-manage-app {
  background-position: -597px -3px;
}
body .navigation a.btn.active .operate-manage-app.min-icon,
body .navigation a.btn:active .operate-manage-app.min-icon {
  background-position: -599px -89px;
}
body .navigation a.btn.active .admin-manage-app,
body .navigation a.btn:active .admin-manage-app {
  background-position: -641px -3px;
}
body .navigation a.btn.active .admin-manage-app.min-icon,
body .navigation a.btn:active .admin-manage-app.min-icon {
  background-position: -643px -89px;
}
body.jsm-theme .sys-icons.chevron-up {
  background-position: -158px -167px;
}
body.jsm-theme .sys-icons.chevron-right {
  background-position: -175px -167px;
}
body.jsm-theme .sys-menu-icons.home {
  background-position: -682px -42px;
}
body.jsm-theme .sys-menu-icons.home.min-icon {
  background-position: -682px -129px;
}
body.tdm-theme .sys-icons.chevron-up {
  background-position: -88px -167px;
}
body.tdm-theme .sys-icons.chevron-right {
  background-position: -105px -167px;
}
body.tdm-theme .sys-menu-icons.home {
  background-position: -722px -42px;
}
body.tdm-theme .sys-menu-icons.home.min-icon {
  background-position: -725px -129px;
}
body.som-theme .sys-icons.chevron-up {
  background-position: -124px -167px;
}
body.som-theme .sys-icons.chevron-right {
  background-position: -140px -167px;
}
body.som-theme .sys-menu-icons.home {
  background-position: -762px -42px;
}
body.som-theme .sys-menu-icons.home.min-icon {
  background-position: -764px -129px;
}
body.am-theme .sys-icons.chevron-up {
  background-position: -53px -167px;
}
body.am-theme .sys-icons.chevron-right {
  background-position: -69px -167px;
}
body.am-theme .sys-menu-icons.home {
  background-position: -802px -42px;
}
body.am-theme .sys-menu-icons.home.min-icon {
  background-position: -804px -129px;
}
body.iam-theme .sys-icons.chevron-up {
  background-position: -34px -167px;
}
body.iam-theme .sys-icons.chevron-right {
  background-position: -16px -167px;
}
body.iam-theme .sys-menu-icons.home {
  background-position: -842px -42px;
}
body.iam-theme .sys-menu-icons.home.min-icon {
  background-position: -844px -129px;
}
body.blue-theme .sys-icons.chevron-up {
  background-position: -88px -167px;
}
body.blue-theme .sys-icons.chevron-right {
  background-position: -105px -167px;
}
body.blue-theme .sys-menu-icons.home {
  background-position: -722px -42px;
}
body.blue-theme .sys-menu-icons.home.min-icon {
  background-position: -725px -129px;
}
body .ztree li span.button {
  background-image: url("../../../img/sys-icons.png");
}
body .ztree li span.button.switch {
  width: 27px !important;
  height: 27px !important;
}
body .ztree li span.button.switch.root_open {
  background-position: -126px -208px;
}
body .ztree li span.button.switch.root_close {
  background-position: -94px -208px;
}
body .ztree li span.button.switch.roots_open {
  background-position: -62px -208px;
}
body .ztree li span.button.switch.roots_close {
  background-position: -30px -208px;
}
body .ztree li span.button.switch.center_open {
  background-position: -62px -240px;
}
body .ztree li span.button.switch.center_close {
  background-position: -30px -240px;
}
body .ztree li span.button.switch.bottom_open {
  background-position: -62px -266px;
}
body .ztree li span.button.switch.bottom_close {
  background-position: -30px -266px;
}
body .ztree li span.button.switch.noline_open {
  background-position: -121px -240px;
}
body .ztree li span.button.switch.noline_close {
  background-position: -89px -240px;
}
body .ztree li span.button.switch.root_docu {
  background: none;
}
body .ztree li span.button.switch.roots_docu {
  background-position: 2px -208px;
}
body .ztree li span.button.switch.center_docu {
  background-position: 2px -240px;
}
body .ztree li span.button.switch.bottom_docu {
  background-position: 2px -272px;
}
body .ztree li span.button.switch.noline_docu {
  background: none;
}
body .ztree li span.button.chk.checkbox_false_full {
  background-position: -176px -216px;
}
body .ztree li span.button.chk.checkbox_false_full_focus {
  background-position: -176px -216px;
}
body .ztree li span.button.chk.checkbox_false_part {
  background-position: -176px -216px;
}
body .ztree li span.button.chk.checkbox_false_part_focus {
  background-position: -176px -216px;
}
body .ztree li span.button.chk.checkbox_false_disable {
  background-position: -212px -216px;
}
body .ztree li span.button.chk.checkbox_true_full {
  background-position: -230px -216px;
}
body .ztree li span.button.chk.checkbox_true_full_focus {
  background-position: -230px -216px;
}
body .ztree li span.button.chk.checkbox_true_part {
  background-position: -230px -216px;
}
body .ztree li span.button.chk.checkbox_true_part_focus {
  background-position: -230px -216px;
}
body .ztree li span.button.chk.checkbox_true_disable {
  background-position: -194px -216px;
}
body .ztree li span.button.ico_open,
body .ztree li span.button.ico_close,
body .ztree li span.button.ico_docu {
  background-position: -48px -123px;
}
body .ztree li span.button.org_ico_open,
body .ztree li span.button.org_ico_close,
body .ztree li span.button.org_ico_docu {
  background-position: 0px -123px;
}
body .ztree li span.button.building_ico_open,
body .ztree li span.button.building_ico_close,
body .ztree li span.button.building_ico_docu {
  background-position: -118px -123px;
}
body .ztree li span.button.flag_ico_open,
body .ztree li span.button.flag_ico_close,
body .ztree li span.button.flag_ico_docu {
  background-position: -138px -123px;
}
body .ztree li span.button.operating_area_ico_open,
body .ztree li span.button.operating_area_ico_close,
body .ztree li span.button.operating_area_ico_docu {
  background-position: -159px -123px;
}
body .ztree li span.button.station_ico_open,
body .ztree li span.button.station_ico_close,
body .ztree li span.button.station_ico_docu {
  background-position: -178px -123px;
}
body .ztree li span.button.device_ico_open,
body .ztree li span.button.device_ico_close,
body .ztree li span.button.device_ico_docu {
  background-position: -223px -123px;
}
body .ztree li span.button.device_characteristics_ico_open,
body .ztree li span.button.device_characteristics_ico_close,
body .ztree li span.button.device_characteristics_ico_docu {
  background-position: -245px -123px;
}
body .ztree li span.button.service_node_ico_open,
body .ztree li span.button.service_node_ico_close,
body .ztree li span.button.service_node_ico_docu {
  background-position: -267px -123px;
}
body .ztree li span.button.production_unit_ico_open,
body .ztree li span.button.production_unit_ico_close,
body .ztree li span.button.production_unit_ico_docu {
  background-position: -290px -123px;
}
body .ztree li span.button.entity_type_ico_open,
body .ztree li span.button.entity_type_ico_close,
body .ztree li span.button.entity_type_ico_docu {
  background-position: -314px -123px;
}
body .ztree li span.button.entity_characteristics_ico_open,
body .ztree li span.button.entity_characteristics_ico_close,
body .ztree li span.button.entity_characteristics_ico_docu {
  background-position: -338px -123px;
}
body .ztree li span.button.production_entity_ico_open,
body .ztree li span.button.production_entity_ico_close,
body .ztree li span.button.production_entity_ico_docu {
  background-position: -362px -123px;
}
body .ztree li span.button.platform_ico_open,
body .ztree li span.button.platform_ico_close,
body .ztree li span.button.platform_ico_docu {
  background-position: -384px -123px;
}
body .ztree li span.button.subsystem_ico_open,
body .ztree li span.button.subsystem_ico_close,
body .ztree li span.button.subsystem_ico_docu {
  background-position: -407px -123px;
}
body .ztree li span.button.menu_ico_open,
body .ztree li span.button.menu_ico_close,
body .ztree li span.button.menu_ico_docu {
  background-position: -432px -123px;
}
body .ztree li span.button.roles_ico_open,
body .ztree li span.button.roles_ico_close,
body .ztree li span.button.roles_ico_docu {
  background-position: -454px -123px;
}
body .ztree li span.button.d_p_area_ico_open,
body .ztree li span.button.d_p_area_ico_close,
body .ztree li span.button.d_p_area_ico_docu {
  background-position: -546px -123px;
}
body .ztree li span.button.system_ico_open,
body .ztree li span.button.system_ico_close,
body .ztree li span.button.system_ico_docu {
  background-position: -520px -123px;
}
body .ztree li span.button.d_p_device_ico_open,
body .ztree li span.button.d_p_device_ico_close,
body .ztree li span.button.d_p_device_ico_docu {
  background-position: -500px -123px;
}
body .ztree li span.button.parts_ico_open,
body .ztree li span.button.parts_ico_close,
body .ztree li span.button.parts_ico_docu {
  background-position: -476px -123px;
}
body .ztree li span.button.department_ico_open,
body .ztree li span.button.department_ico_close,
body .ztree li span.button.department_ico_docu {
  background-position: -568px -123px;
}
body .ztree li span.button.people_ico_open,
body .ztree li span.button.people_ico_close,
body .ztree li span.button.people_ico_docu {
  background-position: -68px -123px;
}
body .ztree li span.button.well_ico_open,
body .ztree li span.button.well_ico_close,
body .ztree li span.button.well_ico_docu {
  background-position: -592px -123px;
}
body .ztree li span.button.pipeline_ico_open,
body .ztree li span.button.pipeline_ico_close,
body .ztree li span.button.pipeline_ico_docu {
  background-position: -612px -123px;
}
body .ztree li span.button.pipe_ico_open,
body .ztree li span.button.pipe_ico_close,
body .ztree li span.button.pipe_ico_docu {
  background-position: -634px -123px;
}
body .ztree li span.button.process_unit_ico_open,
body .ztree li span.button.process_unit_ico_close,
body .ztree li span.button.process_unit_ico_docu {
  background-position: -654px -124px;
}
body .ztree li span.button.materials_ico_open,
body .ztree li span.button.materials_ico_close,
body .ztree li span.button.materials_ico_docu {
  background-position: -672px -124px;
}
body .ztree li span.button.materials_total_ico_open,
body .ztree li span.button.materials_total_ico_close,
body .ztree li span.button.materials_total_ico_docu {
  background-position: -692px -124px;
}
body .ztree li span.button.materials_classify_ico_open,
body .ztree li span.button.materials_classify_ico_close,
body .ztree li span.button.materials_classify_ico_docu {
  background-position: -713px -124px;
}
body .ztree li span.button.monitory——point_ico_open,
body .ztree li span.button.monitory——point_ico_close,
body .ztree li span.button.monitory——point_ico_docu {
  background-position: -732px -124px;
}
body .ztree li span.button.folder_ico_open {
  background-position: -391px -308px;
  width: 21px;
  height: 20px;
}
body .ztree li span.button.folder_ico_close,
body .ztree li span.button.folder_ico_docu {
  background-position: -369px -308px;
  width: 22px;
  height: 20px;
}
body .ztree li span.button.file_ico_open,
body .ztree li span.button.file_ico_close,
body .ztree li span.button.file_ico_docu {
  background-position: -411px -308px;
  width: 17px;
  height: 20px;
}
body .ztree li ul.line {
  background-image: url(../../../img/line_conn.png);
  background-position: -3px 1px;
}
body .my-favorites .sys-menu-icons {
  width: 42px !important;
  height: 42px !important;
}
body .my-favorites .sys-menu-icons.notice-announcements-management {
  background-position: -1237px -348px;
  width: 46px!important;
}
body .my-favorites .sys-menu-icons.bs-sys-modular-manage {
  background-position: 0px -300px;
  width: 44px!important;
}
body .my-favorites .sys-menu-icons.entity-type-attr-manage {
  background-position: -46px -300px;
}
body .my-favorites .sys-menu-icons.op-unit-config-manage {
  width: 36px !important;
  background-position: -90px -300px;
}
body .my-favorites .sys-menu-icons.post-personnel-manage {
  width: 44px !important;
  background-position: -129px -300px;
}
body .my-favorites .sys-menu-icons.data-report-forms-management {
  background-position: -1286px -348px;
}
body .my-favorites .sys-menu-icons.pd-entity-manage {
  width: 38px !important;
  background-position: -177px -300px;
}
body .my-favorites .sys-menu-icons.init-config-manage {
  background-position: -218px -300px;
  width: 44px !important;
}
body .my-favorites .sys-menu-icons.role-auth-management {
  background-position: -1040px -348px;
}
body .my-favorites .sys-menu-icons.role-management {
  background-position: -1090px -348px;
}
body .my-favorites .sys-menu-icons.menu-management {
  background-position: -1139px -348px;
}
body .my-favorites .sys-menu-icons.plan-order-insert-manage {
  background-position: -265px -300px;
}
body .my-favorites .sys-menu-icons.report-handle-manage {
  background-position: -310px -300px;
  width: 40px!important;
}
body .my-favorites .sys-menu-icons.task-job-manage {
  width: 32px !important;
  background-position: -351px -300px;
}
body .my-favorites .sys-menu-icons.task-review-manage {
  width: 45px!important;
  background-position: -386px -300px;
}
body .my-favorites .sys-menu-icons.work-allow-manage {
  width: 43px!important;
  background-position: -433px -300px;
}
body .my-favorites .sys-menu-icons.pd-controlled-manage {
  width: 48px!important;
  height: 43px!important;
  background-position: -479px -300px;
}
body .my-favorites .sys-menu-icons.relate-job-manage {
  width: 44px!important;
  background-position: -530px -300px;
}
body .my-favorites .sys-menu-icons.jobs-view {
  width: 46px!important;
  background-position: -576px -300px;
}
body .my-favorites .sys-menu-icons.jobs-offline-manage {
  width: 44px!important;
  background-position: -625px -300px;
}
body .my-favorites .sys-menu-icons.job-account-sum {
  width: 44px!important;
  background-position: -672px -300px;
}
body .my-favorites .sys-menu-icons.work-preparation {
  width: 46px!important;
  background-position: -719px -300px;
}
body .my-favorites .sys-menu-icons.work-pre-check {
  width: 33px !important;
  background-position: -769px -300px;
}
body .my-favorites .sys-menu-icons.pd-operation-curve {
  width: 35px !important;
  background-position: -984px -300px;
}
body .my-favorites .sys-menu-icons.process-device-diagram {
  background-position: -1025px -300px;
}
body .my-favorites .sys-menu-icons.data-quota-chart {
  width: 48px !important;
  background-position: -1072px -300px;
}
body .my-favorites .sys-menu-icons.repair-order-statistics {
  background-position: -1379px -348px;
  width: 35px !important;
}
body .my-favorites .sys-menu-icons.in-out-management {
  background-position: -897px -348px;
  width: 44px !important;
}
body .my-favorites .sys-menu-icons.access-application-management {
  background-position: -945px -348px;
}
body .my-favorites .sys-menu-icons.electronic-inspection {
  background-position: -1331px -348px;
  width: 43px!important;
}
body .my-favorites .sys-menu-icons.task-sum-am {
  width: 44px!important;
  background-position: -1124px -300px;
}
body .my-favorites .sys-menu-icons.single-task-am {
  width: 44px!important;
  background-position: -1172px -300px;
}
body .my-favorites .sys-menu-icons.weight-sys-config-manage {
  background-position: -1219px -300px;
  width: 46px!important;
}
body .my-favorites .sys-menu-icons.assess-data-handle-count {
  background-position: -1269px -300px;
}
body .my-favorites .sys-menu-icons.assess-result-display {
  background-position: -1315px -300px;
}
body .my-favorites .sys-menu-icons.plan-manage {
  width: 44px!important;
  background-position: -1359px -300px;
}
body .my-favorites .sys-menu-icons.pd-operation-manage {
  background-position: -1405px -300px;
}
body .my-favorites .sys-menu-icons.device-manage {
  width: 44px!important;
  background-position: -1451px -300px;
}
body .my-favorites .sys-menu-icons.study-protocol-manage {
  background-position: -1499px -300px;
}
body .my-favorites .sys-menu-icons.overhaul-manage {
  background-position: -1585px -300px;
}
body .my-favorites .sys-menu-icons.safety-manage {
  background-position: -1541px -300px;
}
body .my-favorites .sys-menu-icons.emergency-manage {
  background-position: -1px -348px;
}
body .my-favorites .sys-menu-icons.material-manage {
  width: 44px!important;
  background-position: -46px -348px;
}
body .my-favorites .sys-menu-icons.train-certificate-manage {
  background-position: -93px -348px;
}
body .my-favorites .sys-menu-icons.vehicle-manage {
  width: 44px !important;
  background-position: -137px -348px;
}
body .my-favorites .sys-menu-icons.furlough-manage {
  background-position: -185px -348px;
}
body .my-favorites .sys-menu-icons.business-trip-manage {
  width: 44px!important;
  background-position: -231px -348px;
}
body .my-favorites .sys-menu-icons.hazard-management {
  background-position: -279px -348px;
  width: 45px!important;
}
body .my-favorites .sys-menu-icons.work-quality-standards {
  background-position: -326px -348px;
}
body .my-favorites .sys-menu-icons.repair-check {
  background-position: -369px -348px;
}
body .my-favorites .sys-menu-icons.task-view {
  background-position: -413px -348px;
  width: 51px!important;
}
body .my-favorites .sys-menu-icons.order-processing-me {
  background-position: -467px -348px;
}
body .my-favorites .sys-menu-icons.related-to-my-task {
  background-position: -511px -348px;
}
body .my-favorites .sys-menu-icons.task-processing-me {
  background-position: -555px -348px;
}
body .my-favorites .sys-menu-icons.material-management {
  background-position: -602px -348px;
  width: 51px!important;
}
body .my-favorites .sys-menu-icons.material-outbound-query {
  background-position: -656px -348px;
  width: 46px!important;
}
body .my-favorites .sys-menu-icons.material-warehouse-query {
  background-position: -706px -348px;
  width: 48px!important;
}
body .my-favorites .sys-menu-icons.material-inventory-query {
  background-position: -759px -348px;
}
body .my-favorites .sys-menu-icons.knowledge-base-management {
  background-position: -805px -348px;
}
body .my-favorites .sys-menu-icons.equipment-management {
  background-position: -849px -348px;
}
body .my-favorites .sys-menu-icons.task-of-statistical {
  background-position: -1415px -348px;
}
body .my-favorites .sys-menu-icons.a2-sys {
  background-position: 2px -395px;
  width: 42px!important;
  height: 43px!important;
}
body .my-favorites .sys-menu-icons.manual-entry-sys {
  background-position: -44px -397px;
  width: 45px!important;
}
body .my-favorites .sys-menu-icons.terminal-configuration {
  background-position: -92px -400px;
  width: 45px!important;
}
body .my-favorites .sys-menu-icons.gis-sys {
  background-position: -184px -401px;
  width: 45px!important;
}
body .my-favorites .sys-menu-icons.terminal-video-monitoring {
  background-position: -136px -399px;
  width: 45px!important;
  height: 43px!important;
}
body .my-favorites .sys-menu-icons.task-initiate {
  background-position: -229px -401px;
}
body .my-favorites .sys-menu-icons.qhse {
  background-position: -274px -400px;
  width: 45px!important;
  height: 43px!important;
}
body .my-favorites .sys-menu-icons.problem-report {
  background-position: -324px -400px;
  width: 45px!important;
  height: 44px!important;
}
body .my-favorites .sys-menu-icons.notification-center {
  background-position: -374px -399px;
  width: 45px!important;
  height: 45px!important;
}
body .dynamic .btn:hover .sys-icons.GZList-favorite-icon,
body .dynamic .comment-btn:hover .sys-icons.GZList-favorite-icon,
body .dynamic .btn:focus .sys-icons.GZList-favorite-icon,
body .dynamic .comment-btn:focus .sys-icons.GZList-favorite-icon,
body .dynamic .btn:active .sys-icons.GZList-favorite-icon,
body .dynamic .comment-btn:active .sys-icons.GZList-favorite-icon,
body .dynamic .btn.active .sys-icons.GZList-favorite-icon,
body .dynamic .comment-btn.active .sys-icons.GZList-favorite-icon {
  background-position: -25px -1245px;
}
body .dynamic .btn:hover .sys-icons.GZList-comment-icon,
body .dynamic .comment-btn:hover .sys-icons.GZList-comment-icon,
body .dynamic .btn:focus .sys-icons.GZList-comment-icon,
body .dynamic .comment-btn:focus .sys-icons.GZList-comment-icon,
body .dynamic .btn:active .sys-icons.GZList-comment-icon,
body .dynamic .comment-btn:active .sys-icons.GZList-comment-icon,
body .dynamic .btn.active .sys-icons.GZList-comment-icon,
body .dynamic .comment-btn.active .sys-icons.GZList-comment-icon {
  background-position: -79px -1249px;
}
body .dynamic .btn:hover .sys-icons.GZList-praise-icon,
body .dynamic .comment-btn:hover .sys-icons.GZList-praise-icon,
body .dynamic .btn:focus .sys-icons.GZList-praise-icon,
body .dynamic .comment-btn:focus .sys-icons.GZList-praise-icon,
body .dynamic .btn:active .sys-icons.GZList-praise-icon,
body .dynamic .comment-btn:active .sys-icons.GZList-praise-icon,
body .dynamic .btn.active .sys-icons.GZList-praise-icon,
body .dynamic .comment-btn.active .sys-icons.GZList-praise-icon {
  background-position: -134px -1245px;
}
body .dynamic .btn:hover .sys-icons.GZList-delete-icon,
body .dynamic .comment-btn:hover .sys-icons.GZList-delete-icon,
body .dynamic .btn:focus .sys-icons.GZList-delete-icon,
body .dynamic .comment-btn:focus .sys-icons.GZList-delete-icon,
body .dynamic .btn:active .sys-icons.GZList-delete-icon,
body .dynamic .comment-btn:active .sys-icons.GZList-delete-icon,
body .dynamic .btn.active .sys-icons.GZList-delete-icon,
body .dynamic .comment-btn.active .sys-icons.GZList-delete-icon {
  background-position: -183px -1246px;
}
body .dynamic .btn:hover .sys-icons.GZList-praise-small-icon,
body .dynamic .comment-btn:hover .sys-icons.GZList-praise-small-icon,
body .dynamic .btn:focus .sys-icons.GZList-praise-small-icon,
body .dynamic .comment-btn:focus .sys-icons.GZList-praise-small-icon,
body .dynamic .btn:active .sys-icons.GZList-praise-small-icon,
body .dynamic .comment-btn:active .sys-icons.GZList-praise-small-icon,
body .dynamic .btn.active .sys-icons.GZList-praise-small-icon,
body .dynamic .comment-btn.active .sys-icons.GZList-praise-small-icon {
  background-position: -226px -1253px;
}
body.theme-2 .sys-icons.logo-icon {
  width: 32px;
  height: 32px;
  background-position: -379px -169px;
}
body.theme-2 .sys-icons.list-icon {
  background-position: -418px -175px;
  width: 28px;
  height: 22px;
}
body.theme-2 .sys-icons.notify-icon {
  width: 28px;
  height: 28px;
  background-position: -457px -172px;
}
body.theme-2 .sys-menu-icons.auth-manage {
  background-position: -1px -472px;
}
body.theme-2 .sys-menu-icons.bs-sys-maintain {
  background-position: -28px -472px;
}
body.theme-2 .sys-menu-icons.pd-sys-maintain {
  background-position: -58px -472px;
}
body.theme-2 .sys-menu-icons.task-source-manage {
  background-position: -85px -472px;
}
body.theme-2 .sys-menu-icons.task-control-manage {
  background-position: -112px -472px;
}
body.theme-2 .sys-menu-icons.task-org-manage {
  background-position: -138px -472px;
}
body.theme-2 .sys-menu-icons.task-jobs-manage {
  background-position: -165px -472px;
}
body.theme-2 .sys-menu-icons.preparation-manage {
  background-position: -192px -472px;
}
body.theme-2 .sys-menu-icons.site-mobile-support {
  background-position: -220px -472px;
}
body.theme-2 .sys-menu-icons.data-chart-display {
  background-position: -246px -472px;
}
body.theme-2 .sys-menu-icons.access-management {
  background-position: -442px -472px;
}
body.theme-2 .sys-menu-icons.task-supervise-manage {
  background-position: -276px -472px;
}
body.theme-2 .sys-menu-icons.work-quantify-check {
  background-position: -299px -472px;
}
body.theme-2 .sys-menu-icons.pd-manage-app {
  background-position: -328px -472px;
}
body.theme-2 .sys-menu-icons.qhse-manage-app {
  background-position: -357px -472px;
}
body.theme-2 .sys-menu-icons.operate-manage-app {
  background-position: -387px -472px;
}
body.theme-2 .sys-menu-icons.admin-manage-app {
  background-position: -415px -472px;
}
body.theme-2 .sys-menu-icons.video-docking {
  background-position: -469px -472px;
  width: 24px!important;
}
body.theme-2 .sys-menu-icons.data-application {
  background-position: -497px -472px;
}
body.theme-2 .sys-menu-icons.other-platform {
  background-position: -521px -472px;
}
body.theme-2 .sys-menu-icons.ptw-manage {
  background-position: -545px -472px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.auth-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.auth-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.auth-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.auth-manage {
  background-position: -1px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.bs-sys-maintain,
body.theme-2 .navigation a.btn:active .sys-menu-icons.bs-sys-maintain,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.bs-sys-maintain,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.bs-sys-maintain {
  background-position: -28px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.pd-sys-maintain,
body.theme-2 .navigation a.btn:active .sys-menu-icons.pd-sys-maintain,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.pd-sys-maintain,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.pd-sys-maintain {
  background-position: -58px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.task-source-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.task-source-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.task-source-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.task-source-manage {
  background-position: -85px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.task-control-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.task-control-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.task-control-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.task-control-manage {
  background-position: -112px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.task-org-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.task-org-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.task-org-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.task-org-manage {
  background-position: -138px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.task-jobs-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.task-jobs-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.task-jobs-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.task-jobs-manage {
  background-position: -165px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.preparation-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.preparation-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.preparation-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.preparation-manage {
  background-position: -192px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.site-mobile-support,
body.theme-2 .navigation a.btn:active .sys-menu-icons.site-mobile-support,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.site-mobile-support,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.site-mobile-support {
  background-position: -220px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.data-chart-display,
body.theme-2 .navigation a.btn:active .sys-menu-icons.data-chart-display,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.data-chart-display,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.data-chart-display {
  background-position: -246px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.access-management,
body.theme-2 .navigation a.btn:active .sys-menu-icons.access-management,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.access-management,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.access-management {
  background-position: -442px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.task-supervise-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.task-supervise-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.task-supervise-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.task-supervise-manage {
  background-position: -276px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.work-quantify-check,
body.theme-2 .navigation a.btn:active .sys-menu-icons.work-quantify-check,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.work-quantify-check,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.work-quantify-check {
  background-position: -299px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.pd-manage-app,
body.theme-2 .navigation a.btn:active .sys-menu-icons.pd-manage-app,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.pd-manage-app,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.pd-manage-app {
  background-position: -328px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.qhse-manage-app,
body.theme-2 .navigation a.btn:active .sys-menu-icons.qhse-manage-app,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.qhse-manage-app,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.qhse-manage-app {
  background-position: -357px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.operate-manage-app,
body.theme-2 .navigation a.btn:active .sys-menu-icons.operate-manage-app,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.operate-manage-app,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.operate-manage-app {
  background-position: -387px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.admin-manage-app,
body.theme-2 .navigation a.btn:active .sys-menu-icons.admin-manage-app,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.admin-manage-app,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.admin-manage-app {
  background-position: -415px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.video-docking,
body.theme-2 .navigation a.btn:active .sys-menu-icons.video-docking,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.video-docking,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.video-docking {
  background-position: -469px -447px;
  width: 24px!important;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.data-application,
body.theme-2 .navigation a.btn:active .sys-menu-icons.data-application,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.data-application,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.data-application {
  background-position: -497px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.other-platform,
body.theme-2 .navigation a.btn:active .sys-menu-icons.other-platform,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.other-platform,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.other-platform {
  background-position: -521px -447px;
}
body.theme-2 .navigation a.btn.active .sys-menu-icons.ptw-manage,
body.theme-2 .navigation a.btn:active .sys-menu-icons.ptw-manage,
body.theme-2 .navigation a.btn:hover .sys-menu-icons.ptw-manage,
body.theme-2 .navigation a.btn:focus .sys-menu-icons.ptw-manage {
  background-position: -545px -447px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.auth-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.auth-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.auth-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.auth-manage {
  background-position: -1px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.bs-sys-maintain,
body.blue-theme .navigation a.btn:active .sys-menu-icons.bs-sys-maintain,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.bs-sys-maintain,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.bs-sys-maintain {
  background-position: -28px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.pd-sys-maintain,
body.blue-theme .navigation a.btn:active .sys-menu-icons.pd-sys-maintain,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.pd-sys-maintain,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.pd-sys-maintain {
  background-position: -58px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.task-source-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.task-source-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.task-source-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.task-source-manage {
  background-position: -85px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.task-control-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.task-control-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.task-control-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.task-control-manage {
  background-position: -112px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.task-org-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.task-org-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.task-org-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.task-org-manage {
  background-position: -138px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.task-jobs-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.task-jobs-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.task-jobs-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.task-jobs-manage {
  background-position: -165px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.preparation-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.preparation-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.preparation-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.preparation-manage {
  background-position: -192px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.site-mobile-support,
body.blue-theme .navigation a.btn:active .sys-menu-icons.site-mobile-support,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.site-mobile-support,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.site-mobile-support {
  background-position: -220px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.data-chart-display,
body.blue-theme .navigation a.btn:active .sys-menu-icons.data-chart-display,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.data-chart-display,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.data-chart-display {
  background-position: -246px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.access-management,
body.blue-theme .navigation a.btn:active .sys-menu-icons.access-management,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.access-management,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.access-management {
  background-position: -442px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.task-supervise-manage,
body.blue-theme .navigation a.btn:active .sys-menu-icons.task-supervise-manage,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.task-supervise-manage,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.task-supervise-manage {
  background-position: -276px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.work-quantify-check,
body.blue-theme .navigation a.btn:active .sys-menu-icons.work-quantify-check,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.work-quantify-check,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.work-quantify-check {
  background-position: -299px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.pd-manage-app,
body.blue-theme .navigation a.btn:active .sys-menu-icons.pd-manage-app,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.pd-manage-app,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.pd-manage-app {
  background-position: -328px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.qhse-manage-app,
body.blue-theme .navigation a.btn:active .sys-menu-icons.qhse-manage-app,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.qhse-manage-app,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.qhse-manage-app {
  background-position: -357px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.operate-manage-app,
body.blue-theme .navigation a.btn:active .sys-menu-icons.operate-manage-app,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.operate-manage-app,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.operate-manage-app {
  background-position: -387px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.admin-manage-app,
body.blue-theme .navigation a.btn:active .sys-menu-icons.admin-manage-app,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.admin-manage-app,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.admin-manage-app {
  background-position: -415px -496px;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.video-docking,
body.blue-theme .navigation a.btn:active .sys-menu-icons.video-docking,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.video-docking,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.video-docking {
  background-position: -469px -496px;
  width: 24px!important;
}
body.blue-theme .navigation a.btn.active .sys-menu-icons.data-application,
body.blue-theme .navigation a.btn:active .sys-menu-icons.data-application,
body.blue-theme .navigation a.btn:hover .sys-menu-icons.data-application,
body.blue-theme .navigation a.btn:focus .sys-menu-icons.data-application {
  background-position: -497px -447px;
}
body .btn.disabled .sys-icons.hasPic-icon {
  background-position: -144px -969px;
  width: 36px;
  height: 36px;
}
body .btn.disabled .sys-icons.isRfid-icon {
  background-position: -181px -969px;
  width: 36px;
  height: 36px;
}
body .btn.disabled .sys-icons.dataItem-icon {
  background-position: -219px -969px;
  width: 36px;
  height: 36px;
}
body .btn.disabled .sys-icons.stepRemark-icon {
  background-position: -257px -969px;
  width: 36px;
  height: 36px;
}
body .btn.disabled .sys-icons.img-icon {
  background-position: -333px -966px;
  width: 36px;
  height: 36px;
}
body .btn.disabled .sys-icons.AR-icon {
  background-position: -442px -969px;
  width: 33px;
  height: 33px;
}
body .btn.disabled .sys-icons.QR-code-icon {
  background-position: -516px -969px;
  width: 33px;
  height: 33px;
}
body .btn.disabled .sys-icons.execute-time-icon {
  background-position: -589px -969px;
  width: 33px;
  height: 33px;
}
body .header .header-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 950;
  margin: 0;
  width: 100%;
  min-width: 900px;
  height: 51px;
  background-color: #353637;
}
body .header .header-top a.btn {
  width: 60px;
  height: 45px;
  padding: 11.5px 17px;
  background-color: transparent;
  color: #828387;
  border: none;
  border-radius: 0;
}
body .header .header-top a.btn.active,
body .header .header-top a.btn:active,
body .header .header-top a.btn:hover,
body .header .header-top a.btn:focus {
  color: #FFFFFF;
}
body .header .header-top .header-top-left {
  float: left;
  width: 358px;
}
body .header .header-top .header-top-left .btn {
  -webkit-box-shadow: 4px 0px 3px -1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 4px 0px 3px -1px rgba(0, 0, 0, 0.2) inset;
}
body .header .header-top .header-top-left .btn.active,
body .header .header-top .header-top-left .btn:active,
body .header .header-top .header-top-left .btn:hover,
body .header .header-top .header-top-left .btn:focus {
  box-shadow: none;
}
body .header .header-top .header-top-left .btn.active-menu-nav:after,
body .header .header-top .header-top-left .btn:hover:after,
body .header .header-top .header-top-left .btn:focus:after {
  content: "";
  display: block;
  position: absolute;
  left: 24px;
  bottom: -6px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #F8F8F8;
}
body .header .header-top .header-top-left .btn-sys-jsm {
  background-color: #ED3831;
}
body .header .header-top .header-top-left .btn-sys-jsm:not(.active):hover,
body .header .header-top .header-top-left .btn-sys-jsm:not(.active):focus {
  background-color: #ff5f58;
}
body .header .header-top .header-top-left .btn-sys-tdm {
  background-color: #00B5FF;
}
body .header .header-top .header-top-left .btn-sys-tdm:not(.active):hover,
body .header .header-top .header-top-left .btn-sys-tdm:not(.active):focus {
  background-color: #00d2ff;
}
body .header .header-top .header-top-left .btn-sys-som {
  background-color: #AC8EF0;
}
body .header .header-top .header-top-left .btn-sys-som:not(.active):hover,
body .header .header-top .header-top-left .btn-sys-som:not(.active):focus {
  background-color: #c6adff;
}
body .header .header-top .header-top-left .btn-sys-am {
  background-color: #FE6E4C;
}
body .header .header-top .header-top-left .btn-sys-am:not(.active):hover,
body .header .header-top .header-top-left .btn-sys-am:not(.active):focus {
  background-color: #ff8d72;
}
body .header .header-top .header-top-left .btn-sys-iam {
  background-color: #28CCB7;
}
body .header .header-top .header-top-left .btn-sys-iam:not(.active):hover,
body .header .header-top .header-top-left .btn-sys-iam:not(.active):focus {
  background-color: #39e5cf;
}
body .header .header-top .header-top-left .btn-sys-qhse {
  background-color: #0096FF;
}
body .header .header-top .header-top-left .btn-sys-qhse:not(.active):hover,
body .header .header-top .header-top-left .btn-sys-qhse:not(.active):focus {
  background-color: #00d2ff;
}
body .header .header-top .header-top-center {
  width: calc(100% - 125px);
  display: inline-block;
}
body .header .header-top .header-top-center .sys-name {
  height: 45px;
  padding: 6.5px 0;
  margin-left: 28px;
}
body .header .header-top .header-top-center .sys-name a.platform {
  height: 50px;
  display: inline-block;
  color: #353637;
  text-decoration: none !important;
}
body .header .header-top .header-top-center .sys-name .logo-icon {
  position: relative;
  top: -3px;
}
body .header .header-top .header-top-center .sys-name .platform-name {
  display: inline-block;
  width: 205px;
  padding: 0;
  color: #FFFFFF;
}
body .header .header-top .header-top-center .sys-name .platform-name .platform-name-label-zh {
  font-size: 20px;
  letter-spacing: -0.1px;
  line-height: 30px;
  position: relative;
}
body .header .header-top .header-top-center .sys-name .sub-sys-name {
  display: inline-block;
  font-size: 18px;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
  height: 20px;
  padding-left: 10px;
  border-left: 2px solid #999999;
}
body .header .header-top .header-top-center .sys-name .sub-sys-name .sub-sys-name-label {
  display: inline-block;
}
body .header .header-top .header-top-center .sys-name .sub-sys-name .sub-sys-name-suffix-label {
  display: inline-block;
}
body .header .header-top .header-top-center .last-login-time {
  display: block;
  margin-top: -45px;
  width: 100% !important;
  float: right;
  padding: 13.5px 20px;
  text-align: right;
  color: #FFFFFF;
  font-size: 12px;
}
body .header .header-top .header-top-center .last-login-time .welcome-msg {
  line-height: 11px;
}
body .header .header-top .header-top-center .last-login-time .welcome-msg .text-overflow {
  display: inline-block;
  max-width: 165px;
}
body .header .header-top .header-top-center .last-login-time .time-icon {
  top: -2px;
  position: relative;
}
body .header .header-top .header-top-center .last-login-time .time-label,
body .header .header-top .header-top-center .last-login-time .time-data {
  color: #ffffff;
}
body .header .header-top .header-top-right {
  float: right;
  z-index: 950;
}
body .header .header-top .header-top-right a.btn {
  color: #BBBFC2;
}
body .header .header-top .header-top-right a.btn.active,
body .header .header-top .header-top-right a.btn:active,
body .header .header-top .header-top-right a.btn:hover,
body .header .header-top .header-top-right a.btn:focus {
  background-color: #2E4F60 !important;
}
body .header .header-top .header-top-right a.btn.not-display {
  display: none;
}
body .header .header-top .header-top-right .switch-navigation-btn {
  display: none;
}
body .header .menu-nav:not(.navigation ) {
  position: fixed;
  top: -500px;
  left: 0;
  z-index: 945;
  margin: 0;
  width: 100%;
  background-color: #F8F8F8;
  padding: 0 40px;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.075);
}
body .header .menu-nav:not(.navigation ) .menu-nav-item {
  display: none;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item.active {
  display: block;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3 {
  border-right: 1px solid #E5E5E5;
  padding: 20px 40px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:hover,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:hover,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:hover,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:focus,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:focus,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:focus {
  background-color: #FFFFFF;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:hover .first-sub-menu,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:hover .first-sub-menu,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:hover .first-sub-menu,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:focus .first-sub-menu,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:focus .first-sub-menu,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:focus .first-sub-menu {
  margin: 20px -15px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:hover .first-sub-menu > .col-xs-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:hover .first-sub-menu > .col-xs-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:hover .first-sub-menu > .col-xs-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:focus .first-sub-menu > .col-xs-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:focus .first-sub-menu > .col-xs-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:focus .first-sub-menu > .col-xs-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:hover .first-sub-menu > .col-sm-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:hover .first-sub-menu > .col-sm-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:hover .first-sub-menu > .col-sm-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:focus .first-sub-menu > .col-sm-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:focus .first-sub-menu > .col-sm-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:focus .first-sub-menu > .col-sm-12:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:hover .first-sub-menu > .col-md-6:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:hover .first-sub-menu > .col-md-6:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:hover .first-sub-menu > .col-md-6:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:focus .first-sub-menu > .col-md-6:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:focus .first-sub-menu > .col-md-6:before,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:focus .first-sub-menu > .col-md-6:before {
  content: "";
  border-bottom: 1px solid #E3E3E3;
  display: block;
  width: 100%;
  position: absolute;
  top: 25px;
  left: 0px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-xs-6:last-child,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-sm-4:last-child,
body .header .menu-nav:not(.navigation ) .menu-nav-item .row .col-md-3:last-child {
  border: none;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-menu {
  margin: 15px 0px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-menu > .menu-item {
  color: #00B5FF;
  font-size: 16px;
  display: block;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu {
  margin: 20px -15px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu .second-menu {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  display: block;
  margin-bottom: 15px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu .second-menu-line {
  border-bottom: 1px solid #E3E3E3;
  display: none;
  width: calc(100% + 30px);
  margin-top: 7px;
  margin-left: -15px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu {
  padding: 0;
  min-height: 110px;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li {
  margin: 8px 0;
  list-style: none;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item {
  font-size: 12px;
  color: #666666;
  display: block;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:focus,
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:hover,
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:active,
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item.active {
  color: #00B5FF;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:before {
  content: '·';
  margin-right: 8px;
  text-decoration: none;
}
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:before:focus,
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:before:hover,
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:before:active,
body .header .menu-nav:not(.navigation ) .menu-nav-item .first-sub-menu ul.third-menu li .menu-item:before.active {
  text-decoration: none !important;
}
body .header .header-bottom {
  position: fixed;
  top: 49px;
  left: 0;
  z-index: 940;
  margin: 0;
  width: 100%;
  min-width: 900px;
  height: 45px;
  text-align: center;
  background-color: #FFFFFF;
  color: #353637;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
}
body .header .header-bottom .navigation {
  float: left;
}
body .header .header-bottom .navigation.hover > .menu-nav-item.active {
  display: none;
}
body .header .header-bottom .navigation .menu-nav-item {
  display: none;
}
body .header .header-bottom .navigation .menu-nav-item.hover {
  display: block !important;
}
body .header .header-bottom .navigation .menu-nav-item.active {
  display: block;
}
body .header .header-bottom .navigation .menu-nav-item .btn-group a.btn {
  width: 180px;
  height: 22px;
  margin: 12px 0px;
  padding: 0px;
  border: none;
  border-right: 1px solid #cccccc;
  border-radius: 0px;
  font-size: 16px;
  background-color: #FFFFFF;
}
body .header .header-bottom .navigation .menu-nav-item .btn-group a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item .btn-group a.btn:active:after {
  content: "";
  display: block;
  position: absolute;
  left: 90px;
  bottom: -11px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
body .header .header-bottom .navigation .menu-nav-item .btn-group a.btn i {
  position: relative;
  top: -7px;
  margin-right: 10px;
}
body .header .header-bottom .navigation .menu-nav-item .btn-group a.btn span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn.active,
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn:active,
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn:hover,
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn:focus {
  color: #28CCB7;
}
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn:active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn:hover:after,
body .header .header-bottom .navigation .menu-nav-item.sys-iam-menu a.btn:focus:after {
  border-bottom: 6px solid #28CCB7;
}
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn.active,
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn:active,
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn:hover,
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn:focus {
  color: #00B5FF;
}
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn:active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn:hover:after,
body .header .header-bottom .navigation .menu-nav-item.sys-tdm-menu a.btn:focus:after {
  border-bottom: 6px solid #00B5FF;
}
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn.active,
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn:active,
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn:hover,
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn:focus {
  color: #AC8EF0;
}
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn:active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn:hover:after,
body .header .header-bottom .navigation .menu-nav-item.sys-som-menu a.btn:focus:after {
  border-bottom: 6px solid #AC8EF0;
}
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn.active,
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn:active,
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn:hover,
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn:focus {
  color: #FE6E4C;
}
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn:active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn:hover:after,
body .header .header-bottom .navigation .menu-nav-item.sys-am-menu a.btn:focus:after {
  border-bottom: 6px solid #FE6E4C;
}
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn.active,
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn:active,
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn:hover,
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn:focus {
  color: #ED3831;
}
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn:active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn:hover:after,
body .header .header-bottom .navigation .menu-nav-item.sys-jsm-menu a.btn:focus:after {
  border-bottom: 6px solid #ED3831;
}
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn.active,
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn:active,
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn:hover,
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn:focus {
  color: #0096FF;
}
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn.active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn:active:after,
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn:hover:after,
body .header .header-bottom .navigation .menu-nav-item.sys-qhse-menu a.btn:focus:after {
  border-bottom: 6px solid #0096FF;
}
body .header .notify {
  position: absolute;
  right: 15px;
  top: 102.5px;
  cursor: pointer;
  height: 28px;
}
body .header .notify .notify-content {
  width: 300px !important;
  display: inline-block;
  line-height: 28px;
}
body .header .notify .notify-icon {
  margin-left: 10px;
  display: inline-block;
  float: right;
}
@media (max-width: 1580px) {
  body .header .header-top .header-top-center .sys-name .sub-sys-name .sub-sys-name-suffix-label {
    display: none;
  }
}
@media (max-width: 1440px) {
  body .header .header-top .header-top-center .last-login-time .time-icon,
  body .header .header-top .header-top-center .last-login-time .time-label,
  body .header .header-top .header-top-center .last-login-time .time-data {
    display: none;
  }
}
@media (max-width: 1240px) {
  body .header .header-top .header-top-center .sys-name .sub-sys-name {
    display: none;
  }
}
@media (max-width: 1024px) {
  body .header .header-top .header-top-center .last-login-time .welcome-msg {
    display: none;
  }
}
body.blue-theme .header .header-top {
  background: url(../../../img/header-bg.jpg) no-repeat;
  background-size: 100% 100%;
  border-bottom: 6px solid #00B5FF;
}
body.blue-theme .header .header-top .header-top-left > .btn {
  background-color: #505052;
}
body.blue-theme .header .header-top .header-top-left > .btn.active,
body.blue-theme .header .header-top .header-top-left > .btn:active,
body.blue-theme .header .header-top .header-top-left > .btn:hover,
body.blue-theme .header .header-top .header-top-left > .btn:focus {
  background-color: #00B5FF;
}
body.blue-theme .header .header-top .header-top-left .menu-nav-item {
  background-color: #00B5FF;
}
body.blue-theme .header .header-top .header-top-left .menu-nav-item:not(.active):hover,
body.blue-theme .header .header-top .header-top-left .menu-nav-item:not(.active):focus {
  background-color: #00d2ff;
}
body.blue-theme .header .header-top .header-top-center .sys-name .platform-name {
  width: auto;
}
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn.active,
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn:active,
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn:hover,
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn:focus {
  color: #00B5FF;
}
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn.active:after,
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn:active:after,
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn:hover:after,
body.blue-theme .header .header-bottom .navigation .menu-nav-item.menu-nav-item a.btn:focus:after {
  border-bottom: 6px solid #00B5FF;
}
body > .content {
  height: calc(100% - 50px);
  padding: 0;
  margin-top: 50px;
  background-color: #EFF4F7;
}
body > .content .content-menu {
  float: left;
  display: inline-block;
  width: 296px;
  height: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.075);
}
body > .content .content-menu .menu-top {
  width: 100%;
  height: 45px;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  color: #FFFFFF;
  border: none;
  border-radius: 0;
  background-color: #F4F4F4;
}
body > .content .content-menu .menu {
  padding: 0;
  overflow: visible;
}
body > .content .content-menu .menu .nav > li > a {
  padding: 0;
  border: none;
}
body > .content .content-menu .menu .nav > li > a .nav-label {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
}
body > .content .content-menu .menu ul.nav-second > li > a.btn {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  background-color: #FFFFFF;
  padding: 0px 20px;
  border-radius: 0;
}
body > .content .content-menu .menu ul.nav-second > li > a.btn .menu-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  top: 10px;
}
body > .content .content-menu .menu ul.nav-second > li > a.btn .menu-icon .sys-menu-icons {
  position: relative;
  top: -12px;
  width: 22px;
  height: 22px;
}
body > .content .content-menu .menu ul.nav-second > li > a.btn .nav-label {
  width: 175px;
  margin-left: 8px;
}
body > .content .content-menu .menu ul.nav-second > li > a.btn .pull-right.sys-icons {
  position: relative;
  top: 24px;
  right: 10px;
}
body > .content .content-menu .menu ul.nav-second > li > a.btn .pull-right.sys-icons.chevron-right {
  display: none;
}
body > .content .content-menu .menu ul.nav-second > li.active > a.btn .pull-right.sys-icons,
body > .content .content-menu .menu ul.nav-second > li:active > a.btn .pull-right.sys-icons,
body > .content .content-menu .menu ul.nav-second > li:hover > a.btn .pull-right.sys-icons,
body > .content .content-menu .menu ul.nav-second > li:focus > a.btn .pull-right.sys-icons {
  position: relative;
  top: 24px;
  right: 10px;
}
body > .content .content-menu .menu ul.nav-second > li.active > a.btn .pull-right.sys-icons.chevron-right,
body > .content .content-menu .menu ul.nav-second > li:active > a.btn .pull-right.sys-icons.chevron-right,
body > .content .content-menu .menu ul.nav-second > li:hover > a.btn .pull-right.sys-icons.chevron-right,
body > .content .content-menu .menu ul.nav-second > li:focus > a.btn .pull-right.sys-icons.chevron-right {
  display: inline-block;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third {
  background-color: #F4F4F4;
  padding: 0 15px 0 20px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li {
  margin: 3px auto;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li > a {
  border-radius: 0px;
  line-height: 45px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li > a .point {
  color: #A1AFBA;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li > a .pull-right.sys-icons {
  position: relative;
  top: 15px;
  right: 15px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li.active > a,
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li:active > a,
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li:hover > a,
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li:focus > a {
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li.active > a > .chevron-right,
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li:active > a > .chevron-right,
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li:hover > a > .chevron-right,
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third li:focus > a > .chevron-right {
  display: inline-block;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li.nav-second-label-li {
  display: none;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li .chevron-right {
  display: none;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > a.btn .point {
  margin-left: 50px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > a.btn .nav-label {
  width: 160px;
  margin-left: 10px;
  letter-spacing: 2px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > ul.nav-fourth > li > a.btn {
  color: #FFFFFF;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > ul.nav-fourth > li > a.btn > .point {
  margin-left: 70px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > ul.nav-fourth > li > a.btn .nav-label {
  width: 140px;
  margin-left: 10px;
  letter-spacing: 1px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > ul.nav-fourth > li > ul.nav-fifth > li > a.btn {
  color: #FFFFFF;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > ul.nav-fourth > li > ul.nav-fifth > li > a.btn > .point {
  margin-left: 90px;
}
body > .content .content-menu .menu ul.nav-second > li > ul.nav-third > li > ul.nav-fourth > li > ul.nav-fifth > li > a.btn .nav-label {
  width: 120px;
  margin-left: 10px;
  letter-spacing: 1px;
}
body > .content .content-main {
  height: 100%;
  margin-left: 296px;
  padding-left: 20px;
  color: #3e3e3e;
}
body > .content .content-main .location {
  height: 45px;
  padding: 14px 5px;
  color: #666666;
}
body > .content .content-main .location i.location-icon {
  margin-top: -2px;
}
body > .content .content-main .location a {
  color: #14B1FF;
}
body > .content .content-main .wrapper {
  float: right;
  padding-right: 20px;
  width: 100%;
  height: calc(100% - 45px);
  overflow: auto;
  background-image: url(../../../img/sys-bg-img.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: fixed;
}
body > .content .release-version-info {
  display: none;
  position: absolute;
  right: 0px;
  top: 139px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.075);
  box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.075);
  width: 642px;
  height: calc(100% - 140px);
  z-index: 1000;
}
body > .content .release-version-info .info-title {
  height: 45px;
  padding: 10px 25px;
  background-color: #00B4FF;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 25px;
}
body > .content .release-version-info .info-title .close {
  opacity: 0.8;
  color: #FFFFFF;
  outline: none;
  font-size: 25px;
  width: 25px;
}
body > .content .release-version-info .info-title .close:hover,
body > .content .release-version-info .info-title .close:focus,
body > .content .release-version-info .info-title .close:active {
  opacity: 1;
}
body > .content .release-version-info .info-title .close span {
  position: relative;
  top: -3px;
}
body > .content .release-version-info .info-content {
  padding: 15px 25px;
  height: calc(100% - 45px);
  overflow: auto;
}
body > .content .release-version-info .info-content .version-info:first-child .version-num {
  color: #FC5449;
}
body > .content .release-version-info .info-content .version-info .release-version {
  margin-bottom: 15px;
}
body > .content .release-version-info .info-content .version-info .release-version .release-date {
  color: #999999;
}
body > .content .release-version-info .info-content .version-info .table-box .table-box-title {
  height: 45px;
  line-height: 27px;
}
body > .content .release-version-info .info-content .version-info .table-box .table-box-content {
  padding: 15px;
  border: 1px solid #e5e5e5;
}
body > .content .release-version-info .info-content .version-info .table-box .table-box-content .content-item {
  display: block;
}
body.min-menu .content .content-menu .menu ul.nav-second > li > a.btn {
  padding: 0px 7px;
}
body.min-menu .content .content-menu .menu ul.nav-second > li > a.btn .badge-warning {
  right: 1px;
  top: 2px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right {
  padding: 0px 10px;
  position: absolute;
  background-color: #F4F4F4;
  width: 240px;
  left: 61px;
  top: 0px;
  z-index: 940;
  -webkit-box-shadow: 3px 0 3px 0px rgba(0, 0, 0, 0.075);
  box-shadow: 3px 0 3px 0px rgba(0, 0, 0, 0.075);
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right.collapse {
  opacity: 0;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right.collapse.in,
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right.collapsing {
  opacity: 1;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right .nav-label {
  display: inline-block !important;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right .nav-second-label-li {
  display: block;
  margin: 0;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right .nav-second-label-li a {
  font-size: 16px;
  line-height: 65px;
  height: 65px;
  background-color: #FFFFFF;
  border-radius: 0;
  width: 241px;
  position: relative;
  left: -11px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right .nav-second-label-li a .nav-label {
  margin-left: 15px;
  width: 190px !important;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right .nav-second-label-li a .pull-right.sys-icons {
  top: 24.5px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right > li:not(.nav-second-label-li) > a.btn .point {
  margin-left: 30px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right > li:not(.nav-second-label-li) > a.btn .nav-label {
  width: 140px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right > li:not(.nav-second-label-li) > ul.nav-fourth > li > a.btn .point {
  margin-left: 50px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right > li:not(.nav-second-label-li) > ul.nav-fourth > li > a.btn .nav-label {
  width: 120px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right > li:not(.nav-second-label-li) > ul.nav-fourth > li > ul.nav-fifth > li > a.btn .point {
  margin-left: 70px;
}
body.min-menu .content .content-menu .menu ul.nav-third.pull-menu-right > li:not(.nav-second-label-li) > ul.nav-fourth > li > ul.nav-fifth > li > a.btn .nav-label {
  width: 100px;
}
@-webkit-keyframes show-header-bottom {
  from {
    -webkit-transform: translateY(-106px);
    transform: translateY(-106px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes show-header-bottom {
  from {
    -webkit-transform: translateY(-106px);
    transform: translateY(-106px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes hide-header-bottom {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-106px);
    transform: translateY(-106px);
  }
}
@keyframes hide-header-bottom {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-106px);
    transform: translateY(-106px);
  }
}
@-webkit-keyframes fade-content-up {
  from {
    margin-top: 140px;
  }
  to {
    margin-top: 110px;
  }
}
@keyframes fade-content-up {
  from {
    margin-top: 140px;
  }
  to {
    margin-top: 110px;
  }
}
@-webkit-keyframes fade-content-down {
  from {
    margin-top: 110px;
  }
  to {
    margin-top: 140px;
  }
}
@keyframes fade-content-down {
  from {
    margin-top: 110px;
  }
  to {
    margin-top: 140px;
  }
}
body.show-header-bottom .header .header-top .header-top-center .sys-name,
body.show-header-bottom .header .header-top .header-top-center .navigation {
  pointer-events: none !important;
}
body.show-header-bottom .header .header-top .header-top-center .last-login-time {
  margin-top: -45px;
  width: 100% !important;
}
body.show-header-bottom .header .header-bottom {
  -webkit-animation-name: show-header-bottom;
  animation-name: show-header-bottom;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.show-header-bottom .content {
  -webkit-animation-name: fade-content-down;
  animation-name: fade-content-down;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.hide-header-bottom .header .header-top .header-top-center .sys-name,
body.hide-header-bottom .header .header-top .header-top-center .navigation {
  pointer-events: auto !important;
}
body.hide-header-bottom .header .header-bottom {
  -webkit-animation-name: hide-header-bottom;
  animation-name: hide-header-bottom;
}
body.hide-header-bottom .content {
  -webkit-animation-name: fade-content-up;
  animation-name: fade-content-up;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes fade-content-menu-left {
  from {
    width: 296px;
  }
  to {
    width: 60px;
  }
}
@keyframes fade-content-menu-left {
  from {
    width: 296px;
  }
  to {
    width: 60px;
  }
}
@-webkit-keyframes fade-content-menu-right {
  from {
    width: 60px;
  }
  to {
    width: 296px;
  }
}
@keyframes fade-content-menu-right {
  from {
    width: 60px;
  }
  to {
    width: 296px;
  }
}
@-webkit-keyframes fade-content-main-left {
  from {
    margin-left: 296px;
  }
  to {
    margin-left: 60px;
  }
}
@keyframes fade-content-main-left {
  from {
    margin-left: 296px;
  }
  to {
    margin-left: 60px;
  }
}
@-webkit-keyframes fade-content-main-right {
  from {
    margin-left: 60px;
  }
  to {
    margin-left: 296px;
  }
}
@keyframes fade-content-main-right {
  from {
    margin-left: 60px;
  }
  to {
    margin-left: 296px;
  }
}
@-webkit-keyframes fade-alert-left {
  from {
    width: calc(100% - 337px);
  }
  to {
    width: calc(100% - 101px);
  }
}
@keyframes fade-alert-left {
  from {
    width: calc(100% - 337px);
  }
  to {
    width: calc(100% - 101px);
  }
}
@-webkit-keyframes fade-alert-right {
  from {
    width: calc(100% - 101px);
  }
  to {
    width: calc(100% - 337px);
  }
}
@keyframes fade-alert-right {
  from {
    width: calc(100% - 101px);
  }
  to {
    width: calc(100% - 337px);
  }
}
body.min-menu .content .content-menu {
  -webkit-animation-name: fade-content-menu-left;
  animation-name: fade-content-menu-left;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.min-menu .content .content-main {
  -webkit-animation-name: fade-content-main-left;
  animation-name: fade-content-main-left;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.min-menu .content .content-main > .alert {
  -webkit-animation-name: fade-alert-left;
  animation-name: fade-alert-left;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.max-menu .content .content-menu {
  -webkit-animation-name: fade-content-menu-right;
  animation-name: fade-content-menu-right;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.max-menu .content .content-main {
  -webkit-animation-name: fade-content-main-right;
  animation-name: fade-content-main-right;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.max-menu .content .content-main > .alert {
  -webkit-animation-name: fade-alert-right;
  animation-name: fade-alert-right;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.fadeIn-menu .content .content-menu .menu {
  -webkit-animation-name: fadeIn !important;
  animation-name: fadeIn !important;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
body.fadeOut-menu .content .content-menu .menu {
  -webkit-animation-name: fadeOut !important;
  animation-name: fadeOut !important;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
@-webkit-keyframes fade-menu-nav-up {
  from {
    top: 49px;
  }
  to {
    top: -500px;
  }
}
@keyframes fade-menu-nav-up {
  from {
    top: 49px;
  }
  to {
    top: -500px;
  }
}
@-webkit-keyframes fade-menu-nav-down {
  from {
    top: -500px;
  }
  to {
    top: 49px;
  }
}
@keyframes fade-menu-nav-down {
  from {
    top: -500px;
  }
  to {
    top: 49px;
  }
}
body.fade-menu-nav .header .menu-nav.fade-menu-nav-up {
  -webkit-animation-name: fade-menu-nav-up;
  animation-name: fade-menu-nav-up;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.fade-menu-nav .header .menu-nav.fade-menu-nav-down {
  -webkit-animation-name: fade-menu-nav-down;
  animation-name: fade-menu-nav-down;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes down-home-navigation {
  from {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes down-home-navigation {
  from {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes up-home-navigation {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@keyframes up-home-navigation {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@-webkit-keyframes down-GZList-nav {
  from {
    top: 60px;
  }
  to {
    top: 160px;
  }
}
@keyframes down-GZList-nav {
  from {
    top: 60px;
  }
  to {
    top: 160px;
  }
}
@-webkit-keyframes up-GZList-nav {
  from {
    top: 160px;
  }
  to {
    top: 60px;
  }
}
@keyframes up-GZList-nav {
  from {
    top: 160px;
  }
  to {
    top: 60px;
  }
}
body.down-home-navigation .header .navigation {
  -webkit-animation-name: down-home-navigation;
  animation-name: down-home-navigation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.down-home-navigation .GZList .GZList-nav {
  -webkit-animation-name: down-GZList-nav;
  animation-name: down-GZList-nav;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  top: 160px!important;
}
body.up-home-navigation .header .navigation {
  -webkit-animation-name: up-home-navigation;
  animation-name: up-home-navigation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
body.up-home-navigation .GZList .GZList-nav {
  -webkit-animation-name: up-GZList-nav;
  animation-name: up-GZList-nav;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  top: 60px!important;
}
.ban-floating {
  float: none!important;
}
.submit-btn-group .btn {
  margin-left: 40px;
}
.submit-btn-group .btn:first-child {
  margin-left: 0px;
}
.btn-ink-blue {
  width: 100px;
  height: 36px;
  font-size: 14px;
  color: #535353;
  border: 2px solid #a3d1cf;
  border-radius: 4px;
  background: #fff;
}
.btn-yellow-green {
  width: 100px;
  height: 36px;
  font-size: 14px;
  color: #535353;
  border: 2px solid #def1bd;
  border-radius: 4px;
  background: #fff;
}
.btn-pea-green {
  width: 100px;
  height: 36px;
  font-size: 14px;
  color: #535353;
  border: 2px solid #a8d091;
  border-radius: 4px;
  background: #fff;
}
.btn-light-orange {
  width: 100px;
  height: 36px;
  font-size: 14px;
  color: #535353;
  border: 2px solid #fab78d;
  border-radius: 4px;
  background: #fff;
}
.btn-gray-purple {
  width: 100px;
  height: 36px;
  font-size: 14px;
  color: #535353;
  border: 2px solid #aba5bf;
  border-radius: 4px;
  background: #fff;
}
.btn-blue {
  width: 120px;
  height: 36px;
  font-size: 14px;
  color: #fff !important;
  border-radius: 4px;
  background: #00B5FF;
}
.btn-blue:hover {
  background: #4eccff;
}
.btn-blue:active {
  background: #008fca;
}
.btn-green {
  width: 120px;
  height: 36px;
  font-size: 14px;
  color: #fff !important;
  border-radius: 4px;
  background: #86c65c;
}
.btn-green:hover {
  background: #a0ed6d;
}
.btn-green:active {
  background: #6da14a;
}
.btn-gray {
  width: 120px;
  height: 36px;
  font-size: 14px;
  color: #fff !important;
  border-radius: 4px;
  background: #666;
}
.btn-gray:hover {
  background: #8c8c8c;
}
.btn-gray:active {
  background: #404040;
}
.btn-light-gray {
  width: 120px;
  height: 36px;
  font-size: 14px;
  color: #666 !important;
  border-radius: 4px;
  background: #ebebeb;
}
.btn-light-gray:hover {
  border: 1px solid #ccc;
}
.btn-light-gray:active {
  background: #ccc;
}
.btn-blued {
  width: 70px;
  height: 26px;
  font-size: 12px;
  color: #fff !important;
  background: #00B5FF;
  padding: 4px 12px;
}
.btn-blued:hover {
  background: #4eccff;
}
.btn-blued:active {
  background: #008fca;
}
.btn-blue-big {
  z-index: 999;
  width: 68px;
  height: 68px;
  font-size: 14px;
  color: #fff !important;
  background: #00B5FF;
  padding: 4px 12px;
  border-radius: 8px;
  position: fixed;
  bottom: 25px;
  right: 25px;
}
.btn-blue-big:hover {
  background: #4eccff;
}
.btn-blue-big:hover .btn-describe {
  background: #39e5cf;
}
.btn-blue-big:hover .btn-describe:before {
  border-left: 7px solid #39e5cf;
}
.btn-blue-big:active {
  background: #008fca;
}
.btn-blue-big .btn-describe {
  display: none;
  width: 68px;
  height: 68px;
  padding-top: 13px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  position: absolute;
  top: -1px;
  left: -65px;
  background: #28ccb7;
}
.btn-blue-big .btn-describe:before {
  content: "";
  display: block;
  position: absolute;
  top: 26px;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #28ccb7;
}
.btn-orange {
  width: 120px;
  height: 36px;
  font-size: 14px;
  color: #fff !important;
  border-radius: 4px;
  background: #ff9934;
}
.btn-orange:hover {
  background: #ffbd82;
}
.btn-orange:active {
  background: #d1792b;
}
.btn-blue-text {
  max-width: 120px;
  height: 36px;
  font-size: 14px;
  color: #00B5FF !important;
  border: 1px solid #00B5FF;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-blue-text:hover {
  background: #00B5FF;
  color: #FFF !important;
  border: 1px solid #4eccff;
}
.btn-blue-text:active {
  background: #00B5FF;
  color: #FFF !important;
  border: 1px solid #4eccff;
}
.btn-green-text {
  max-width: 120px;
  height: 36px;
  font-size: 14px;
  color: #86c65c !important;
  border: 1px solid #86c65c;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-green-text:hover {
  background: #ebebeb;
  color: #a0ed6d !important;
  border: 1px solid #a0ed6d;
}
.btn-green-text:active {
  background: #bfbfbf;
  color: #6da14a !important;
  border: 1px solid #6da14a;
}
.btn-gray-text {
  max-width: 120px;
  height: 36px;
  font-size: 14px;
  color: #666 !important;
  border: 1px solid #666;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-gray-text:hover {
  background: #ebebeb;
  color: #8c8c8c !important;
  border: 1px solid #8c8c8c;
}
.btn-gray-text:active {
  background: #bfbfbf;
  color: #404040 !important;
  border: 1px solid #404040;
}
a[type="button"] .sys-icons,
button .sys-icons {
  margin-top: -2px;
  margin-right: 8px;
}
*.disabled {
  cursor: auto;
}
*.disabled:not(textarea) {
  pointer-events: none;
}
/*
 *
 *
*/
select.form-control {
  max-width: 200px;
  width: 100%;
  height: 36px;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
select.form-control.disabled,
select.form-control[disabled],
select.form-control[readonly] {
  border-color: #ececec;
  background-color: #FFFFFF;
  color: #999999;
  cursor: auto;
}
select.form-control.disabled:focus,
select.form-control[disabled]:focus,
select.form-control[readonly]:focus {
  box-shadow: none;
}
select.form-control:focus {
  border-color: #00B5FF;
  border-radius: 0px;
  box-shadow: none;
  box-shadow: 0px 0px 4px #00B5FF;
  -webkit-box-shadow: 0px 0px 4px #00B5FF;
}
input.form-control {
  width: 100%;
  max-width: 200px;
  height: 36px;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
input.form-control:focus {
  border-color: #00B5FF;
  border-radius: 0px;
  box-shadow: 0px 0px 4px #00B5FF;
  -webkit-box-shadow: 0px 0px 4px #00B5FF;
}
input.form-control.disabled,
input.form-control[disabled],
input.form-control[readonly] {
  border-color: #ececec;
  background-color: #FFFFFF;
  color: #999999;
  cursor: auto;
}
input.form-control.disabled:focus,
input.form-control[disabled]:focus,
input.form-control[readonly]:focus {
  box-shadow: none;
}
input.form-proving {
  width: 100%;
  height: 36px;
  border: 1px solid #e82121;
  border-radius: 0px;
  box-shadow: 0px 0px 5px 1px rgba(232, 33, 33, 0.4) inset;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(232, 33, 33, 0.4) inset;
}
input.form-proving:focus {
  border-color: #00B5FF;
  border-radius: 0px;
  outline: 0;
  box-shadow: 0px 0px 4px #00B5FF;
  -webkit-box-shadow: 0px 0px 4px #00B5FF;
}
textarea.form-control {
  width: 100%;
  height: auto;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  resize: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
textarea.form-control:focus {
  border-color: #00B5FF;
  border-radius: 0px;
  box-shadow: 0px 0px 4px #00B5FF;
  -webkit-box-shadow: 0px 0px 4px #00B5FF;
}
textarea.form-control.disabled {
  border-color: #e5e5e5;
  background-color: #fff;
  cursor: default;
}
textarea.form-control[disabled],
textarea.form-control[readonly] {
  border-color: #ececec;
  background-color: #FFFFFF;
  color: #999999;
  box-shadow: none;
}
.checkbox-inline,
.radio-inline {
  line-height: 36px;
  height: 36px;
}
.checkbox-inline input[type="checkbox"],
.radio-inline input[type="checkbox"],
.checkbox-inline input[type="radio"],
.radio-inline input[type="radio"] {
  opacity: 0;
  width: 14px;
  height: 14px;
  cursor: pointer;
  z-index: 1;
  top: 6px;
}
.checkbox-inline input[type="checkbox"]:checked + label.label-checkbox:after,
.radio-inline input[type="checkbox"]:checked + label.label-checkbox:after,
.checkbox-inline input[type="radio"]:checked + label.label-radio:after,
.radio-inline input[type="radio"]:checked + label.label-radio:after {
  opacity: 1;
}
.checkbox-inline label.label-checkbox,
.radio-inline label.label-checkbox,
.checkbox-inline label.label-radio,
.radio-inline label.label-radio {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  padding-left: 0px;
  position: absolute;
  top: 2px;
  left: 1px;
}
.checkbox-inline label.label-checkbox:before,
.radio-inline label.label-checkbox:before,
.checkbox-inline label.label-radio:before,
.radio-inline label.label-radio:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 8px;
  margin-left: -1px;
  border: 1px solid #cccccc;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.checkbox-inline label.label-checkbox:after,
.radio-inline label.label-checkbox:after,
.checkbox-inline label.label-radio:after,
.radio-inline label.label-radio:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 6px;
  height: 6px;
  left: 3px;
  top: 11px;
  margin-top: 1px;
  background-color: #359aff;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.checkbox-inline span.text-overflow,
.radio-inline span.text-overflow {
  display: block;
}
.checkbox-inline .staff-name,
.radio-inline .staff-name {
  display: inline-block;
  width: 100%;
}
.radio-inline label.label-radio:before {
  border-radius: 50%;
}
.radio-inline label.label-radio:after {
  border-radius: 50%;
}
.bs-checkbox,
.bs-checkbox .th-inner {
  display: table-cell !important;
}
.bs-checkbox input[type="radio"],
.bs-checkbox .th-inner input[type="radio"] {
  opacity: 0;
  width: 14px;
  height: 14px;
  top: 16px;
  left: 11px;
  cursor: pointer;
  z-index: 1;
}
.bs-checkbox input[type="radio"]:checked + label:after,
.bs-checkbox .th-inner input[type="radio"]:checked + label:after {
  opacity: 1;
}
.bs-checkbox label.label-radio,
.bs-checkbox .th-inner label.label-radio {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  padding-left: 0px;
  position: relative;
  top: 0px;
  left: -6px;
}
.bs-checkbox label.label-radio:before,
.bs-checkbox .th-inner label.label-radio:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  margin-left: -1px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.bs-checkbox label.label-radio:after,
.bs-checkbox .th-inner label.label-radio:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 6px;
  height: 6px;
  left: 3px;
  top: 5px;
  margin-top: 1px;
  border-radius: 50%;
  background-color: #359aff;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.bs-checkbox,
.bs-checkbox .th-inner {
  width: inherit;
}
.bs-checkbox input[type="checkbox"],
.bs-checkbox .th-inner input[type="checkbox"] {
  opacity: 0;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: 11px;
  cursor: pointer;
  z-index: 1;
}
.bs-checkbox input[type="checkbox"]:checked + label.label-checkbox:after,
.bs-checkbox .th-inner input[type="checkbox"]:checked + label.label-checkbox:after {
  opacity: 1;
}
.bs-checkbox label.label-checkbox,
.bs-checkbox .th-inner label.label-checkbox {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  padding-left: 0px;
  position: relative;
  top: 0px;
  left: -6px;
}
.bs-checkbox label.label-checkbox:before,
.bs-checkbox .th-inner label.label-checkbox:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  margin-left: -1px;
  border: 1px solid #cccccc;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.bs-checkbox label.label-checkbox:after,
.bs-checkbox .th-inner label.label-checkbox:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 6px;
  height: 6px;
  left: 3px;
  top: 5px;
  margin-top: 1px;
  background-color: #359aff;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
td.bs-checkbox {
  vertical-align: middle !important;
}
label.control-label {
  padding: 8px 0px 8px 15px !important;
  font-weight: normal;
  text-align: left !important;
}
.ztree {
  width: 100%;
  height: 100%;
  padding: 5px 5px 5px 15px !important;
  overflow: auto;
}
.ztree * {
  font-size: 14px !important;
  font-family: "Microsoft YaHei" !important;
}
.ztree li > a {
  height: 27px !important;
  padding: 3px !important;
}
.ztree li > a.curSelectedNode {
  opacity: 1 !important;
  color: #00B5FF !important;
  background-color: #FFFFFF !important;
  border-radius: 3px;
  border: 1px solid #FFFFFF;
  text-decoration: none !important;
}
.ztree li > a.curSelectedNode .node_name {
  padding: 0px 5px;
  background: #39f;
  color: #fff;
  border-radius: 2px;
}
.ztree li > a:hover,
.ztree li > a:focus {
  color: #00B5FF !important;
  background-color: #FFFFFF !important;
  border-radius: 3px;
  border: 1px solid #FFFFFF;
  text-decoration: none !important;
}
.modal .ztree li > a.curSelectedNode {
  background-color: #DFEFFF !important;
  color: #666666 !important;
}
.modal .ztree li > a.curSelectedNode .node_name {
  padding: 0px;
  background: none;
  color: inherit;
  border-radius: 0px;
}
.tiny-menu {
  width: 30px;
  height: 30px;
  z-index: 900;
  position: absolute;
  display: none;
}
.tiny-menu:before {
  content: ' ';
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 32px solid transparent;
  position: absolute;
  left: -27px;
  z-index: -1;
}
.tiny-menu ul {
  max-width: 200px;
  min-width: 100px;
  height: auto;
  background: #fff;
  padding: 0px !important;
  border: 1px solid #e5e5e5;
  position: absolute;
  top: 28px;
  left: -26px;
}
.tiny-menu ul li {
  width: inherit;
  height: 34px;
  line-height: 16px;
  font-size: 14px;
  text-align: center;
  font-family: "Microsoft YaHei";
  padding: 9px 25px;
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  color: #666666;
}
.tiny-menu ul li:hover {
  background: #EFF4F7;
  color: #00B5FF;
}
.tiny-menu ul li:first-child:before {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e5e5e5;
  border-left: 5px solid transparent;
  position: absolute;
  top: -6px;
  left: 30px;
}
.tiny-menu ul li:first-child:after {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  position: absolute;
  top: -5px;
  left: 30px;
}
.tiny-menu ul li:first-child:hover:after {
  border-bottom: 8px solid #EFF4F7;
}
.table-box {
  padding: 0px 0px 25px;
}
.table-box .table-box-title {
  font-size: 16px;
  color: #00B5FF;
  background-color: #FFFFFF !important;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid #00B5FF;
  padding: 8px 25px;
}
.table-box .table-box-title .system-states-filter {
  width: 200px;
  margin-left: 5px;
}
.table-box .table-box-title strong {
  line-height: 36px;
}
.table-box .table-box-content {
  background-color: #FFFFFF;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.035);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.035);
}
.table-box .table-box-content.fixed-overflow .bootstrap-table:not(.fixed-columns) .fixed-table-body {
  overflow: auto !important;
}
.table-box .table-box-content.fixed-overflow .bootstrap-table:not(.fixed-columns) .fixed-table-body table tbody tr:not(:first-child) .btn-group .dropdown-menu {
  right: 0;
  left: auto;
  bottom: 34px;
  top: inherit;
}
.form-box {
  padding: 0px 0px 25px;
}
.form-box.role-personnel-accredit .form-box-content .col-xs-2 {
  width: 100px;
}
.form-box .form-box-title {
  font-size: 16px;
  color: #00B5FF;
  background-color: #FFFFFF !important;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid #00B5FF;
  padding: 8px 25px;
}
.form-box .form-box-title strong {
  line-height: 36px;
}
.form-box .form-box-content {
  border: 1px solid #e5e5e5;
  color: #3e3e3e;
  padding: 28px 15px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.035);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.035);
}
.form-box .form-box-content .row > div {
  margin-bottom: 23px;
}
.form-box .form-box-content .row .input-text,
.form-box .form-box-content .row .inputText {
  position: relative;
}
.form-box .form-box-content .row .input-text input,
.form-box .form-box-content .row .inputText input {
  max-width: none;
}
.form-box .form-box-content .input-group input.disabled[readonly],
.form-box .form-box-content .input-group input.editable {
  max-width: 133px;
}
.form-box .form-box-content .input-group .input-group-btn button.btn-blue {
  width: 68px;
}
.fixed-table-pagination ul.pagination > li > a {
  margin-left: 5px;
  border-color: #e5e5e5;
  border-radius: 0px;
}
.fixed-table-pagination ul.pagination > li.jumpto {
  margin-left: 15px;
}
.fixed-table-pagination ul.pagination > li.jumpto > input {
  height: 31px;
  width: 50px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
}
.fixed-table-pagination ul.pagination > li.jumpto > .btn {
  height: 34px;
  margin-left: 5px;
  border-color: #e5e5e5;
  border-radius: 0px;
}
.fixed-table-pagination ul.pagination > li.jumpto .tooltip .tooltip-arrow {
  border-left-color: #666;
}
.fixed-table-pagination ul.pagination > li.jumpto .tooltip .tooltip-inner {
  background-color: #666;
}
.fixed-table-pagination ul.pagination > li.active > a {
  background: #00B5FF;
  border-color: #00B5FF;
}
.fixed-table-pagination ul.pagination > li.active.jumpto > .btn {
  height: 34px;
  background: #00B5FF;
  border-color: #00B5FF;
}
.fixed-table-pagination ul.pagination > li:first-child a {
  margin-left: 0px;
}
.bootstrap-table.fixed-columns table {
  table-layout: fixed !important;
}
.bootstrap-table.fixed-columns table thead tr:nth-of-type(2) th {
  width: 100px;
}
.bootstrap-table.fixed-columns table thead tr th {
  width: 200px;
}
.bootstrap-table.fixed-columns table > tbody > tr.hover > td,
.bootstrap-table.fixed-columns table > tbody > tr.selected > td {
  background-color: #E8F9FE !important;
}
.bootstrap-table.fixed-columns.fixed-operation .fixed-table-body .table-hover .btn-group {
  opacity: 0;
  pointer-events: none;
}
.bootstrap-table.fixed-columns.fixed-state .fixed-table-header .table-hover .bs-checkbox,
.bootstrap-table.fixed-columns.fixed-state .fixed-table-body .table-hover .bs-checkbox {
  opacity: 0;
  pointer-events: none;
}
.bootstrap-table:not(.fixed-columns) .fixed-table-body {
  overflow: inherit !important;
  height: auto !important;
}
.bootstrap-table:not(.fixed-columns) table tbody tr {
  height: 48px;
}
.bootstrap-table:not(.fixed-columns) table tbody tr td:last-child {
  padding: 6px !important;
}
.bootstrap-table .fixed-table-container {
  border-color: #e5e5e5 !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-bottom: none;
}
.bootstrap-table .fixed-table-container .table {
  background-color: #FFF;
}
.bootstrap-table .fixed-table-container .table thead tr th {
  color: #999999 !important;
  font-weight: normal;
  background: #F4F4F4 !important;
  border-left-color: #e5e5e5 !important;
  border-bottom-color: #e5e5e5 !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.bootstrap-table .fixed-table-container .table tbody tr td {
  max-width: 100px;
  border-color: #e5e5e5 !important;
  word-break: break-all;
}
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr {
  background-color: #FFFFFF !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td {
  background-color: #FFFFFF !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td.active,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td.active,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td.active,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td.active,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td.active,
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td:active,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td:active,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td:active,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td:active,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td:active,
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td:hover,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td:hover,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td:hover,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td:hover,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td:hover,
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td:focus,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td:focus,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td:focus,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td:focus,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td:focus,
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td.selected,
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td.selected,
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td.selected,
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td.selected,
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td.selected {
  background-color: #E8F9FE !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td.merge-cell-td [name="btSelectItem"],
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td.merge-cell-td [name="btSelectItem"],
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td.merge-cell-td [name="btSelectItem"],
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td.merge-cell-td [name="btSelectItem"],
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td.merge-cell-td [name="btSelectItem"] {
  pointer-events: none;
}
.bootstrap-table .fixed-table-container .table tbody tr.active.merge-cell-tr td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr:active.merge-cell-tr td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr:hover.merge-cell-tr td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr:focus.merge-cell-tr td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr.selected.merge-cell-tr td:not(.merge-cell-td) {
  background-color: #E8F9FE !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.active:not(.merge-cell-tr),
.bootstrap-table .fixed-table-container .table tbody tr:active:not(.merge-cell-tr),
.bootstrap-table .fixed-table-container .table tbody tr:hover:not(.merge-cell-tr),
.bootstrap-table .fixed-table-container .table tbody tr:focus:not(.merge-cell-tr),
.bootstrap-table .fixed-table-container .table tbody tr.selected:not(.merge-cell-tr) {
  background-color: #E8F9FE !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.active:not(.merge-cell-tr) td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr:active:not(.merge-cell-tr) td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr:hover:not(.merge-cell-tr) td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr:focus:not(.merge-cell-tr) td.merge-cell-td,
.bootstrap-table .fixed-table-container .table tbody tr.selected:not(.merge-cell-tr) td.merge-cell-td {
  background-color: #FFFFFF !important;
}
.bootstrap-table .fixed-table-container .table tbody tr.active:not(.merge-cell-tr) td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr:active:not(.merge-cell-tr) td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr:hover:not(.merge-cell-tr) td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr:focus:not(.merge-cell-tr) td:not(.merge-cell-td),
.bootstrap-table .fixed-table-container .table tbody tr.selected:not(.merge-cell-tr) td:not(.merge-cell-td) {
  background-color: #E8F9FE !important;
}
.bootstrap-table .fixed-table-container .fixed-table-pagination {
  padding: 0px 15px;
}
.statistics-report-table .fixed-table-body {
  height: auto !important;
}
.switch {
  width: 62px;
  height: 32px;
  margin: auto;
}
.switch .onoffswitch {
  position: relative;
  width: 62px;
  height: 32px;
  -webkit-user-select: none;
}
.switch .onoffswitch .onoffswitch-checkbox {
  display: none;
}
.switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner:after {
  transform: scale(0, 0);
}
.switch .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 2px;
}
.switch .onoffswitch .onoffswitch-label {
  display: block;
  width: 62px;
  height: 32px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 16px;
}
.switch .onoffswitch .onoffswitch-label .onoffswitch-inner {
  display: block;
  -webkit-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.switch .onoffswitch .onoffswitch-label .onoffswitch-inner:before,
.switch .onoffswitch .onoffswitch-label .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 100%;
  height: 32px;
  padding: 0;
  border-radius: 16px;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
}
.switch .onoffswitch .onoffswitch-label .onoffswitch-inner:before {
  content: "";
  background-color: #00B5FF;
}
.switch .onoffswitch .onoffswitch-label .onoffswitch-inner:after {
  content: "";
  background-color: #ccc;
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.35s ease-in 0s;
}
.switch .onoffswitch .onoffswitch-label .onoffswitch-switch {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0px;
  background: #FFFFFF;
  border-radius: 14px;
  position: absolute;
  top: 2px;
  right: 32px;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.wrapper-left {
  float: left;
  width: 300px;
  height: 100%;
  border: 1px solid #e5e5e5;
  background: #f2f4f5;
}
.wrapper-left .tree-box {
  padding: 20px 24px;
  height: 100%;
  background: #FFFFFF;
}
.wrapper-left .tree-box .tree-box-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
.wrapper-left .tree-box .tree-box-title .input-group input {
  width: 175px;
}
.wrapper-left .tree-box .tree-box-title .input-group input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.wrapper-left .tree-box .tree-box-title .input-group .input-group-btn button[type="button"] {
  width: 76px;
}
.wrapper-left .tree-box .tree-box-title .input-group .input-group-btn button[type="button"] .sys-icons {
  margin-top: -2px;
  margin-right: 8px;
}
.wrapper-left .tree-box .tree-box-content {
  position: relative;
  height: calc(100% - 57px);
}
.wrapper-right {
  float: right;
  width: calc(100% - 300px);
  height: 100%;
  overflow: auto;
  padding-left: 15px;
}
@media (min-width: 992px) {
  label.control-label {
    min-width: 180px;
  }
  .col-sm-8 {
    width: 100%;
  }
  .textarea-parents .col-md-10 {
    min-width: 92%;
  }
  .modal label.control-label {
    min-width: inherit;
  }
}
@media (max-width: 992px) {
  .form-box .form-box-content .input-text,
  .form-box .form-box-content .inputText,
  .form-box .form-box-content .upload-box,
  .form-box .form-box-content .upload-files {
    left: -5px;
  }
}
@media (min-width: 1705px) {
  .form-box .form-box-content .input-text,
  .form-box .form-box-content .inputText,
  .form-box .form-box-content .upload-box,
  .form-box .form-box-content .upload-files {
    left: -5px;
  }
  label.control-label {
    min-width: 0;
  }
  .offset-position,
  .col-sm-8 textarea.form-control {
    position: relative;
    left: -7px;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .textarea-parents .col-lg-10 {
    min-width: 0%;
  }
  .textarea-parents .col-lg-10 textarea.disabled {
    width: 99%;
  }
}
.modal .modal-dialog .modal-content {
  border-radius: 0;
  border-top: 4px solid #00B5FF;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 15px 25px;
  cursor: move;
}
.modal .modal-dialog .modal-content .modal-body {
  max-height: 450px;
  overflow-y: auto;
}
.modal .modal-dialog .modal-content .modal-body .input-group {
  margin-left: 0;
}
.modal .modal-dialog .modal-content .modal-body .input-group input.disabled[readonly] {
  max-width: 133px;
}
.modal .modal-dialog .modal-content .modal-body .input-group .input-group-btn button.btn-blue:not(.fuzzy-search) {
  width: 77px;
}
.modal .modal-dialog .modal-footer {
  border: none;
  background-color: #F7F7F7;
  text-align: center;
  padding: 25px;
}
.modal .modal-dialog .modal-footer a.btn:last-child {
  margin-left: 35px;
}
.select-zujian {
  float: left;
  max-width: 200px;
  height: 36px;
  padding: 0px 8px;
  position: relative;
}
.select-zujian::after {
  content: "-";
  position: absolute;
  top: 8px;
  right: -3px;
}
.select-zujian:first-child {
  padding-left: 0px;
}
.select-zujian:last-child {
  padding-right: 0px;
}
.select-zujian:last-child::after {
  content: "";
  width: 0px;
  height: 0px;
}
.input-zujian {
  float: left;
  width: 200px;
  height: 36px;
  margin: 0px 8px;
  position: relative;
}
.input-zujian:after {
  content: "-";
  position: absolute;
  top: 8px;
  right: -11px;
}
.input-zujian:first-child {
  margin-left: 0px;
}
.input-zujian:last-child {
  margin-right: 0px;
}
.input-zujian:last-child:after {
  content: "";
  width: 0px;
  height: 0px;
}
@media (max-width: 992px) {
  .input-zujian:first-child {
    margin-left: -5px;
  }
}
@media (min-width: 1705px) {
  .input-zujian:first-child {
    margin-left: -7px;
  }
}
/*
 *
 *    WebUpLoad重新写的样式
 *
 **/
.upload-box {
  border: 1px solid #e5e5e5;
  padding: 15px;
  -webkit-box-shadow: 0 3px 0 0 #F7F7F7;
  box-shadow: 0 3px 0 0 #F7F7F7;
  position: relative;
}
.upload-box .web-uploader {
  width: 100%;
  height: auto;
  position: relative;
}
.upload-box .web-uploader .file-up-btn {
  position: relative;
}
.upload-box .web-uploader .file-up-btn .webuploader-pick {
  background: #00B5FF;
  padding: 8px 15px;
  width: 120px;
  height: 36px;
}
.upload-box .web-uploader .file-up-btn .webuploader-pick .upload-icon {
  margin-right: 12px;
}
.upload-box .web-uploader .file-up-btn .webuploader-pick-hover {
  background: #4eccff;
}
.upload-box .web-uploader .file-up-btn .error {
  display: inline-block;
  position: relative;
  top: -11px;
  left: 10px;
  color: #FE892C;
}
.upload-box .web-uploader .file-up-btn .error .info-icon {
  margin-right: 5px;
}
.upload-box .web-uploader .file-name .list-group {
  display: none;
  margin-top: 23.5px;
  margin-bottom: 23.5px;
}
.upload-box .web-uploader .file-name .list-group .list-group-item {
  float: left;
  position: relative;
  display: block;
  width: 170px;
  font-size: 12px;
  line-height: 20px;
  margin-right: 15px;
  padding: 5px 0px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  border: 0px;
  border-radius: 5px;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .upstate {
  margin-left: 2px;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .upfile-name {
  width: 70px;
  cursor: pointer;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .upfile-name:not([href]) {
  cursor: default;
  color: #333;
  text-decoration: none !important;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .view-file,
.upload-box .web-uploader .file-name .list-group .list-group-item .play-media,
.upload-box .web-uploader .file-name .list-group .list-group-item .view-img {
  margin-left: 15px;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .remove-file {
  position: absolute;
  top: 6px;
  right: 4px;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .progress {
  margin-bottom: 0;
  position: relative;
  top: 4px;
  background-color: #333333;
  opacity: 0.7;
}
.upload-box .web-uploader .file-name .list-group .list-group-item .sys-icons {
  margin: 0px 6px;
}
.upload-box .web-uploader .list-group {
  margin-bottom: 10px;
}
.upload-box .web-uploader .list-group .img-item {
  width: 98px;
  height: 98px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 0;
  border-color: #E5E5E5;
  padding: 2px;
  position: relative;
}
.upload-box .web-uploader .list-group .img-item:hover,
.upload-box .web-uploader .list-group .img-item:focus {
  border-color: #00B5FF;
}
.upload-box .web-uploader .list-group .img-item:hover.img-up-btn .webuploader-pick .img-pick,
.upload-box .web-uploader .list-group .img-item:focus.img-up-btn .webuploader-pick .img-pick {
  background-position: -104.8px -335px;
}
.upload-box .web-uploader .list-group .img-item:hover a.remove-img,
.upload-box .web-uploader .list-group .img-item:focus a.remove-img {
  display: block;
  z-index: 1;
}
.upload-box .web-uploader .list-group .img-item .progress,
.upload-box .web-uploader .list-group .img-item .error,
.upload-box .web-uploader .list-group .img-item .remove-img {
  position: absolute;
  top: 2px;
  left: 2px;
  margin: 0;
  opacity: 0.7;
  width: calc(100% - 4px);
  height: 22px;
  background-color: #333333;
  color: #FFFFFF;
  border-radius: 0;
  overflow: inherit;
  text-align: center;
}
.upload-box .web-uploader .list-group .img-item .error {
  background-color: #FFF9EF;
  color: #FE892C;
  opacity: 0.9;
}
.upload-box .web-uploader .list-group .img-item .error i.sys-icons {
  height: 21px;
  margin-right: 5px;
}
.upload-box .web-uploader .list-group .img-item .error span {
  line-height: 22px;
}
.upload-box .web-uploader .list-group .img-item .remove-img {
  text-align: right;
  opacity: 0;
  z-index: 1;
}
.upload-box .web-uploader .list-group .img-item .remove-img span {
  top: 0;
  width: 22px;
  height: 22px;
  padding: 4px;
}
.upload-box .web-uploader .list-group .img-item .remove-img span:hover,
.upload-box .web-uploader .list-group .img-item .remove-img span:focus,
.upload-box .web-uploader .list-group .img-item .remove-img span:active {
  opacity: 0.8;
}
.upload-box .web-uploader .list-group .img-item .remove-img:hover,
.upload-box .web-uploader .list-group .img-item .remove-img:focus,
.upload-box .web-uploader .list-group .img-item .remove-img:active {
  opacity: 0.7;
}
.upload-box .web-uploader .list-group .img-item .icon-box {
  width: 92px;
  height: 92px;
  text-align: center;
  padding-top: 24px;
  position: absolute;
}
.upload-box .web-uploader .list-group .img-up-btn .webuploader-pick {
  width: 92px;
  height: 92px;
  background-color: white;
  padding: 0px;
  display: block;
  overflow: inherit;
}
.upload-box .web-uploader .list-group .img-up-btn .webuploader-pick .img-pick {
  width: 92px;
  height: 92px;
  display: block;
}
.upload-box .web-uploader .list-group .img-up-btn .webuploader-pick .img-pick:hover,
.upload-box .web-uploader .list-group .img-up-btn .webuploader-pick .img-pick:focus {
  border-color: #00B5FF;
}
.upload-box .web-uploader .list-group .img-up-btn > div:last-child input[type=file] {
  width: 100%;
  height: 100%;
}
.upload-box .web-uploader .list-group .img-up-btn > div:last-child label {
  margin: 0;
}
.upload-box .web-uploader .upload-caption {
  color: #999999;
  font-size: 12px;
}
.alert.alert-error,
.alert.alert-info {
  position: absolute;
  width: calc(100% - 337px);
  padding: 11px 13px 10px;
  border-radius: 0;
}
.alert.alert-browser-info {
  position: absolute;
  width: 100%;
  padding: 11px 13px 10px;
  border-radius: 0;
  z-index: 99999;
}
.alert.alert-error {
  color: #e60012;
  background: #ffeaea;
  border: 1px solid #e60012;
}
.alert.alert-info,
.alert.alert-browser-info {
  color: #333;
  background: #f6fbf2;
  border: 1px solid #86c65c;
}
.alert i.sys-icons {
  margin-right: 15px;
  margin-bottom: 2px;
}
.alert.alert-dismissible .close {
  right: 0;
  opacity: 0.5;
  outline: none;
}
.alert.alert-dismissible .close:active,
.alert.alert-dismissible .close:hover,
.alert.alert-dismissible .close:focus {
  opacity: 1;
}
.alert.alert-dismissible .close i.close-icon {
  margin-right: 0;
}
.sys-msg.sys-info {
  color: #333;
}
.sys-msg.sys-error {
  color: #e60012;
}
.sys-msg i.sys-icons {
  margin-right: 15px;
  margin-bottom: 4px;
}
.capsule {
  color: #fff;
  vertical-align: middle;
  border-radius: 4px;
  padding: 6px 12px;
  margin-right: 5px;
  user-select: none;
}
.capsule.capsule-error {
  background: #e60012;
}
.capsule.capsule-info {
  background: #86c65c;
}
.capsule:active,
.capsule:hover,
.capsule:focus {
  color: #ffffff;
  opacity: 0.7;
  text-decoration: none;
}
.capsule i.sys-icons {
  margin-right: 6px;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 725px;
    top: 150px;
  }
  #success-tips .modal-dialog {
    width: 420px;
    height: 230px;
  }
  #success-tips .modal-dialog .modal-header {
    padding: 10px 25px;
  }
  #success-tips .modal-dialog .modal-body {
    padding-bottom: 28px;
  }
  #success-tips .modal-dialog .modal-body .success-tips-content {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 36px;
    padding-left: 100px;
  }
  #success-tips .modal-dialog .modal-body .success-tips-content .sys-icons {
    margin-right: 15px;
  }
  #success-tips .modal-dialog .modal-body .success-tips-content p {
    margin: 0px;
  }
}
@media (max-width: 768px) {
  .modal .modal-dialog {
    width: 750px;
    margin: 150px auto;
  }
  .modal .modal-dialog .col-sm-2 {
    float: left;
    width: 16.66666667%;
  }
  .modal .modal-dialog .col-sm-4 {
    float: left;
    width: 33.33333333%;
  }
  .modal .modal-dialog .col-sm-6 {
    float: left;
    width: 50%;
  }
  #success-tips .modal-dialog {
    width: 420px;
    height: 230px;
  }
  #success-tips .modal-dialog .success-tips-content {
    margin-bottom: 10px;
  }
}
.input-group input.form-control {
  max-width: 250px;
}
.input-group .input-group-btn {
  float: left;
}
.input-group.search {
  margin-right: 5px;
}
.input-group.search .fuzzy-search {
  width: 45px;
}
.org-selected label,
.staff-selected label {
  vertical-align: top;
  margin-top: 4px;
  padding-left: 15px;
  height: 26px;
}
.org-selected .selected-items,
.staff-selected .selected-items {
  display: inline-block;
  width: calc(100% - 115px);
}
.org-selected .selected-items .item,
.staff-selected .selected-items .item {
  border-radius: 3px;
  display: block;
  background-color: #e5e5e5;
  color: #666;
  height: 24px;
  line-height: 24px;
  margin: 3px;
  padding: 0px 12px;
  float: left;
}
.org-selected .selected-items .item .item-name,
.staff-selected .selected-items .item .item-name {
  max-width: 530px;
}
.org-selected .selected-items .item .glyphicon-remove,
.staff-selected .selected-items .item .glyphicon-remove {
  width: 16px;
  cursor: pointer;
  top: 2px;
}
.org-selected .selected-items .item .glyphicon-remove:focus,
.staff-selected .selected-items .item .glyphicon-remove:focus,
.org-selected .selected-items .item .glyphicon-remove:hover,
.staff-selected .selected-items .item .glyphicon-remove:hover {
  font-size: 16px;
  top: 3px;
}
ul.nav-tabs {
  margin-bottom: -1px;
  height: 54px;
  border: 1px solid #ddd;
  background-color: #F5F5F5;
}
ul.nav-tabs > li > a {
  padding: 15px 41px;
  border-radius: 0px;
  color: #666666;
  font-size: 16px;
  height: 54px;
}
ul.nav-tabs > li.active > a,
ul.nav-tabs > li:focus > a,
ul.nav-tabs > li:hover > a {
  color: #00B5FF !important;
  background-color: #FFFFFF !important;
  border: none;
  border-top: 3px solid #00B5FF !important;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  margin-top: -1px;
  margin-left: -1px;
  padding-top: 14px;
  font-weight: bold;
}
.datetimepicker {
  padding: 0px !important;
  border-color: #00B5FF;
  opacity: 0;
}
.datetimepicker:after,
.datetimepicker:before {
  border-bottom-color: #00B5FF !important;
}
.datetimepicker td,
.datetimepicker th {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.datetimepicker td span,
.datetimepicker th span {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.datetimepicker .prev,
.datetimepicker .next,
.datetimepicker .switch {
  color: #fff;
  background: #00B5FF;
}
.datetimepicker .prev:hover,
.datetimepicker .next:hover,
.datetimepicker .switch:hover {
  background: #59acff !important;
}
.datetimepicker table tr .active {
  background: #00B5FF !important;
  text-shadow: none !important;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new,
.datetimepicker table tr span.old {
  color: #5bccff !important;
}
.datetimepicker table tr td,
.datetimepicker table tr th {
  padding: 4px 8px !important;
}
.daterangepicker .drp-calendar table tr th,
.daterangepicker .drp-calendar table tr td {
  border-radius: 0!important;
}
.daterangepicker .drp-calendar table tr th.prev span,
.daterangepicker .drp-calendar table tr td.prev span,
.daterangepicker .drp-calendar table tr th.next span,
.daterangepicker .drp-calendar table tr td.next span {
  border: solid #00B5FF;
  border-width: 0 2px 2px 0;
}
.daterangepicker .drp-calendar table tr th.month,
.daterangepicker .drp-calendar table tr td.month {
  color: #666;
}
.daterangepicker .drp-calendar table tr th.month .monthselect,
.daterangepicker .drp-calendar table tr td.month .monthselect,
.daterangepicker .drp-calendar table tr th.month .yearselect,
.daterangepicker .drp-calendar table tr td.month .yearselect {
  background: #fff;
  border: 1px solid #e2e2e2;
  float: left;
}
.daterangepicker .drp-calendar table tr th.active,
.daterangepicker .drp-calendar table tr td.active {
  background-color: #00B5FF;
}
.daterangepicker .drp-calendar table tr th.off.start-date,
.daterangepicker .drp-calendar table tr td.off.start-date,
.daterangepicker .drp-calendar table tr th.off.end-date,
.daterangepicker .drp-calendar table tr td.off.end-date {
  background-color: #fff;
}
.daterangepicker .drp-calendar table tr th {
  color: #00B5FF;
}
.daterangepicker .drp-calendar .calendar-time .hourselect,
.daterangepicker .drp-calendar .calendar-time .minuteselect {
  background: #fff;
  border: 1px solid #e2e2e2;
}
.daterangepicker .drp-buttons .applyBtn {
  background-color: #00B5FF;
  border: 0;
}
.daterangepicker .drp-buttons .applyBtn:hover {
  background-color: #4ECCFF;
}
.daterangepicker .ranges ul li.active {
  background-color: #00B5FF;
}
.has-feedback {
  max-width: 200px;
}
.has-feedback.date-range {
  max-width: 400px;
}
.has-feedback.date-range input.form-control {
  max-width: none;
}
.has-feedback .form_datetime[readonly] {
  background-color: #FFFFFF;
}
.has-feedback .datetime-icon {
  position: absolute;
  top: 8px;
  right: 11px;
}
.required:before {
  content: '*';
  position: absolute;
  top: 7px;
  left: 2px;
  color: #ed3831;
  font-size: 20px;
  font-weight: bold;
}
form .alert-warning {
  padding: 6.5px 15px;
  margin-top: 2px;
  position: absolute;
  top: 42px;
  text-align: left;
  font-size: 12px;
  min-height: 36px;
  z-index: 1000;
  background-color: #FFF9EF;
  border-color: #FFCDA5;
  border-radius: 0px;
  box-shadow: 0 2px 2px #f8ecd9;
  color: #FE892C;
  line-height: 21px;
}
form .alert-warning:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFCDA5;
}
form .alert-warning:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFF9EF;
}
form .alert-warning button.close {
  top: -2px;
  right: -4px;
  color: #333333;
  opacity: 0.9;
  outline: none;
}
form .alert-warning i.sys-icons {
  margin-top: -4px;
  margin-right: 15px;
}
form .alert-warning > span.msg {
  line-height: 21px!important;
  cursor: default;
  height: auto!important;
}
#bst-context-menu .insert-step:hover .insert-step-icon {
  background-position: -73px -152px;
}
#bst-context-menu .step-up:hover .move-up {
  background-position: -35px -167px;
}
#bst-context-menu .step-down:hover .move-down {
  background-position: -35px -153px;
}
.layui-layer {
  font-size: 16px;
}
.layui-layer.layui-layer-dialog {
  min-width: 420px;
  min-height: 240px;
  border: none;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
}
.layui-layer.layui-layer-msg .layui-layer-content {
  padding: 30px !important;
  line-height: 24px !important;
}
.layui-layer.layui-layer-msg .layui-layer-content span.msg {
  display: inline-block;
  text-align: left;
}
.layui-layer .layui-layer-title {
  font-size: 18px;
  height: 53px;
  line-height: 53px;
  background-color: #ffffff;
  border-top: 5px solid #00B5FF;
  border-bottom: 1px solid #E6E6E6;
}
.layui-layer .layui-layer-content {
  text-align: center !important;
  font-size: 16px !important;
  height: 115px;
  line-height: 35px !important;
}
.layui-layer .layui-layer-content .layui-layer-ico {
  margin-right: 20px;
  position: static !important;
}
.layui-layer .layui-layer-content .msg {
  height: 46px;
  vertical-align: middle;
  line-height: 46px;
}
.layui-layer .layui-layer-ico {
  background-image: url(../../../img/sys-icons.png);
  background-repeat: no-repeat;
}
.layui-layer .layui-layer-ico.layui-layer-ico8 {
  background-position: -149px -71px;
  width: 44px !important;
  height: 44px !important;
  margin-top: 2px;
}
.layui-layer .layui-layer-ico.layui-layer-ico6 {
  background-position: -198px -71px;
  width: 44px !important;
  height: 44px !important;
  margin-top: 2px;
}
.layui-layer .layui-layer-ico.layui-layer-ico5 {
  background-position: -49px -71px;
  width: 44px !important;
  height: 44px !important;
  margin-top: 2px;
}
.layui-layer .layui-layer-ico.layui-layer-ico0 {
  background-position: -98px -71px;
  width: 44px !important;
  height: 44px !important;
  margin-top: 2px;
}
.layui-layer .layui-layer-ico.layui-layer-close {
  top: 5px;
  background-position: -109px -2px;
}
.layui-layer .layui-layer-btn {
  position: absolute;
  bottom: 23px;
  text-align: center;
  width: 100%;
}
.layui-layer .layui-layer-btn a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  border: none;
  border-radius: 4px;
}
.layui-layer .layui-layer-btn a.layui-layer-btn0 {
  color: #fff !important;
  background: #00B5FF;
}
.layui-layer .layui-layer-btn a.layui-layer-btn0:hover {
  background: #4eccff;
}
.layui-layer .layui-layer-btn a.layui-layer-btn0:active {
  background: #008fca;
}
.layui-layer .layui-layer-btn a.layui-layer-btn1 {
  color: #fff !important;
  background: #666;
}
.layui-layer .layui-layer-btn a.layui-layer-btn1:hover {
  background: #8c8c8c;
}
.layui-layer .layui-layer-btn a.layui-layer-btn1:active {
  background: #404040;
}
.layui-layer .layui-layer-btn a .sys-icons {
  margin-right: 10px;
  margin-top: -4px;
}
.layui-layer-tips .layui-layer-content {
  padding: 8px !important;
  height: auto;
  font-size: 14px !important;
  line-height: 18px !important;
  text-align: left !important;
  word-break: break-all;
  word-wrap: break-word;
}
.sug {
  display: none;
  position: absolute;
  top: 34px;
  z-index: 1000;
  max-width: 200px;
  width: calc(100% - 30px);
  background: #fff;
  border: 1px solid #ccc;
  _overflow: hidden;
  box-shadow: 1px 1px 3px #ededed;
  -webkit-box-shadow: 1px 1px 3px #ededed;
  -moz-box-shadow: 1px 1px 3px #ededed;
  -o-box-shadow: 1px 1px 3px #ededed;
}
.sug ul {
  margin-top: 5px;
  margin-bottom: 5px;
  max-height: 220px;
  padding: 0px;
  overflow: auto;
}
.sug ul li.sug-store {
  width: 100%;
  color: #333333;
  font-size: 12px;
  line-height: 22px;
  padding: 0 40px 0 8px;
  position: relative;
  cursor: pointer;
}
.sug ul li.sug-store .sug-store-del {
  font-size: 12px;
  color: #666666;
  text-decoration: underline;
  position: absolute;
  right: 8px;
  top: 0;
  cursor: pointer;
  display: none;
}
.sug ul li.sug-store:hover {
  background: #00B5FF;
  color: #fff;
}
.sug ul li.sug-store:hover .sug-store-del {
  display: block;
  color: #fff;
}
.value-input {
  width: 158px;
}
.value-input .minus-btn,
.value-input .plus-btn {
  float: left;
  width: 28px;
  height: 36px;
  padding: 4px 0px;
}
.value-input .minus-btn {
  margin-right: 4px;
}
.value-input .plus-btn {
  margin-left: 4px;
}
.value-input input {
  float: left;
  width: 94px;
  text-align: center;
}
.value-input .disabled {
  pointer-events: none;
}
[type="text/x-handlebars-template"] {
  display: none;
}
.upload-files {
  position: relative;
}
.upload-files .list-group .list-group-item {
  border-radius: 0 !important;
}
.upload-files .list-group .list-group-item .upfile-name {
  margin: 0px 10px;
  width: calc(80% - 20px);
}
.form-box-content .input-group input.disabled[readonly] {
  max-width: 140px;
}
.form-box-content .input-group .input-group-btn button.btn-blue {
  width: 68px;
}
.input-range {
  width: 100%;
  max-width: 200px;
}
.input-range input {
  width: calc((100% - 18px) / 2);
  float: left;
}
.input-range span {
  display: block;
  float: left;
  line-height: 36px;
  margin: 0px 2px;
}
.date-period {
  max-width: 200px;
  width: 100%;
}
.date-period .period {
  float: left;
  height: 36px;
  border-radius: 0px;
  margin: 0 2px;
  width: 51%;
}
.date-period .period select {
  height: 36px;
  border: 1px solid #d3d3d3;
}
.date-period input.count {
  float: left;
  width: 20%;
}
.date-period span {
  margin: 0;
  display: block;
  float: left;
  line-height: 36px;
}
.select-department {
  height: 300px;
}
.pic-btn button,
.pic-btn a {
  margin: 20px 30px;
}
.msg-warning .badge-warning {
  position: absolute;
  right: 5px;
  background-color: red;
  top: 5px;
  padding: 4px 6px 4px 6px;
  font-weight: normal;
  text-align: center;
}
.msg-warning .msg-num {
  min-width: 20px;
  max-width: 29px;
  padding: 4px;
  left: 30px;
  right: auto;
}
.menu .msg-warning .badge-warning {
  right: 50px;
  top: 31%;
  padding: 4px 3px 4px 3px;
  min-width: 20px;
}
.task-arrow {
  padding: 0px 18px;
}
.task-arrow .task-box {
  min-width: 10%;
  max-width: 34%;
  padding: 0;
  float: left;
  display: inline-block;
  margin: 10px 0;
  margin-right: -18px;
}
.task-arrow .task-box div {
  float: left;
  height: 30px;
}
.task-arrow .task-box .task-left,
.task-arrow .task-box .task-right {
  width: 30px;
  z-index: -1;
}
.task-arrow .task-box .task-left {
  border: 15px solid #EFF4F7;
  border-left: 15px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07);
}
.task-arrow .task-box .task-left.complete {
  border-color: #39E5CF;
  border-left-color: transparent;
}
.task-arrow .task-box .task-text {
  position: relative;
  width: calc(100% - 60px);
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  line-height: 30px;
  background: #EFF4F7;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07);
}
.task-arrow .task-box .task-text .txt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.task-arrow .task-box .task-text.complete {
  background: #39E5CF;
  color: white;
}
.task-arrow .task-box .task-text:before,
.task-arrow .task-box .task-text:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
  background-color: transparent;
  z-index: 100;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.07), 2px 0 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.07), 2px 0 0 rgba(0, 0, 0, 0.07);
}
.task-arrow .task-box .task-text:before {
  left: -43px;
}
.task-arrow .task-box .task-text:after {
  right: -10px;
}
.task-arrow .task-box .task-right {
  border: 15px solid transparent;
  border-left: 15px solid #EFF4F7;
}
.task-arrow .task-box .task-right.complete {
  border-left-color: #39E5CF;
}
.task-arrow .task-box:first-child .task-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: #EFF4F7;
  background: #EFF4F7;
  box-shadow: -2px 0 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: -2px 0 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.07);
}
.task-arrow .task-box:first-child .task-left.complete {
  background: #39E5CF !important;
}
.task-arrow .task-box:first-child .task-text:before {
  display: none;
}
.task-arrow .task-box:last-child .task-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: #EFF4F7;
  background: #EFF4F7;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 2px 0 0 rgba(0, 0, 0, 0.07), 0 -2px 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.07);
}
.task-arrow .task-box:last-child .task-right.complete {
  background: #39E5CF !important;
}
.task-arrow .task-box:last-child .task-text:after {
  display: none;
}
.circle-taskbar {
  padding-left: 2px;
  margin: 10px 0;
}
.circle-taskbar div {
  float: left;
}
.circle-taskbar .circle-group {
  width: 10%;
  position: relative;
  height: 40px;
  margin: 10px 0;
}
.circle-taskbar .circle-group .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #d3d3d3;
  margin-right: 4px;
  margin-left: 4px;
}
.circle-taskbar .circle-group .circle.complete {
  border-color: #00B5FF !important;
}
.circle-taskbar .circle-group .line {
  border-top: 1px solid #d3d3d3;
  width: calc(100% - 24px);
  margin-top: 8px;
}
.circle-taskbar .circle-group .line.complete {
  border-color: #00B5FF !important;
}
.circle-taskbar .circle-group .txt {
  width: 100px;
  position: absolute;
  height: 20px;
  left: -38px;
  top: 16px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.circle-taskbar .circle-group .txt.complete {
  color: #00B5FF !important;
}
.circle-taskbar .circle-group:last-child .line {
  display: none;
}
.auto-tags .col-lg-3 .col-sm-8 input {
  width: 100%;
}
.auto-tags .col-lg-6 .tags-txt div {
  float: left;
  padding-right: 10px;
  position: relative;
  height: 32px;
  margin-top: 2px;
  border-radius: 22px;
  background-color: #20D1BF;
  margin-right: 15px;
}
.auto-tags .col-lg-6 .tags-txt div span {
  padding: 2px 20px 2px 13px;
  color: #fff;
  height: 32px;
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.auto-tags .col-lg-6 .tags-txt div b {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: white;
  color: #20D1BF;
  text-align: center;
  border: 1px solid transparent;
  right: 3px;
  top: 3px;
  line-height: 20px;
  cursor: pointer;
  font-size: 23px;
  font-weight: normal;
}
.select-button {
  margin: 10px;
}
.process-modal-four .modal .modal-dialog {
  width: 815px!important;
}
.process-modal-five .modal .modal-dialog {
  width: 1010px!important;
}
.process-modal-ten .modal .modal-dialog,
.process-modal-four .modal .modal-dialog,
.process-modal-five .modal .modal-dialog {
  width: 1200px;
}
.process-modal-ten .modal .modal-dialog .modal-content,
.process-modal-four .modal .modal-dialog .modal-content,
.process-modal-five .modal .modal-dialog .modal-content {
  border-top: 0;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-header,
.process-modal-four .modal .modal-dialog .modal-content .modal-header,
.process-modal-five .modal .modal-dialog .modal-content .modal-header {
  border-bottom: 2px solid #3399FF;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-header h3,
.process-modal-four .modal .modal-dialog .modal-content .modal-header h3,
.process-modal-five .modal .modal-dialog .modal-content .modal-header h3 {
  color: #3399FF;
  margin: 15px 0;
  text-align: center;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body,
.process-modal-four .modal .modal-dialog .modal-content .modal-body,
.process-modal-five .modal .modal-dialog .modal-content .modal-body {
  background-color: #ECECEC;
  padding-right: 7px;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups {
  margin: 9px 0px 11px 11px;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group {
  background-color: #fff;
  width: 178px;
  height: 178px;
  margin-right: 16px;
  margin-bottom: 17px;
  display: inline-block;
  float: left;
  padding: 20px;
  position: relative;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group.complete,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group.complete,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group.complete {
  background: #3399FF;
  color: #fff;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group i,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group i,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group i {
  margin: 20px 0 20px 35px;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group span,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group span,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group span {
  color: #3399FF;
  float: left;
  text-align: center;
  width: 120px;
  margin-left: 9px;
  font-size: 16px;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group span.complete,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group span.complete,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group span.complete {
  color: #fff;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group b.check-hook,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group b.check-hook,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group b.check-hook {
  position: absolute;
  right: 0px;
  bottom: 0px;
  border: 24px solid transparent;
  border-bottom: 24px solid #fff;
  border-right: 24px solid #fff;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group b.check-hook .hook,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group b.check-hook .hook,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group b.check-hook .hook {
  width: 24px;
  height: 18px;
  position: absolute;
}
@keyframes rotating {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(180deg);
  }
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover {
  background: #3399FF;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover i,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover i,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover i {
  transform-style: preserve-3d;
  animation: rotating 0.8s linear 0.2s alternate;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover span,
.process-modal-four .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover span,
.process-modal-five .modal .modal-dialog .modal-content .modal-body .process-groups .lc-group:hover span {
  color: #fff;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-footer,
.process-modal-four .modal .modal-dialog .modal-content .modal-footer,
.process-modal-five .modal .modal-dialog .modal-content .modal-footer {
  padding-top: 0;
  background-color: #ECECEC;
}
.process-modal-ten .modal .modal-dialog .modal-content .modal-footer .btn-blue,
.process-modal-four .modal .modal-dialog .modal-content .modal-footer .btn-blue,
.process-modal-five .modal .modal-dialog .modal-content .modal-footer .btn-blue {
  background: #3399FF;
}
.task-announcement .task-type {
  color: #00B5FF;
  margin-left: 50px;
  font-size: 16px;
  width: calc(100% - 50px);
}
.task-announcement .task-type .widget-top {
  width: calc(100% - 50px);
  border-bottom: 2px solid #E3E3E3;
}
.task-announcement .task-type .widget-title {
  position: relative;
  padding: 11px 15px 11px 0;
  border-bottom: 2px solid #00b5ff;
  display: inline-block;
  margin-top: -1px;
  top: 2px;
}
.task-announcement textarea {
  margin-left: 50px;
  width: calc(100% - 100px);
  box-shadow: none!important;
  border: 0;
  padding: 0;
}
.task-announcement .select-task-type {
  margin-bottom: 0!important;
}
.task-announcement .select-task-type .process-groups {
  margin: 0 0 0 50px;
}
.task-announcement .select-task-type .process-groups .lc-group {
  border: 2px solid #3399FE;
  background-color: #fff;
  box-shadow: 0 0 10px 1px #A2DEF5;
  width: calc(16.6666666667% - 50px);
  height: 0;
  padding-bottom: calc(16.6666666667% - 50px);
  margin-right: 50px;
  margin-bottom: 50px;
  display: inline-block;
  float: left;
  position: relative;
}
.task-announcement .select-task-type .process-groups .lc-group.complete {
  background: #3399FF;
  color: #fff;
}
.task-announcement .select-task-type .process-groups .lc-group i {
  position: absolute;
  top: calc(50% - 55px);
  left: calc(50% - 37.5px);
}
.task-announcement .select-task-type .process-groups .lc-group span {
  color: #3399FF;
  text-align: center;
  width: 120px;
  font-size: 16px;
  position: absolute;
  top: calc(50% + 28px);
  left: calc(50% - 60px);
}
.task-announcement .select-task-type .process-groups .lc-group span.complete {
  color: #fff;
}
.task-announcement .select-task-type .process-groups .lc-group b.check-hook {
  position: absolute;
  right: -2px;
  bottom: -2px;
  border: 24px solid transparent;
  border-bottom: 24px solid #fff;
  border-right: 24px solid #fff;
  z-index: 99;
}
.task-announcement .select-task-type .process-groups .lc-group b.check-hook .hook {
  width: 24px;
  height: 18px;
  position: absolute;
}
.task-announcement .select-task-type .process-groups .lc-group:after {
  content: '';
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 7px solid #E9F6FF;
  position: absolute;
  bottom: 1px;
  left: 1px;
}
@keyframes rotating {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(180deg);
  }
}
.task-announcement .select-task-type .process-groups .lc-group:hover {
  background: #3399FF;
}
.task-announcement .select-task-type .process-groups .lc-group:hover i {
  transform-style: preserve-3d;
  animation: rotating 0.8s linear 0.2s alternate;
}
.task-announcement .select-task-type .process-groups .lc-group:hover span {
  color: #fff;
}
.task-announcement .select-task-type .process-groups .lc-group:hover:after {
  border: 7px solid #3399FF;
}
.task-announcement .select-task-type .process-groups .complete:after {
  border: 7px solid #3399FF;
}
.max-menu .task-announcement .process-groups .lc-group {
  min-width: 128px;
  min-height: 128px;
}
@media (max-width: 1440px) {
  .task-announcement .task-type .widget-top {
    width: 100%;
  }
  .task-announcement textarea,
  .task-announcement .task-type {
    margin-left: 30px;
    width: calc(100% - 60px);
  }
  .task-announcement .select-task-type .process-groups {
    margin-left: 30px!important;
  }
  .task-announcement .select-task-type .process-groups .lc-group {
    width: calc(16.6666666667% - 30px);
    padding-bottom: calc(16.6666666667% - 30px);
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1366px) {
  .task-announcement textarea,
  .task-announcement .task-type {
    margin-left: 20px;
    width: calc(100% - 40px);
  }
  .task-announcement .select-task-type .process-groups {
    margin-left: 20px!important;
  }
  .task-announcement .select-task-type .process-groups .lc-group {
    width: calc(16.6666666667% - 20px);
    padding-bottom: calc(16.6666666667% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
header {
  position: relative;
}
header div.bounceInDown {
  z-index: 10000!important;
}
.emailist {
  border: 1px solid #d5d5d5;
  background-color: #fff;
  list-style-type: none;
  overflow: hidden;
  right: 0;
  border-radius: 0;
  padding: 3px 0;
  margin: 0;
}
.emailist li {
  padding: 2px 11px;
  cursor: pointer;
}
.emailist .on,
.emailist .emailist li:hover {
  background-color: #eee;
}
#maintenance-content .form-box-content .col-xs-9 .form-control,
#maintenance-content .form-box-content .col-xs-9 .date-period {
  max-width: 300px!important;
}
#maintenance-content .form-box-content .remove-sub-type {
  float: right;
  margin-right: 10px;
  line-height: 25px;
}
#maintenance-content .form-box-content .remove-sub-type i {
  margin-top: -4px;
  margin-right: 8px;
}
#maintenance-content .maintain-template {
  display: none;
}
.life-cycle .modal_dialog {
  margin: 150px auto;
}
.life-cycle .modal_dialog .modal-header .close-modal {
  font-size: 18px;
}
.life-cycle .modal_dialog .modal-body .scroll-modal {
  overflow-x: auto;
  width: 100%;
}
.life-cycle .modal_dialog .modal-body .specific-machine {
  margin-bottom: 25px;
}
.life-cycle .modal_dialog .modal-body .specific-machine a {
  color: #23A8D3;
}
.life-cycle .modal_dialog .modal-body .periodic-state {
  width: 90px;
  text-align: center;
  float: left;
  position: relative;
  padding-bottom: 60px;
}
.life-cycle .modal_dialog .modal-body .periodic-state > i {
  cursor: default;
}
.life-cycle .modal_dialog .modal-body .periodic-state .state-name {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.life-cycle .modal_dialog .modal-body .periodic-state .state-date {
  width: 281px;
  display: block;
  left: -95px;
  position: absolute;
  text-align: center;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text {
  width: 330px;
  position: absolute;
  left: -105px;
  top: 130px;
  border: 1px solid #E0E0E0;
  padding-top: 20px;
  border-radius: 3px;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .angle {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-top-color: #e0e0e0;
  border-right-color: #e0e0e0;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  left: 141px;
  top: -10px;
  background: #fff;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content {
  padding: 0;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .newList {
  padding-left: 30px;
  padding-right: 20px;
  margin-bottom: 10px;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .newList li {
  line-height: 33px;
  list-style: none;
  position: relative;
  height: 30px;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .newList li .dot {
  float: left;
  position: absolute;
  left: -11px;
  top: 0px;
  font-size: 40px;
  color: #999;
  line-height: 33px;
  height: 33px;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .newList li .text {
  width: 175px;
  display: inline-block;
  color: #323232;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10px;
  text-align: left;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .newList li .date-time {
  float: right;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .maintenance-count {
  height: 38px;
  padding: 10px 15px 10px 20px;
  background: #EFEFEF;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .maintenance-count span.left {
  float: left;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .maintenance-count span.left i {
  color: #18ADE4;
  font-style: normal;
}
.life-cycle .modal_dialog .modal-body .periodic-state .popover-text .popover-content .maintenance-count a {
  float: right;
  color: #18ADE4;
}
.life-cycle .modal_dialog .modal-body .todayTime {
  color: #2DB5E8;
}
.life-cycle .modal_dialog .modal-body .line {
  width: 150px;
  border-bottom: 1px solid #38D0BE;
  float: left;
  border-top: 1px solid #00C2A8;
  margin-top: 26px;
  margin-left: -15px;
  margin-right: -15px;
}
.life-cycle .modal_dialog .modal-body .dash-line {
  border-color: #BFBFBF !important;
  border-top: 3px dashed #bfbfbf !important;
  border-bottom: 0!important;
  text-align: center;
  position: relative;
}
.life-cycle .modal_dialog .modal-body .dash-line .remaining-time {
  position: absolute;
  top: -23px;
  width: 124px;
  left: 12px;
}
.life-cycle .modal_dialog .modal-body .case-go {
  text-align: center;
  margin-top: 15px;
  display: none;
}
.life-cycle .modal_dialog .modal-body .case-go a {
  width: 28px;
  height: 52px;
  background: #6CCBEF;
  line-height: 50px;
  font-size: 27px;
  padding: 0;
  position: absolute;
  top: 175px;
}
.life-cycle .modal_dialog .modal-body .case-go .prev {
  left: 10px;
}
.life-cycle .modal_dialog .modal-body .case-go .next {
  right: 10px;
}
.life-cycle .modal_dialog .modal-body:after {
  display: block;
  clear: both;
  content: "";
}
/*.input-group {
  display: block;
}
.input-group input.disabled[readonly] {
  background: #f5f5f5;
}*/
@media (min-width: 1705px) {
  .col-lg-6 .col-sm-8 .input-group {
    margin-left: -7px;
  }
}
.search-box .input-group {
  float: right;
}
.search-box .input-group input.form-control {
  width: 175px;
}
.search-box .input-group .input-group-btn {
  width: auto;
}
.search-box .input-group .input-group-btn button {
  width: 77px;
}
.media-player-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1400;
  background-color: #000;
  opacity: 0.8;
}
.media-player {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.media-player audio {
  margin: 400px auto;
}
.media-player video {
  width: 800px;
  height: 500px;
  margin: 150px auto;
  background-color: #000000;
}
.media-player object {
  position: relative;
  top: 150px;
  width: 800px;
  height: 500px;
  margin: 150px auto;
  background-color: #000000;
}
.stay-deal-with-process {
  margin-bottom: 15px;
}
.stay-deal-with-process .visual-block {
  width: 310px;
  height: 50px;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border: 1px solid #0ecab1;
  margin: auto;
  box-shadow: 0px 4px 0px #d3f1f1;
}
.stay-deal-with-process .visual-block > span {
  color: #0ecab1;
}
.stay-deal-with-process .dashed-line {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 8px;
  border-top: 1px solid #d9dee1;
  margin-top: 15px;
}
.stay-deal-with-process .sys-icons {
  margin-right: 10px;
}
.current-process {
  width: 100%;
  height: 50px;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border: 1px solid #e6ebee;
  margin-bottom: 15px;
}
.current-process > span {
  color: #f60;
}
.current-process .sys-icons {
  margin-right: 10px;
}
.has-complete-process {
  width: 100%;
  height: 50px;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  color: #00B5FF;
  background: #fff;
  border: 1px solid #e3e3e3;
  box-shadow: 0px 4px 0px #e6ebee;
  margin: 15px 0px;
}
.has-complete-process .sys-icons {
  margin-right: 10px;
}
.statistical-report {
  padding: 0;
}
.statistical-report .table-box-title > .statistical-report-title {
  line-height: 40px;
}
.statistical-report .table-box-title > .statistical-report-title span {
  font-size: 22px;
  position: relative;
  top: -5px;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .input-group {
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .input-group > input.form-control {
  width: 145px;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .input-group > .input-group-btn .btn {
  width: 68px;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .time-slot {
  line-height: 36px;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .time-slot > label {
  float: left;
  margin-right: 5px;
  color: #666;
  font-weight: normal;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .time-slot > .has-feedback {
  display: inline-block;
  float: left;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .time-slot > .btn-search {
  width: 65px;
  margin-left: 5px;
  float: right;
  text-align: center;
  padding: 6px;
}
.statistical-report .table-box-title > .query-condition > .pull-left > .time-slot > .btn-search i {
  margin-right: 5px;
}
.statistical-report .table-box-title > .query-condition .btn-group {
  margin-bottom: 5px;
}
.statistical-report .table-box-title > .query-condition .btn-group a.btn:hover,
.statistical-report .table-box-title > .query-condition .btn-group a.btn:focus,
.statistical-report .table-box-title > .query-condition .btn-group a.btn:active,
.statistical-report .table-box-title > .query-condition .btn-group a.btn.active {
  color: #FFFFFF !important;
  background-color: #4ECCFF;
}
.statistical-report .table-box-title > .query-condition .btn-group a.btn:hover.active,
.statistical-report .table-box-title > .query-condition .btn-group a.btn:focus.active,
.statistical-report .table-box-title > .query-condition .btn-group a.btn:active.active,
.statistical-report .table-box-title > .query-condition .btn-group a.btn.active.active {
  background-color: #00B5FF;
}
.five-hundred-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.five-hundred-box .content {
  width: 397px;
  height: 508px;
  text-align: center;
  position: absolute;
  top: 0px;
  bottom: 100px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.five-hundred-box .content .tips-one {
  font-size: 18px;
  margin-top: 26px;
}
.wrapper .arcMap {
  height: 50%;
  border-radius: 5px;
  color: #3e3e3e;
  padding: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.035);
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.035);
  position: relative;
  margin-bottom: 15px;
}
.wrapper .arcMap #area-map {
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.wrapper .arcMap #home-button {
  position: absolute;
  top: 103px;
  left: 30px;
}
.wrapper .arcMap .esri-widget-button {
  position: absolute;
  right: 40px;
  top: 40px;
  background: #fff;
  padding: 6px 8px;
}
.wrapper .arcMap #search {
  display: block;
  position: absolute;
  right: 90px;
  top: 40px;
}
.input-file-group {
  display: inline-block;
  position: relative;
  width: 320px;
}
.input-file-group #uploadForm {
  min-width: 320px;
}
.input-file-group .select-file-input {
  position: absolute;
  top: 0;
  background-color: #FFFFFF;
}
.input-file-group .select-file-input .btn {
  float: left;
}
.input-file-group .select-file-input .file-input {
  line-height: 36px;
  border: none;
  height: 36px;
  display: inline-block;
  margin-left: 10px;
  color: #666;
}
.input-file-group .select-file {
  width: 120px;
  height: 36px;
  position: relative;
  opacity: 0;
}
.bootstrap-select {
  max-width: 200px;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select .dropdown-toggle.btn-default {
  border-radius: 0;
  width: 100%;
  color: #555 !important;
}
.bootstrap-select .dropdown-toggle.btn-default:hover {
  background-color: #fff;
  border-color: #D3D3D3;
}
.bootstrap-select .dropdown-menu li a:hover {
  background: #1e90ff;
  color: #fff;
}
.bootstrap-select .dropdown-menu li.active a {
  background: #1e90ff;
}
.searchable-select {
  min-width: 150px !important;
}
.searchable-select .searchable-select-holder {
  border-radius: 0;
}
.searchable-select .searchable-select-item.selected {
  background: #1e90ff;
}
.searchable-select .searchable-select-item.hover {
  background: #1e90ff;
}
.panel.datagrid.easyui-fluid {
  width: 100%!important;
  box-shadow: none;
}
.panel.datagrid.easyui-fluid .panel-body {
  width: 100%!important;
}
.panel.datagrid.easyui-fluid .panel-body .datagrid-view {
  width: 100%!important;
}
.panel.datagrid.easyui-fluid .datagrid-view1 {
  display: none;
}
.panel.datagrid.easyui-fluid .datagrid-view2 {
  width: 100%!important;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header {
  width: 100%!important;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body .datagrid-header,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header .datagrid-header {
  width: 100%;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body .datagrid-header-inner,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header .datagrid-header-inner {
  width: 100%;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table {
  width: 100%;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table tr.datagrid-row-over,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table tr.datagrid-row-over {
  background: #E8F9FE;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table td,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table td {
  border-right-color: #dfdfdf;
  color: #000000;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table .tree-icon,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table .tree-icon {
  background-image: url("../../../img/sys-icons.png");
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table .tree-icon.tree-folder,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table .tree-icon.tree-folder {
  background-position: -369px -308px;
  width: 19px;
  height: 17px;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table .tree-icon.tree-folder-open,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table .tree-icon.tree-folder-open {
  background-position: -391px -308px;
  width: 19px;
  height: 17px;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-body table .tree-icon.tree-file,
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header table .tree-icon.tree-file {
  background-position: -411px -308px;
  width: 14px;
  height: 16px;
}
.panel.datagrid.easyui-fluid .datagrid-view2 .datagrid-header {
  border-width: 0;
}
.dynamic-tag {
  min-width: 220px;
  height: 38px;
  width: fit-content;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  line-height: 38px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.dynamic-tag .button-new-tag {
  margin: 0;
  padding: 5px 15px;
  color: #409eff;
  background: #ecf5ff;
  border-color: #b3d8ff;
  font-size: 13px;
  margin-right: 10px;
}
.dynamic-tag .button-new-tag:hover {
  color: #ffffff;
  background: #409eff;
}
.dynamic-tag .input-new-tag {
  height: 32px;
  border: 1px solid #409eff;
  padding: 3px 10px;
  border-radius: 6px;
  line-height: 22px;
}
.dynamic-tag .input-new-tag input {
  font-size: 12px;
  border: none;
  outline: none;
  height: 14px;
  line-height: 14px;
}
.dynamic-tag .el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409eff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  margin-right: 10px;
}
.dynamic-tag .close-btn {
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  line-height: 16px;
  text-align: center;
  margin-left: 2px;
}
.dynamic-tag .close-btn:hover {
  color: #ffffff;
  background: #409eff;
}
.dynamic-tag .main-con {
  background: #ffffff;
  margin-top: 20px;
  margin-right: 20px;
  border: 1px solid #eeeeee;
}
.dynamic-tag .bs-checkbox {
  min-width: 36px !important;
}
.input-group {
  display: inline-flex !important;
}
.input-group input.form-control {
  width: auto !important;
}
.input-group input.form-control[readonly] + .input-group-addon {
  background-color: #FFF;
  border-color: #ececec;
}
.input-group .input-group-addon {
  width: auto;
  line-height: 22px;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn {
  outline: none;
}
.btn:focus,
.btn:hover {
  outline: none !important;
}
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.btn-group .dropdown-menu {
  right: 0;
  left: auto;
}
a:hover,
a:focus {
  cursor: pointer;
}
/*===== 覆盖浏览器默认入力框自动填满的背景色 =====*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  background-color: white !important;
}