div.ccui-app-container{
  min-height: calc(100vh - 210px);
}
.el-top-nav-menu3 .sub-menu-wrapper-wrapper {
  background-color: #fff !important;
}
.el-top-nav-menu3 .sub-menu-wrapper-wrapper .sub-menu-wrapper {
  background-color: #fff !important;
}
.el-top-nav-menu3 .nav li a {
  color: #333 !important;
  height: 42px !important;
  line-height: 44px !important;
  border-bottom: 2px solid #fff !important;
  font-size: 14px !important;
}
.el-top-nav-menu3 .nav li .router-link-active.router-link-active{
  background: #fff !important;
}
.el-top-nav-menu3 .nav li .router-link-active.router-link-active span,
.el-menu-demo .is-active span{
  background-color: #fff !important;
  color: #ff5000 !important;
  border-bottom: 2px solid #ff5000 !important;
}
.el-top-nav-menu3 .nav,
.el-menu-demo .el-menu-item {
  margin: 0 !important;
  height: 44px !important;
  line-height: 44px !important;
}

.el-top-nav-menu3 .nav li a:hover {
  background-color: #fff !important;
}
.rightst .rightstt,
.rightst > div > div {
  color: #333 !important;
  font-size: 15px !important;
}
.rightst {
  top: 6px !important;
}
.el-top-nav-menu3 .sub-menu-wrapper-wrapper {
  background: #fff !important;
}
.el-top-nav-menu3 .sub-menu-wrapper,
.el-top-nav-menu3 .el-menu {
  background: #fff !important;
  /* max-width: 100% !important; */
}
.el-top-nav-menu3 .el-menu-item {
  color: #333 !important;
  background-color: #fff !important;
}
.el-top-nav-menu3 .logo-container,
.el-top-nav-menu3 .goIndex {
  display: none !important;
}
.el-top-nav-menu3 .sub-menu-wrapper {
  height: 44px !important;
}
.el-top-nav-menu3 .nav .el-button{
  color: #333 !important;
}
.menu3Menu {
  background-color: #fff !important;
}
.menu3Menu .nav-item a,
.menu3Menu .nav-item a span {
  color: #333 !important;
  background-color: #fff !important;
  font-size: 14px !important;
}
.menu3Menu .nav-item .router-link-active span,
.menu3Menu .nav-item a:hover span
{
  color: #ff5000 !important;
}
.el-top-nav-menu3 .sub-menu-wrapper .icon-ccui-home-page,
.el-top-nav-menu3 .sub-menu-wrapper .icon-ccui-help {
  color: #ff5000 !important;
  /* display: none !important; */
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loading-spinner {
  width: 36px;
  height: 36px;
  /* animation: spin 1s linear infinite; */
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}