/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* 暗黑主题色 */
html[data-theme='dark']{
  --bigBottomColour: #1a1a1a;
  --bottomColour: #272727;
  /* 字体 */
  --whiteFont:#ffffff;
  --whiteFontOpposite:#333333;
  --whiteFont32:rgba(250, 250, 250, 0.32); 
  /* filter: invert(100%); */
  /* 按钮 */
  --btnFill:#383838; 
  --keyFill:var(--btnFill);
  --keyBorder:#606060;
  --greyBtn:var(--btnFill);
  --greyBtn2:#272727;
  /* 其他 */
  --fixTop: var(--bottomColour);
  --handleBac: #EFEFEF;
  --handleVerticleBac: #efefef;
  --settingBac: var(--bigBottomColour);
  --settingBacMiddle: var(--bottomColour);
  --tabSliding:#00deb0;
  --dropdown:var(--bottomColour);
  --borderColor:rgba(0, 0, 0, 0.1);
  --backgroundColorMask:rgba(0, 0, 0, 0.6);
  --addIcon:#9b9b9b;
  --addIconBac:#6c6c6c;
  --dashColor:var(--whiteFont32);
  --switchBac:var(--btnFill);
  --sliderBox:var(--btnFill);
  --sliderBoxHover:rgba(250, 250, 250, 0.1);
  --sliderBox_grey:var(--keyBorder);
  --sliderVerticleBorder: #373737;
  --sliderScale:rgba(255, 255, 255, 0.32);
  --checkboxBorder:var(--keyBorder);
  --invertColor:invert(100%);
  --inputColorBac:var(--btnFill);
  --keyInsideBox_bottom:#333333;
  --modeKeyBoxBac:var(--btnFill);
  --modeKeyBoxBacHover:var(--btnFill);
  --modeKeyBoxBacActive:var(--btnFill);
  --modeKeyBoxBacBorderHover:#418879;
  --modeKeyBoxBacFont:#787878;
  --modeKeyBoxBacFontHover:#a8a8a8;
  --scrollbarThumb:rgba(108, 108, 108, .5);
  --scrollbarThumbHover:rgba(255, 255, 255, .2);
  --selectFont:#ffffff;
  --selectActive:rgba(39, 39, 39, .6);
  --correctingGreyBtn:#233a35;
  --Air60Slide:#606060;
  --deviceIcon:#595959;
  --deviceIconBac:#1f2020;
  --placeholderColor:rgba(108, 108, 108, .4);
  --lineColor:var(--btnFill);
  --lithtSwitchBac:rgba(89, 89, 89, 0.5);
  --lithtSwitchBacHover:rgba(21, 21, 21, 0.4);
  --testKeyBac:var(--btnFill);
  --tooltipBac:#1A1A1A;
  --tooltipColor:#ffffff;
  --tipsModalBac:rgba(56, 56, 56, 1);
  --dividerLine: rgba(96, 96, 96, 1);
  --maskBottomColour: rgba(250, 250, 250, 0.7);
}

/* 默认主题色 */
:root {
  --bigBottomColour:#ffffff;
  --bottomColour: #fafafa;
  /* 字体 */
  --whiteFont:#333333;
  --whiteFontOpposite:#ffffff;
  --whiteFont32:rgba(51, 51, 51, 0.32);
  /* 按钮 */
  --btnFill:#f2f2f2; 
  --keyFill:var(--bigBottomColour);
  --keyBorder:#e6e6e6;
  --greyBtn:#f2f2f2;
  --greyBtn2:#eaeaea;
  /* 其他 */
  --fixTop: var(--bigBottomColour);
  --handleBac:#efefef;
  --handleVerticleBac: #383838;
  --settingBac: #fafafa;
  --settingBacMiddle: var(--bigBottomColour);
  --tabSliding:#333;
  --dropdown:var(--bigBottomColour);
  --borderColor:#e6e6e6;
  --backgroundColorMask:rgba(0, 0, 0, 0.45);
  --addIcon:var(--bigBottomColour);
  --addIconBac:#d9d9d9;
  --dashColor:#c8c8c8;
  --switchBac:#bbbbbb;
  --sliderBox:#f0f0f0;
  --sliderBoxHover:#ebebeb;
  --sliderBox_grey:#cbcbcb;
  --sliderVerticleBorder: #ebebeb;
  --sliderScale:#bcbcbc;
  --checkboxBorder:#878787;
  --invertColor:none;
  --inputColorBac:var(--bigBottomColour);
  --keyInsideBox_bottom:#e8e8e8;
  --modeKeyBoxBac:#f6f6f6;
  --modeKeyBoxBacHover:#f9f9f9;
  --modeKeyBoxBacActive:var(--bigBottomColour);
  --modeKeyBoxBacBorderHover:#ade3d8;
  --modeKeyBoxBacFont:#898989;
  --modeKeyBoxBacFontHover:#787878;
  --scrollbarThumb:#E6E6E6;
  --scrollbarThumbHover:#DCDCDC;
  --selectFont:#7f7f7f;
  --selectActive:#e6fff6;
  --correctingGreyBtn:#e1f8f3;
  --Air60Slide:#dddddd;
  --deviceIcon:#d4d9e4;
  --deviceIconBac:#edeff6;
  --placeholderColor:#bbbbbb;
  --lineColor:#e6e6e6;
  --lithtSwitchBac:#bbbbbb;
  --lithtSwitchBacHover:#898989;
  --testKeyBac:var(--bigBottomColour);
  --tooltipBac:#000000;
  --tooltipColor:#ffffff;
  --tipsModalBac:rgba(255, 255, 255, 1);
  --dividerLine: rgba(51, 51, 51, 0.04);
  --maskBottomColour: var(--bottomColour);
}

