html {
  --scroll-bar: 0;
}
#app ::-webkit-scrollbar {
  background: #fff;
  width: 10px;
  height: 10px;
}
#app ::-webkit-scrollbar-track {
  border-radius: 5px;
}
#app ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #a6a6a6;
  width: 8px;
  height: 8px;
  border: 1px solid transparent;
  background-clip: content-box;
}
.ant-menu-root::-webkit-scrollbar {
  display: none !important;
  width: 0;
  height: 0;
}
html body {
  height: 100%;
  padding: 0;
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
}
.ant-dropdown-menu-item i {
  margin-right: 4px;
}
.ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#app {
  height: 100%;
  overflow: auto;
  min-width: 1440px;
}
#app > .ant-spin-nested-loading {
  height: 100%;
}
#app > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
#app > .ant-layout {
  height: 100%;
}
#app > .ant-layout .page-content {
  overflow: scroll;
}
.blue {
  fill: #4372FF;
  color: #4372FF;
}
.pink {
  fill: #EB2F96;
  color: #EB2F96;
}
.skyblue {
  fill: #0EBAD2;
  color: #0EBAD2;
}
.green {
  fill: #3DD188;
  color: #3DD188;
}
.red {
  fill: #E67171;
  color: #E67171;
}
.yellow {
  fill: #F5B60D;
  color: #F5B60D;
}
.left {
  float: left;
}
.right {
  float: right;
}
.bg-green {
  background-color: #3DD188;
}
.bg-yellow {
  background-color: #F5B60D;
}
.bg-red {
  background-color: #E67171;
}
.bg-blue {
  background-color: #4372FF;
}
.bg-pink {
  background-color: #EB2F96;
}
.bg-skyblue {
  background-color: #0EBAD2;
}
.flex {
  display: flex;
}
.ant-select {
  text-align: center;
}
.common-header {
  height: 75px;
  padding: 20px 24px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-header > span:first-child {
  font-size: 18px;
}
.common-header .service-type {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
}
.common-header .ant-radio-group {
  flex: 1;
  font-weight: 400;
}
.common-header .service-screen > span:first-child {
  font-size: 14px;
  margin-right: 10px;
}
.common-header .service-screen .ant-select {
  width: 150px;
}
.common-header .service-screen .ant-input-group-wrapper {
  width: 190px;
}
.common-header .service-screen:first-child {
  margin-right: 40px;
}
.common-header .service-screen:last-child {
  flex: 1;
  text-align: right;
  line-height: 32px;
}
.common-header .service-radio .ant-radio-button-wrapper {
  width: 135px;
  text-align: center;
}
.common-header .service-info-radio .ant-radio-button-wrapper {
  width: 90px;
  text-align: center;
}
.btn-icon-with-desc {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.btn-icon-with-desc .icon {
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.btn-icon-with-desc span {
  margin-left: 9px;
  font-size: 12px;
  line-height: 12px;
}
.g2-tooltip {
  text-align: left;
}

.dashboard-icon {
  width: 20px;
  height: 20px;
}

html {
  --scroll-bar: 0;
}
#app ::-webkit-scrollbar {
  background: #fff;
  width: 10px;
  height: 10px;
}
#app ::-webkit-scrollbar-track {
  border-radius: 5px;
}
#app ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #a6a6a6;
  width: 8px;
  height: 8px;
  border: 1px solid transparent;
  background-clip: content-box;
}
.ant-menu-root::-webkit-scrollbar {
  display: none !important;
  width: 0;
  height: 0;
}
.select-label {
  display: flex;
  font-size: 14px;
  align-items: center;
}
.select-label svg {
  height: 22px;
  margin-right: 8px;
}
.select-lang {
  min-width: 75px;
  height: 25px;
}
.select-lang .ant-select-arrow {
  display: flex;
  align-items: center;
}
.dark.ant-select-single {
  width: fit-content;
  height: 32px;
}
.dark.ant-select-single .ant-select-selector {
  background: #2f3436;
  border-color: #2f3436;
  color: white;
}
.dark.ant-select-single svg {
  fill: #fff;
}
.dark-options {
  background: #2f3436;
  font-size: 12px;
}
.dark-options .ant-select-item-option-selected {
  background: #2f3436;
}
.dark-options .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background: #4372FF;
  color: #fff;
}
.dark-options .ant-select-item-option-content {
  color: #fff;
  font-size: 12px;
}

.page-login {
  background-image: url(/c4a0877a66cf24491310.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
.page-login .right {
  width: 360px;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  min-height: 600px;
  background-color: #fff;
  padding: 70px 40px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.page-login .right .logo {
  width: 128px;
  height: 128px;
  margin: 0 auto 25px;
}
.page-login .right .title {
  font-weight: 700;
  margin-bottom: 70px;
  text-align: center;
  font-family: Futura-Bold, serif;
  font-size: 24px;
  width: 100%;
  white-space: normal;
}
.page-login .right .form-header {
  margin-bottom: 25px;
  text-align: center;
  font-family: PingFangSC-Semibold, serif;
  font-size: 24px;
  color: #262626;
  font-weight: 600;
}
.page-login .right input {
  border-bottom: 1px solid #bfbfbf;
}
.page-login .right .btn-submit {
  width: 100%;
}
.page-login .right .footer {
  margin-bottom: 25px;
  flex: 1;
  display: flex;
  align-items: flex-end;
  align-self: flex-end;
  justify-content: space-between;
  margin-bottom: 17px;
}
.page-login .right .footer .version {
  font-size: 14px;
  padding-right: 15px;
  line-height: 33px;
}
.page-login .right .footer .footer-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: 25px;
}
.page-login .right .footer .power-info {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #000000;
  margin-left: 0px;
}