/* 
  使用字体CDN
  'Noto Sans SC' 是谷歌的思源黑体
  'source-han-sans-simplified-c', 'sans-serif' 是adobe的思源黑体
*/
html {
  --fontFamily: 'RobotoRegular', 'source-han-sans-simplified-c', 'sans-serif', 'Noto Sans SC', 'SourceHanSansCN', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  --keyHover: rgba(101, 219, 179, 0.7);
}
/* 默认模式和暗黑模式的变量 */  

body {background-color: var(--bigBottomColour);}
html,body,#root,.App,.overPageContainer{width: 100%;height: 100%;}
p,span,div,li{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.spaceBetween{-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
.fixTop{position: sticky;top:0;z-index: 99;width: 100%;min-width: 95.5rem;height: auto;background-color: var(--fixTop)}
.App{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
.App-logo { height: 40vmin; pointer-events: none;}
.appContainerBac{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;height: 100%;}
.pageContainer{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;margin: 0 auto;height: calc(100vh - 3.125rem);width: 100%;min-width: 95.5rem;overflow-y: auto;}
li{list-style: none;}
.rowFlexLayout{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
/* 去掉按钮的聚焦样式 */
button:focus-visible{outline: 0!important; outline-offset: 0!important;}

/* 整个滚动条 */
/* 滚动条的宽度 */
/* 滚动条的高度，对水平滚动条有效 */
::-webkit-scrollbar {width: 0.375rem;height: 0.375rem;}
/* 滚动条轨道 */
/* ::-webkit-scrollbar-track {border-radius: 10px;} */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { border-radius: 0.625rem; background-color:var(--scrollbarThumb); }
/* 滚动条滑块：悬停效果 */
::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbarThumbHover); }
/* 滚动条滑块：激活时的效果 */
::-webkit-scrollbar-thumb:active { background-color: var(--scrollbarThumbHover); }
/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button { display: none!important;}
 
*,*:before,*:after {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: var(--fontFamily)!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
img{display:block}
/* 半透明遮罩 */
#keyMask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backgroundColorMask);z-index:103;}
/* 鼠标悬停出现手 */
.pointer{cursor: pointer;}
/* 盒子阴影,卡片效果 */
.boxShadow{-webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,.1);box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,.1);}
/* 禁用 */
.disabledBox{opacity:0.4;pointer-events:none;}
.disabledBoxNoOpacity{pointer-events:none;}
/* 字体图标默认颜色,这不能写行内只能通过类名设置 */
.icon-svg{color:var(--whiteFont);}
/* 有环境灯才有的发光边缘 */
.colorBacBorder{-webkit-mask: url(/v1/static/media/A65_empty1_border.8642e0d261d79bd20f23.svg);mask: url(/v1/static/media/A65_empty1_border.8642e0d261d79bd20f23.svg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
.BH65_colorBacBorder{-webkit-mask: url(/v1/static/media/BH65_slide.431b20717a96d2faf76a.svg);mask: url(/v1/static/media/BH65_slide.431b20717a96d2faf76a.svg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
/* .BH65_colorBacBorderB{mask: url("@/assets/images/uiImages/BH65_slideB.svg");mask-repeat: no-repeat;} */

/* 自定义组件样式 */
.ant-input-number{width: 100%!important;}
.ant-input-number-input{text-align: center!important;}
/* 省略号,写在包裹着文字的标签上 */
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: block;}
/* 通知提醒框 */
.ant-message{width: 8.75rem!important;}
.ant-notification-notice-message{color: #ff9900!important;font-weight: bold;}
.ant-notification-notice-description{color:var(--whiteFont)!important;}
.ant-notification-notice-wrapper{top: 2.375rem!important;background-color: var(--bottomColour)!important;}
.ant-notification-notice-close{color: var(--whiteFont32)!important;}
.ant-notification{z-index: 9999;}
/* 统一大号按钮的默认样式 */
.ant-btn-dangerous{border: 1px solid var(--keyBorder);}
.ant-btn-default,.ant-btn-default:hover{background: transparent!important;}
.ant-btn-default:disabled{color: rgba(180, 180, 180, .5)!important;border: 1px solid var(--keyBorder);}
.ant-btn{font-weight: bold;padding: 0.375rem 1.5rem;}
.ant-btn-lg{height: 2.3125rem;padding: 0.5rem 1rem;font-size: 0.875rem;} 
.ant-btn-grey{background: var(--greyBtn);color: var(--whiteFont);-webkit-box-shadow: none;box-shadow: none;} 
.ant-btn-grey:hover{background-color: rgba(0, 222, 176,0.1)!important;color:#00deb0!important;}
.ant-btn-primary:disabled{border-color: transparent!important;background-color: rgba(180, 180, 180, .15)!important;color:rgba(180, 180, 180, .5)!important;}
.ant-empty-description{color:var(--whiteFont32)!important;}
/* 弹出框 */
.ant-modal-content{background-color: var(--bigBottomColour)!important;}
.ant-modal-title>div{background-color: var(--bigBottomColour);color: var(--whiteFont);}
.ant-modal-confirm-btns{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;}
.ant-modal-content{border-radius: 1.25rem!important;padding: 1.125rem 2.125rem!important;overflow:hidden;}
/* 下拉展开 */
.ant-dropdown-menu-item{padding: 0!important;}  
.ant-dropdown-menu,.ant-dropdown-menu-item{border-radius: 0.875rem!important;color: red;}
.ant-dropdown .ant-dropdown-menu{background-color: var(--bottomColour);}
.ant-dropdown .ant-btn{color: var(--whiteFont);}
.ant-dropdown .ant-btn:hover{color: var(--whiteFont)!important;background: var(--greyBtn)!important;}
.ant-modal-mask {background-color: var(--backgroundColorMask)!important;}
/* 滑动条 */
.ant-slider{margin: 0 0.3125rem;}
.ant-slider .ant-slider-rail,.ant-slider .ant-slider-track{ border-radius: 0.625rem; }
.ant-slider-handle::before {border-radius: 6.25rem;background-color:#00deb0!important;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 0.125rem 0.25rem rgba(12, 4, 0, 0.12);box-shadow: 0px 0.125rem 0.25rem rgba(12, 4, 0, 0.12);border:0.2375rem solid #fff;}
.ant-slider-handle::after {background-color: #00deb0 !important;-webkit-box-shadow: none!important;box-shadow: none!important;-webkit-box-sizing: border-box;box-sizing: border-box;display: none;}
.ant-slider-tooltip{display: none!important;}
/* 下拉选择框 */
.ant-select-selector{border: 1px solid var(--keyBorder)!important;border-radius: 0.5rem!important;}
.ant-select-open>.ant-select-selector{border: 1px solid #00deb0!important;}
.ant-select-selector:hover{border: 1px solid #00deb0!important;}
.ant-select,.ant-select-item-option-content,.ant-select-selection-item{color: var(--selectFont)!important;font-size: 0.75rem;}
.ant-select-lg,.ant-select-item-option-content,.ant-select-selection-item{font-size: 0.875rem;}
.ant-select-lg .ant-select-selection-item{height: 2.5rem;}
.ant-select-dropdown{background-color: var(--btnFill);border: 1px solid var(--keyBorder);}
.ant-select-item-option .ant-select-item-option-active{background-color:red!important;}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color: var(--selectActive);}
.ant-select-arrow{color: var(--whiteFont32)!important;}
/* 开关 */
.ant-switch {background:var(--switchBac);}
/* 输入框 */
.ant-input-affix-wrapper{border: 1px solid var(--keyBorder);background-color:var(--bottomColour)!important;color:var(--selectFont);}
input::-webkit-input-placeholder {color: var(--placeholderColor)!important;}
input::-moz-placeholder {color: var(--placeholderColor)!important;}
input:-ms-input-placeholder {color: var(--placeholderColor)!important;}
input::-ms-input-placeholder {color: var(--placeholderColor)!important;}
input::placeholder {color: var(--placeholderColor)!important;}
input {caret-color: #00deb0;}
.myInputColor input{color: var(--whiteFont)!important;} 
.ant-input-clear-icon{color: var(--placeholderColor)!important;opacity: 0.7;}
.ant-input-clear-icon:hover{opacity: 0.9;}
/* loading */
.ant-spin-nested-loading .ant-spin-container::after {background: var(--bigBottomColour);}
/* 文字提示 */
.ant-tooltip {--antd-arrow-background-color: var(--tooltipBac)!important;pointer-events: none;}
.ant-tooltip-inner {color: var(--tooltipColor)!important;background-color: var(--tooltipBac)!important;}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {-webkit-animation: App-logo-spin infinite 20s linear;animation: App-logo-spin infinite 20s linear;}
}
@-webkit-keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 淡入入场动画 */
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* 淡出动画 */
@-webkit-keyframes fadeOut{
	from {opacity: 1;}
	to {opacity: 0;}
}
@keyframes fadeOut{
	from {opacity: 1;}
	to {opacity: 0;}
}

/*# sourceMappingURL=main.004511ff.css.map*/