.rrweb-wrap{height:100px}.rrweb-action-group{position:fixed;top:0;right:0}.rrweb-tips{z-index:9999;position:fixed;border-radius:0 0 24px 24px;top:0;right:50%;background:#ffd902;min-height:50px;padding:0 10px;transform:translateX(50%)}.rrweb-tips-wrap{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:5px 20px;color:rgba(0,0,0,.8)}.rrweb-red-point{background:red;height:20px;width:20px;border-radius:50%;animation:listAni .5s ease infinite alternate both;margin-right:5px}.rrweb-common-btn{height:30px;border:1px solid rgba(0,0,0,.15);padding:5px;border-radius:3px;min-width:70px;margin-left:20px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center}@keyframes listAni{0%{transform:scale(.5)}to{transform:scale(1)}}.rrweb-record-frame{box-sizing:content-box!important}.rrweb-record-frame{position:fixed;z-index:99998;background:#ffd902}.rrweb-record-frame.top{top:0;left:0;right:0;height:4px}.rrweb-record-frame.right{top:0;bottom:0;right:0;width:4px}.rrweb-record-frame.bottom{bottom:0;left:0;right:0;height:4px}.rrweb-record-frame.left{top:0;left:0;bottom:0;width:4px}.rrweb-record-frame-back_shadow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;background-color:rgba(0,0,0,.5)}.rrweb-upload-before-say_something{width:95%;margin:10px auto;display:block;border:1px solid rgba(0,0,0,.15);border-radius:4px;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;color:rgba(0,0,0,.7)}.rrweb-upload-before-say_something-tips{color:rgba(0,0,0,.45);font-size:12px;margin-left:20px;margin-bottom:10px;cursor:pointer}.rrweb-click_el{writing-mode:tb;background-color:#2d8cf0;color:#fff;border-radius:4px;letter-spacing:8px;font-size:14px;padding:12px 8px 8px;cursor:pointer;position:fixed;top:50%;right:0;transform:translateY(-50%)}.rrweb-button{cursor:pointer;background:#f54c42;width:120px;height:40px;border-radius:20px;font-size:16px;font-family:PingFangSC-Medium;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center}.rrweb-button.small{width:78px;height:30px;border-radius:15px;font-size:14px}.rrweb-button.small.loading{width:12px;height:12px}.rrweb-button.ghost{color:#f54c42;background:#fff;border:1px solid #f54c42}.rrweb-button.gray{color:#cacaca;background:#fff;border:1px solid #cacaca}.rrweb-button.disable,.rrweb-button.onLoading{background:rgba(245,76,66,.4)}.rrweb-loading{margin-right:5px;display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #fff;border-right:none;border-bottom:none;background:transparent;animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rrweb-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:10;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity,.1s}.rrweb-mask.hide{opacity:0}.rrweb-modal{width:270px;background:#fff;border-radius:6px;position:relative;padding-bottom:28px}.rrweb-modal-title{font-family:PingFangSC-Medium;font-size:18px;text-align:center;color:#222;margin-top:30px}.rrweb-modal-content{padding:0 20px;font-family:PingFangSC-Regular;font-size:15px;text-align:center;color:#222;opacity:.6;margin-bottom:30px;margin-top:50px;line-height:20px;margin-top:17px}.rrweb-modal-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center}.rrweb-modal-btn .rrweb-btn{width:100px;height:40px;border-radius:20px}.rrweb-modal-btn .rrweb-btn.cancel{margin-right:20px}.rrweb-modal-btn .rrweb-btn.onlyOne{margin-right:200px}.rrweb-message-tips{z-index:99999;position:absolute;top:10px;border:1px solid #e8e8e8;left:50%;transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;padding:10px 20px;color:rgba(0,0,0,.6);font-size:14px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.15);background-color:#fff}.rrweb-message-tips .rrweb-success-icon{color:green;margin-right:5px}.rrweb-message-tips .rrweb-error-icon{color:#f5222d;margin-right:5px}
.oncall2-light-trigger,
.oncall2-dark-trigger {
  position: fixed;
  top: calc(60vh + 19px);
  right: 0;
  z-index: 1002;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  box-sizing: content-box;
  height: 22px;
  padding: 9px 25px 9px 5px;
  color: #fff;
  white-space: nowrap;
  background: #1664ff;
  border-radius: 4px 0 0 4px;
  transform: translateX(calc(100% - 26px));
  cursor: pointer;
  transition: transform 0.3s ease;
  -webkit-user-select: none;
             -moz-user-select: none;
          user-select: none;
}
.oncall2-light-trigger.oncall2-light-trigger-draggable,
.oncall2-light-trigger.oncall2-dark-trigger-draggable,
.oncall2-dark-trigger.oncall2-light-trigger-draggable,
.oncall2-dark-trigger.oncall2-dark-trigger-draggable {
  cursor: move;
  top: 45%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: auto;
  height: initial;
  padding: 10px 6px;
  line-height: 1.5;
  box-sizing: border-box;
  white-space: inherit;
  transition: none 0s ease 0s;
  transition: initial;
}
.oncall2-light-trigger-icon,
.oncall2-dark-trigger-icon {
  font-size: 16px;
}
.oncall2-light-trigger-text,
.oncall2-dark-trigger-text {
  margin-top: 4px;
  margin-right: 5px;
  margin-left: 5px;
  font-weight: 500;
  font-size: 13px;
  word-break: break-all;
  text-align: center;
}
.oncall2-light-trigger:hover,
.oncall2-dark-trigger:hover {
  transform: translateX(20px);
}
.oncall2-light-drawer,
.oncall2-dark-drawer {
  max-width: calc(100vw - 8px);
  min-width: 340px;
  font-family: "PingFang SC";
  box-sizing: border-box;
  min-height: 184px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(235, 241, 255, 0.8);
  position: fixed;
  right: 0;
  bottom: 0;
  box-shadow:
    0px 0px 0px 1px #eaedf1,
    0px 15px 35px -2px rgba(0, 0, 0, 0.05),
    0px 5px 15px rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 1003;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.oncall2-light-drawer-header,
.oncall2-dark-drawer-header {
  margin: 4px;
  margin-bottom: 9px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.oncall2-light-drawer-header-left,
.oncall2-dark-drawer-header-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.oncall2-light-drawer-header-left-text,
.oncall2-dark-drawer-header-left-text {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-left: 6px;
  -webkit-user-select: none;
             -moz-user-select: none;
          user-select: none;
}
.oncall2-light-drawer-header-right,
.oncall2-dark-drawer-header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.oncall2-light-drawer-header-right-divider,
.oncall2-dark-drawer-header-right-divider {
  width: 1px;
  height: 16px;
  background: rgba(26, 27, 30, 0.05);
  margin: 0px 12px 0px 20px;
}
.oncall2-light-drawer-resizer,
.oncall2-dark-drawer-resizer {
  position: absolute;
  left: -3px;
  bottom: 9px;
  min-height: 184px;
  width: 3px;
  z-index: 1003;
  border-radius: 3px;
}
@media screen and (max-width: 500px) {
  .oncall2-light-drawer-resizer,
  .oncall2-dark-drawer-resizer {
    display: none !important;
  }
}
.oncall2-light-drawer-resizer-trigger,
.oncall2-dark-drawer-resizer-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 8px;
  height: 63px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  align-items: center;
  justify-content: center;
  cursor: ew-resize;
  position: absolute;
  top: calc(50% - 31px);
  left: -5px;
  z-index: 20000;
}
.oncall2-light-drawer-resizer-trigger-active,
.oncall2-dark-drawer-resizer-trigger-active {
  background: #387bff;
}
.oncall2-light-drawer-resizer-trigger-default,
.oncall2-dark-drawer-resizer-trigger-default {
  background: #ebf1ff;
}
.oncall2-light-drawer-tool,
.oncall2-dark-drawer-tool {
  padding-bottom: 20px;
}
.oncall2-light-drawer-tool-img,
.oncall2-dark-drawer-tool-img {
  padding: 5px 4px 0 4px;
}
.oncall2-light-drawer-tool-with-tip:hover:after,
.oncall2-dark-drawer-tool-with-tip:hover:after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0%;
  bottom: 32%;
  padding: 6px 8px;
  transform: translateX(-110%);
  border-radius: 4px;
  background: #2b303a;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 1;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.036px;
}
.oncall2-light-drawer-tool-with-tip:hover:before,
.oncall2-dark-drawer-tool-with-tip:hover:before {
  content: "";
  position: absolute;
  top: 25%;
  left: -32%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: #2b303a;
}
.oncall2-light-drawer-tool-container,
.oncall2-dark-drawer-tool-container {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.oncall2-light-drawer-tool-popover,
.oncall2-dark-drawer-tool-popover {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 140px;
  height: auto;
  padding: 6px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  right: 24px;
  bottom: 0px;
  border-radius: 4px;
  border: 1px solid #eaedf1;
  background: #fff;
  box-shadow: 0px 15px 35px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
.oncall2-light-drawer-tool-popover-item,
.oncall2-dark-drawer-tool-popover-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 5px 12px;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  overflow: hidden;
  color: #0c0d0e;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "PingFang SC";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.039px;
  text-decoration: none;
}
.oncall2-light-drawer-tool-popover-item:hover,
.oncall2-dark-drawer-tool-popover-item:hover {
  border-radius: 4px;
  background: #f6f8fa;
}
.oncall2-light-drawer .oncall2-light-drawer-content,
.oncall2-dark-drawer .oncall2-light-drawer-content,
.oncall2-light-drawer .oncall2-dark-drawer-content,
.oncall2-dark-drawer .oncall2-dark-drawer-content {
  padding: 0;
  flex: 1 1;
}
.oncall2-light-close,
.oncall2-dark-close {
  box-shadow: none;
}
.oncall2-dark-drawer {
  background: rgba(47, 50, 55, 0.8);
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05), 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.oncall2-dark-drawer-header-left-text {
  color: #fff;
}
.oncall2-dark-drawer-header-right-divider {
  background: rgba(221, 226, 233, 0.15);
}
.oncall2-dark-drawer-tool-img svg g path {
  fill: #fff;
}
.oncall2-dark-drawer-tool-img:hover {
  background-color: rgba(201, 205, 212, 0.3);
  border-radius: 3px;
}
.oncall2-dark-drawer-tool-popover {
  border: 1px solid rgba(234, 237, 241, 0.04);
  background: #282a2f;
  box-shadow: 0px 15px 35px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}
.oncall2-dark-drawer-tool-popover-item {
  color: #c7ccd6;
}
.oncall2-dark-drawer-tool-popover-item:hover {
  background: rgba(250, 251, 252, 0.04);
}
.oncall2-dark-drawer-resizer-trigger-active {
  background: #387bff;
}
.oncall2-dark-drawer-resizer-trigger-default {
  background: #212327;
}
.oncall2-dark-drawer-resizer-trigger-img svg path {
  fill: #42464f;
}
.oncall2-light-tab-free-focus-inside,
.oncall2-dark-tab-free-focus-inside {
  width: 100%;
  height: 100%;
  position: relative;
}
.oncall2-light-tab-main,
.oncall2-dark-tab-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.oncall2-light-tab-main-container,
.oncall2-dark-tab-main-container {
  flex: 1 1;
  border-radius: 10px;
  background: #fff;
}
.oncall2-light-tab-main-container-iframe,
.oncall2-dark-tab-main-container-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
}
.oncall2-light-tab-panel,
.oncall2-dark-tab-panel {
  width: 56px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.oncall2-light-tab-panel-item,
.oncall2-dark-tab-panel-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.oncall2-light-tab-panel-item-bg,
.oncall2-dark-tab-panel-item-bg {
  position: absolute;
  top: 0;
  height: inherit;
}
.oncall2-light-tab-panel-item-container,
.oncall2-dark-tab-panel-item-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.oncall2-light-tab-panel-item-title,
.oncall2-dark-tab-panel-item-title {
  color: #42464e;
  text-align: center;
  font-size: 12px;
}
.oncall2-light-tab-panel-item-title.actived,
.oncall2-dark-tab-panel-item-title.actived {
  font-weight: bold;
}
.oncall2-light-tab-panel-item-content,
.oncall2-dark-tab-panel-item-content {
  width: 52px;
  height: 56px;
  margin-right: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.oncall2-light-tab-panel-item-content-non-active .oncall2-light-tab-panel-item-icon,
.oncall2-dark-tab-panel-item-content-non-active .oncall2-light-tab-panel-item-icon,
.oncall2-light-tab-panel-item-content-non-active .oncall2-dark-tab-panel-item-icon,
.oncall2-dark-tab-panel-item-content-non-active .oncall2-dark-tab-panel-item-icon {
  filter: grayscale(100%);
}
.oncall2-light-tab-panel-icon-container,
.oncall2-dark-tab-panel-icon-container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
}
.oncall2-dark-tab-main-container {
  background: #131416;
  color: #fff;
}
.oncall2-dark-tab-main-container-iframe {
  background: #fff;
  background: #131416;
}
.oncall2-dark-tab-panel-item-bg svg path {
  fill: #131416;
}
.oncall2-dark-tab-panel-item-title {
  color: #9da3af;
}
.oncall2-dark-tab-panel-icon-container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
}

.trigger-box-border_4751b {
  position: fixed;
  bottom: 84px;
  right: 6px;
  width: 40px;
  height: 68px;
  padding: 1px;
  background: -webkit-linear-gradient(242.84deg, #F3F7FF 10.13%, #97BCFF 89.45%);
  background: linear-gradient(207.16deg, #F3F7FF 10.13%, #97BCFF 89.45%);
  border-radius: 32px;
  cursor: pointer;
  z-index: 1002;
}
.trigger-box-border_4751b.small_4751b {
  height: 40px;
}
.trigger-box-border_4751b:hover .trigger-box_4751b {
  background: -webkit-linear-gradient(244.33deg, #8BB2FF 8.52%, #2D66D9 88.54%);
  background: linear-gradient(205.67deg, #8BB2FF 8.52%, #2D66D9 88.54%);
}
.trigger-box-border_4751b:hover .tooltip_4751b {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.trigger-box-border_4751b .trigger-box_4751b {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: white;
  font-size: 12px;
  background: -webkit-linear-gradient(244.33deg, #387BFF 8.52%, #1759DD 88.54%);
  background: linear-gradient(205.67deg, #387BFF 8.52%, #1759DD 88.54%);
  border-radius: 32px;
}
.trigger-box-border_4751b .tooltip_4751b {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  right: 56px;
  height: 32px;
  padding: 0 8px;
  display: none;
  align-items: center;
  font-size: 12px;
  background: #2B303A;
  color: white;
  white-space: nowrap;
  border-radius: 4px;
}
.trigger-box-border_4751b .tooltip_4751b:after {
  content: '';
  position: absolute;
  box-sizing: border-box;
  right: -12px;
  width: 12px;
  height: 12px;
  border: 6px solid transparent;
  border-left-color: #2B303A;
}

:root {
  --indicator-up-text-color: #c0272c;
  --indicator-down-text-color: #00932a;
  --change-rate-title-size: 12px;
  --change-rate-rate-size: 12px;
  --change-rate-icon-size: 14px;
  --tree-margin-custom-icon-right: 12px;
  --card-color-title: #1d2129;
  --ug-select-dropdown-font-size: 12px;
}
.ug-arco-table .arco-table .arco-table-sorter {
  vertical-align: -4px;
}
.ug-arco-table .arco-table .arco-pagination-size-mini .arco-pagination-total-text {
  line-height: 28px;
}
.ug-arco-table .arco-table .arco-table-operation .arco-checkbox {
  margin-left: 5px;
}
.ug-arco-table-column-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  line-height: 20px;
}
.ug-arco-table-empty {
  text-align: center;
}
.ug-arco-table-empty-inner {
  display: inline-block;
  width: 300px;
}
.ug-arco-table-empty-inner-title {
  line-height: 20px;
}
.ug-arco-table-empty-inner-description {
  margin-top: 8px;
  line-height: 20px;
  color: #1d2229;
}
.ug-arco-table-toolbox {
  background-color: #fff;
  padding-right: 8px;
  padding-left: 16px;
  height: 48px;
}
.ug-arco-table-toolbox .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
}
.ug-arco-table-toolbox-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}
.ug-arco-table-toolbox-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
}
.ug-arco-table-toolbox-selected {
  font-size: 12px;
  height: 28px;
  margin-right: 8px;
}
.ug-arco-table-toolbox-selected_tex .ug-arco-table-toolbox-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
}
.ug-arco-table-img_text {
  line-height: 20px;
}
.ug-arco-table-img_text .base {
  vertical-align: middle;
}
.ug-arco-table-img_text .circle {
  border-radius: 18px;
}
.ug-arco-table-img_text .square {
  border-radius: 4px;
}
.ug-arco-table-img_text .loading {
  background-color: grey;
}
.ug-arco-table-img_text-img {
  vertical-align: middle;
}
.ug-arco-table-img_text-text {
  font-size: 12px;
  margin-left: 8px;
  vertical-align: middle;
}
.ug-arco-table-name_column {
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.ug-arco-table-name_column:hover .extra {
  display: inline;
  display: initial;
}
.ug-arco-table-name_column .name {
  cursor: pointer;
  line-height: 14px;
  height: 14px;
}
.ug-arco-table-name_column .extra {
  line-height: 12px;
  margin-top: 4px;
  display: none;
}
.ug-arco-table-extra_filter .extra-filter-item {
  margin-bottom: 8px;
  white-space: nowrap;
}
.ug-arco-table-extra_filter .footer {
  text-align: right;
  margin-top: 20px;
}
.ug-arco-table-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.ug-arco-table-icon .shower {
  margin-right: 3px;
  flex-shrink: 0;
}
.ug-arco-table-icon .shower .default {
  vertical-align: middle;
  line-height: 19px;
  font-size: 12px;
}
.ug-arco-table-icon .shower img {
  vertical-align: top;
  -o-object-fit: cover;
     object-fit: cover;
}
.ug-arco-table-icon .name {
  overflow: hidden;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.ug-arco-table-icons {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.ug-arco-table-icons-render {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
  align-items: center;
  padding-right: 32px;
  position: relative;
}
.ug-arco-table-icons-render .icon {
  min-width: 25px;
  height: 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eaedf0;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
/*
 * @description: 
 * project:@byted-nova/web-react
 * File: /src/components/Filter/style/index.less
 * Author: liuyiman (liuyman@bytedance.com)
 */
/*********** font ***********/
/*********** red ***********/
/*********** orangered ***********/
/*********** orange ***********/
/*********** gold ***********/
/*********** yellow ***********/
/*********** lime ***********/
/*********** green ***********/
/*********** cyan ***********/
/*********** blue ***********/
/*********** arcoblue ***********/
/*********** purple ***********/
/*********** pinkpurple ***********/
/*********** magenta ***********/
/*********** gray ***********/
/*********** dark ***********/
/*********** primary ***********/
/*********** success ***********/
/*********** danger ***********/
/*********** warning ***********/
/*********** link ***********/
/*********** border ***********/
/*********** shadow ***********/
/*********** size ***********/
/*********** spacing ***********/
/*********** color ***********/
/*********** shadow1 ***********/
/*********** shadow2 ***********/
/*********** shadow3 ***********/
/*********** opacity ***********/
/*********** radius ***********/
/*********** mask ***********/
/*********** icon ***********/
/*********** prefix ***********/
/*********** arco ***********/
/*********** code ***********/
/*********** transition ***********/
/*********** z ***********/
/*********** line ***********/
/*********** popup ***********/
/*********** input ***********/
/*********** textarea ***********/
/*********** search ***********/
/*********** password ***********/
/*********** picker ***********/
/*********** affix ***********/
/*********** alert ***********/
/*********** anchor ***********/
/*********** auto ***********/
/*********** select ***********/
/*********** avatar ***********/
/*********** backtop ***********/
/*********** badge ***********/
/*********** breadcrumb ***********/
/*********** btn ***********/
/*********** calendar ***********/
/*********** card ***********/
/*********** carousel ***********/
/*********** cascader ***********/
/*********** checkbox ***********/
/*********** collapse ***********/
/*********** comment ***********/
/*********** timepicker ***********/
/*********** date ***********/
/*********** time ***********/
/*********** datepicker ***********/
/*********** month ***********/
/*********** quarter ***********/
/*********** year ***********/
/*********** week ***********/
/*********** range ***********/
/*********** descriptions ***********/
/*********** divider ***********/
/*********** drawer ***********/
/*********** dropdown ***********/
/*********** empty ***********/
/*********** form ***********/
/*********** row ***********/
/*********** col ***********/
/*********** grid ***********/
/*********** image ***********/
/*********** preview ***********/
/*********** layout ***********/
/*********** list ***********/
/*********** mentions ***********/
/*********** menu ***********/
/*********** message ***********/
/*********** modal ***********/
/*********** notification ***********/
/*********** page ***********/
/*********** pagination ***********/
/*********** patination ***********/
/*********** popconfirm ***********/
/*********** popover ***********/
/*********** progress ***********/
/*********** radio ***********/
/*********** rate ***********/
/*********** prefixCls ***********/
/*********** resizeBox ***********/
/*********** resizebox ***********/
/*********** result ***********/
/*********** skeleton ***********/
/*********** slider ***********/
/*********** space ***********/
/*********** spin ***********/
/*********** statistic ***********/
/*********** steps ***********/
/*********** switch ***********/
/*********** table ***********/
/*********** tabs ***********/
/*********** sizes ***********/
/*********** tag ***********/
/*********** colors ***********/
/*********** timeline ***********/
/*********** tooltip ***********/
/*********** transfer ***********/
/*********** tree ***********/
/*********** trigger ***********/
/*********** typography ***********/
/*********** upload ***********/
/*********** secondary ***********/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
.ug-arco-filter {
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
}
.ug-arco-filter-first_row {
  width: 100%;
  box-sizing: border-box;
  padding-right: 120px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-filter-operation {
  padding: 4px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-filter-expand {
  height: 100%;
  position: absolute;
  right: 8px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-filter-expand-btn {
  width: 114px;
}
.ug-arco-filter-expand-btn-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ug-arco-filter-other_row {
  width: 100%;
  box-sizing: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.ug-arco-filter .control {
  padding: 4px;
  height: 44px;
  display: inline-block;
  box-sizing: border-box;
}
.ug-arco-filter .ug-arco-filter-control .arco-input {
  font-size: 13px;
  line-height: calc(1.5715 * 140 / 130);
}
.ug-arco-filter .ug-arco-filter-control .arco-select .arco-select-view {
  font-size: 13px;
}
.ug-arco-filter .ug-arco-filter-control .arco-cascader-view input,
.ug-arco-filter .ug-arco-filter-control .arco-cascader-view-value {
  font-size: 13px;
}
.ug-arco-filter .ug-arco-filter-control .arco-select-view input {
  font-size: 13px;
}
.ug-arco-filter .ug-arco-filter-control .arco-picker-input input {
  font-size: 13px;
}
.ug-arco-filter .ug-arco-filter-control .arco-select-multiple input {
  font-size: 13px;
}
.ug-arco-filter .ug-arco-filter-control .arco-input-group .arco-input {
  vertical-align: top;
}
.ug-arco-filter .ug-arco-filter-control-1 {
  padding: 4px;
  height: 44px;
  display: inline-block;
  box-sizing: border-box;
  width: 190px;
}
.ug-arco-filter .ug-arco-filter-control-1_5 {
  padding: 4px;
  height: 44px;
  display: inline-block;
  box-sizing: border-box;
  width: 285px;
}
.ug-arco-filter .ug-arco-filter-control-2 {
  padding: 4px;
  height: 44px;
  display: inline-block;
  box-sizing: border-box;
  width: 380px;
}
@media (max-height: 720px) {
  .ug-arco-custom-column {
    height: 398px;
  }
}
.ug-arco-custom-column-modal .ug-arco-custom-column {
  border-top: 1px solid #E5E8EF;
  border-bottom: 1px solid #E5E8EF;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-height: 398px;
  max-height: 558px;
}
.ug-arco-custom-column-modal .arco-modal-header {
  height: 56px;
  line-height: 56px;
}
.ug-arco-custom-column-modal .arco-modal-header .arco-modal-title {
  text-align: left;
}
.ug-arco-custom-column-modal .arco-modal-content {
  padding: 0;
}
.ug-arco-custom-column {
  color: rgba(0, 0, 0, 0.85);
}
.ug-arco-custom-column__search-wapper .arco-input-inner-wrapper,
.ug-arco-custom-column__search-wapper .arco-input-inner-wrapper-focus {
  outline: none;
  border: none;
  box-shadow: none;
  padding-left: 20px;
}
.ug-arco-custom-column__search-wapper input {
  line-height: 40px;
  height: 40px;
  font-size: 13px;
}
.ug-arco-custom-column__search-wapper .arco-input-group-prefix {
  color: #000000 !important;
}
.ug-arco-custom-column .arco-input-group-wrapper {
  margin-top: 4px;
}
.ug-arco-custom-column .arco-menu-vertical .arco-menu-inner {
  padding: 0;
}
.ug-arco-custom-column .ug-arco-custom-column__menu-item {
  padding-left: 16px !important;
}
.ug-arco-custom-column .ug-arco-custom-column__menu-item {
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  line-height: 36px;
  border-radius: 2px;
  color: #4E5969;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.ug-arco-custom-column .ug-arco-custom-column__menu-item--active {
  color: #1664FF;
  background: rgba(22, 100, 255, 0.05);
  font-weight: 500;
}
.ug-arco-custom-column .ug-arco-custom-column__menu-item__num {
  border: 1px solid #e5e8ef;
  border-radius: 10px;
  margin: 0px 8px;
  padding: 0 8px;
  left: 159px;
}
.ug-arco-custom-column__index .arco-checkbox-text {
  color: #4E5969;
}
.ug-arco-custom-column .ug-arco-custom-column__index-title {
  height: 20px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 6px;
  padding-left: 16px;
  color: #1D2229;
}
.ug-arco-custom-column .ug-arco-custom-column__secondary {
  height: 24px;
  line-height: 24px;
  padding: 6px 0;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 16px;
}
.ug-arco-custom-column .ug-arco-custom-column__secondary-text {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-6);
}
.ug-arco-custom-column .ug-arco-custom-column__secondary button span {
  font-size: 12px;
}
.ug-arco-custom-column__drag-item {
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  color: #4E5969;
}
.ug-arco-custom-column__drag-item:hover {
  background: #F2F3F8 !important;
}
.ug-arco-custom-column__drag-item:active {
  background: #1966FF !important;
  box-shadow: #1966FF !important;
}
.ug-arco-custom-column__drag-item:active {
  color: #fff;
}
.ug-arco-custom-column__bottom {
  padding: 16px 24px;
  height: 64px;
}
.ug-arco-custom-column .mr-10 {
  margin-right: 10px;
}
.ug-arco-custom-column .mt-10 {
  margin-top: 10px;
}
.ug-arco-custom-column .mb-5 {
  margin-bottom: 5px;
}
.ug-arco-custom-column .pd-5 {
  padding: 5px;
}
.ug-arco-custom-column .dp-ib {
  display: inline-block;
}
.pro-custom-column {
  position: relative;
  display: inline-block;
}
.pro-custom-column .arco-btn-size-default svg {
  vertical-align: 0;
}
.pro-custom-column__dropdown {
  background-color: #fff;
  width: 240px;
  box-shadow: 0px 3px 6px -4px rgba(47, 47, 63, 0.16), 0px 6px 16px rgba(47, 47, 63, 0.12), 0px 9px 28px 8px rgba(47, 47, 63, 0.09);
  border-radius: 4px;
  padding: 16px 8px;
}
.pro-custom-column__view-list__item {
  padding: 0 8px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.pro-custom-column__view-list__item:hover {
  background-color: #f3f4fc;
}
.pro-custom-column__view-list__item:hover .pro-custom-column__view-list__item__right {
  display: block;
}
.pro-custom-column__view-list__item__icon {
  width: 24px;
  font-size: 0;
}
.pro-custom-column__view-list__item__right {
  display: none;
  flex-grow: 1;
  text-align: right;
}
.ug-arco-resizeable-table {
  position: relative;
}
.ug-arco-resizeable-table th .react-resizable-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 10px;
  height: 100%;
  cursor: col-resize;
  background: none;
  opacity: 0;
}
.ug-arco-resizeable-table th .react-resizable-handle::after {
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: calc(100% - 20px);
  content: '';
  background: #ccc;
}
.ug-arco-resizeable-table th:hover .react-resizable-handle {
  opacity: 1;
}
.ug-arco-resizeable-table .ug-arco-preview-resize-line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 1px;
  background-color: #ccc;
  opacity: 0;
}
.ug-arco-resizeable-table.resizing th,
.ug-arco-resizeable-table.resizing td {
  -moz-user-select: none;
       -webkit-user-select: none;
          user-select: none;
}
.ug-arco-resizeable-table.resizing .react-resizable-handle {
  opacity: 0 !important;
}
.ug-arco-select__paste__footer {
  height: 36px;
  border-top: 1px solid #eaedf0;
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ug-arco-select__paste__footer__btn {
  font-size: 12px;
  cursor: pointer;
}
.ug-arco-select__paste__input {
  border: none !important;
  border-top: 1px solid #eaedf0 !important;
  height: 90px !important;
}
.ug-arco-select:not(.ug-arco-select--useDefaultRender) .arco-input-tag-inner {
  flex-wrap: nowrap;
}
.ug-arco-select .arco-select-view {
  padding-left: 11px !important;
}
.ug-arco-select .arco-select-view .arco-input-tag-input {
  padding-left: 0 !important;
}
.ug-arco-select__tag {
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  max-width: 100%;
  line-height: 1.5715;
}
.ug-arco-select .arco-input-tag-focus .ug-arco-select__tag {
  width: 0 !important;
}
.ug-arco-select__dropdown {
  font-size: 12px;
  font-size: var(--ug-select-dropdown-font-size);
}
.ug-arco-tooltip {
  box-shadow: 0px 6px 16px 4px rgba(0, 0, 0, 0.1);
}
.ug-arco-tooltip .arco-tooltip-content {
  color: #000;
  background-color: #fff;
}
.ug-arco-tooltip .arco-tooltip-arrow {
  background-color: #fff !important;
}
.ug-arco-switch {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
}
.ug-arco-switch-large .arco-switch-type-circle {
  height: 24px;
  line-height: 24px;
  min-width: 40px;
  border-radius: 12px;
}
.ug-arco-switch-large .arco-switch-type-circle .arco-switch-dot {
  top: 4px;
  font-size: 12px;
  width: 16px;
  height: 16px;
}
.ug-arco-switch-large .arco-switch-checked .arco-switch-dot {
  left: calc(100% - 16px - 4px);
}
.ug-arco-switch-text-content-right {
  margin-left: 8px;
  margin-right: 0px;
}
.ug-arco-switch-text-content-left {
  margin-left: 0px;
  margin-right: 8px;
  order: -1;
}
.ug-arco-switch-description {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-3);
  margin-left: 8px;
}
.ug-arco-switch-suffix-text {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-1);
}
.ug-arco-switch-small .ug-arco-switch-suffix-text {
  font-size: 12px;
}
.ug-arco-switch-small .ug-arco-switch-description {
  font-size: 12px;
}
.ug-arco-switch-small .ug-arco-switch-suffix-text {
  font-size: 12px;
}
.ug-arco-cascader .arco-cascader-suffix-icon,
.ug-arco-cascader .arco-cascader-search-icon,
.ug-arco-cascader .arco-cascader-loading-icon,
.ug-arco-cascader .arco-cascader-expand-icon,
.ug-arco-cascader .arco-cascader-clear-icon,
.ug-arco-cascader .arco-cascader-arrow-icon {
  font-size: 14px;
}
.ug-arco-cascader .arco-cascader-view {
  padding-left: 11px !important;
}
.ug-arco-cascader .arco-cascader-view .arco-input-tag-inner {
  flex-wrap: nowrap;
}
.ug-arco-cascader .arco-cascader-view input {
  padding-left: 0 !important;
}
.ug-arco-cascader__dropdown {
  font-size: 12px;
}
.ug-arco-cascader__dropdown .arco-cascader-list-item .arco-icon-right {
  right: 4px;
}
.ug-arco-cascader__dropdown * {
  font-size: inherit;
}
.ug-arco-cascader__dropdown .arco-cascader-popup-inner {
  height: auto !important;
  height: initial !important;
}
.ug-arco-cascader__dropdown .arco-cascader-popup-inner .ug-cascader__list-column {
  max-height: 372px;
  overflow-y: auto;
}
.ug-arco-cascader__dropdown .arco-cascader-popup-inner .ug-cascader__list-column--showAll {
  max-height: 404px;
}
.ug-arco-cascader__dropdown .arco-cascader-list-search {
  max-height: 372px !important;
}
.ug-arco-cascader .arco-input-tag-focus .ug-arco-cascader__tag {
  width: 0 !important;
}
.ug-arco-cascader .arco-input-tag-focus .ug-arco-cascader__tag {
  overflow: hidden;
}
.ug-arco-text-overflow-wrapper {
  max-width: 100%;
}
.ug-arco-text-overflow-wrapper .ug-arco-text-overflow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-arco-text-overflow-wrapper .ug-arco-text-overflow > .text-ellipsis {
  width: 100%;
}
.ug-arco-text-overflow-wrapper .text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
}
.ug-arco-withLabelControl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  min-width: 0;
}
.ug-arco-withLabelControl__label {
  position: absolute;
  z-index: 18;
  background-color: #fff;
  top: -6px;
  left: 8px;
  line-height: 1;
  font-size: 12px;
  padding: 0 4px;
  color: #77808c;
}
.ug-arco-withLabelControl__label--focus {
  color: rgb(var(--primary-6));
  z-index: 20;
}
.ug-info-tips .icon {
  margin-left: 4px;
  color: #8B8BA6;
  font-size: 16px;
  display: inline-block;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
}
.ug-info-tips .icon:hover {
  color: #4660EF;
}
.ug-arco-side-menu .arco-menu-vertical .arco-menu-inner {
  padding: 0;
}
.ug-arco-side-menu .arco-menu > .arco-menu-inner > .arco-menu-group {
  padding: 8px 16px 8px 22px !important;
}
.ug-arco-side-menu .arco-menu > .arco-menu-inner > .arco-menu-group {
  height: 36px;
}
.ug-arco-side-menu .arco-menu > .arco-menu-inner > .arco-menu-group > .arco-menu-group-title {
  margin-bottom: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}
.ug-arco-side-menu .arco-menu > .arco-menu-inner > .arco-menu-group > .arco-menu-group-title {
  font-weight: 400;
  font-size: 12px;
  color: #86909c;
}
.ug-arco-side-menu .arco-menu-inline-header {
  padding: 0 8px 0 22px !important;
  margin-bottom: 0 !important;
}
.ug-arco-side-menu .arco-menu-inline-header {
  font-weight: 500;
  font-size: 14px;
}
.ug-arco-side-menu .arco-menu-group-title {
  padding: 0 8px 0 22px !important;
}
.ug-arco-side-menu .arco-menu-item-inner {
  height: 36px;
}
.ug-arco-side-menu .arco-menu-item.arco-menu-selected {
  background-color: rgba(23, 98, 229, 0.06) !important;
}
.ug-arco-side-menu .arco-menu-selected {
  font-weight: 500 !important;
}
.ug-arco-side-menu .arco-menu-selected {
  font-size: 14px;
}
.ug-arco-side-menu .arco-menu-vertical .arco-menu-item {
  padding: 0 8px 0 22px !important;
  margin-bottom: 0 !important;
  line-height: 36px !important;
}
.ug-arco-side-menu .arco-menu-vertical .arco-menu-item {
  font-weight: 400;
  font-size: 14px;
}
.ug-arco-side-menu .arco-menu-item:not(.arco-menu-selected),
.ug-arco-side-menu .arco-menu-inline-header:not(.arco-menu-selected),
.ug-arco-side-menu .arco-menu-pop-header:not(.arco-menu-selected) {
  color: #4e5969 !important;
}
.ug-arco-side-menu .arco-menu-item:not(.arco-menu-selected) .arco-icon,
.ug-arco-side-menu .arco-menu-inline-header:not(.arco-menu-selected) .arco-icon,
.ug-arco-side-menu .arco-menu-pop-header:not(.arco-menu-selected) .arco-icon {
  color: #4e5969 !important;
  fill: #4e5969 !important;
}
.ug-arco-side-menu .arco-menu-item:not(.arco-menu-selected) .arco-menu-icon-suffix .arco-icon,
.ug-arco-side-menu .arco-menu-inline-header:not(.arco-menu-selected) .arco-menu-icon-suffix .arco-icon,
.ug-arco-side-menu .arco-menu-pop-header:not(.arco-menu-selected) .arco-menu-icon-suffix .arco-icon {
  color: #86909c !important;
}
.ug-arco-side-menu .arco-menu-icon-suffix {
  margin-right: 8px;
}
.ug-arco-side-menu .arco-menu-collapse {
  width: 64px;
  padding-top: 8px;
}
.ug-arco-side-menu .arco-menu-pop .arco-menu-pop-header {
  margin: 0 8px;
  width: 48px;
  height: 40px;
  padding-left: 14px;
  text-overflow: clip;
}
.ug-arco-side-menu .arco-menu-pop .arco-menu-pop-header .ug-arco-sider-title .ug-arco-sider-menu-title {
  opacity: 0;
}
.ug-arco-side-menu .arco-menu-pop .arco-menu-selected {
  background-color: rgba(23, 98, 229, 0.06);
  border-radius: 4px;
}
.ug-arco-side-menu .arco-menu-pop .arco-menu-inner > .arco-menu-item {
  padding-left: 14px !important;
}
.ug-arco-side-menu .arco-menu-pop .arco-menu-inner > .arco-menu-item {
  margin: 0 8px;
}
.ug-arco-side-menu .arco-layout-sider-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: right;
  align-items: center;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #eaedf0;
}
.ug-arco-side-menu .arco-layout-sider-trigger .arco-icon {
  color: #1d2129 !important;
}
.ug-arco-side-menu .arco-layout-sider-trigger .arco-icon {
  margin-right: 24px;
}
.ug-arco-sider-title .ug-arco-sider-menu-icon {
  font-size: 20px;
}
.ug-arco-side-menu-tooltip {
  color: #1d2129 !important;
}
.ug-arco-side-menu-tooltip .ug_menu-icon,
.ug-arco-side-menu-tooltip .arco-icon {
  display: none;
}
.ug-arco-side-menu-tooltip .ug-arco-falcon-sider__item-link {
  color: #1d2129 !important;
  font-size: 12px !important;
}
.ug-arco-side-menu-tooltip .ug-arco-falcon-sider__item-link {
  text-decoration: none;
}
.ug-arco-falcon-sider .arco-menu .arco-menu-inner {
  padding-top: 8px;
}
.ug-arco-falcon-sider .arco-menu .arco-menu-inner :first-child.arco-menu-group {
  margin-top: 0 !important;
}
.ug-arco-falcon-sider.arco-layout-sider-collapsed .arco-menu-pop-header {
  width: 48px !important;
}
.ug-arco-falcon-sider.arco-layout-sider-collapsed .arco-menu-pop-header {
  padding-left: 14px;
  text-overflow: clip;
}
.ug-arco-falcon-sider.arco-layout-sider-collapsed .arco-menu-pop-header span:not(.anticon):not(.ug-arco-falcon-sider__item-text) {
  opacity: 0;
}
.ug-arco-falcon-sider .arco-menu-inline-header,
.ug-arco-falcon-sider .arco-menu-item {
  margin-bottom: 0 !important;
}
.ug-arco-falcon-sider__title-icon {
  stroke: inherit !important;
}
.ug-arco-falcon-sider__title-icon {
  font-size: 20px;
  transform: translateY(2px);
}
.ug-arco-falcon-sider .arco-menu-indent {
  width: 36px;
}
.ug-arco-falcon-sider__item-link {
  display: inline-block;
}
.ug-arco-falcon-sider .arco-menu-item.arco-menu-item-indented .ug-arco-falcon-sider__item-link {
  width: 100%;
}
.ug-arco-falcon-sider .arco-menu-item:not(.arco-menu-item-indented) .ug-arco-falcon-sider__item-link {
  width: calc(100% - 36px);
}
.ug-arco-falcon-sider .arco-menu-item.arco-menu-selected .ug_menu-icon.arco-icon.ug-arco-falcon-sider__title-icon {
  fill: rgb(var(--primary-6));
}
.ug-arco-falcon-sider .arco-menu-light .arco-menu-inline-header.arco-menu-selected .ug_menu-icon.arco-icon.ug-arco-falcon-sider__title-icon {
  fill: rgb(var(--primary-6));
}
.ug-arco-falcon-header-v2 {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0 20px 0 14px;
}
.ug-arco-falcon-header-v2__user-dropdown-new {
  width: 300px;
  background: #ffffff;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding-top: 12px;
  padding-bottom: 8px;
}
.ug-arco-falcon-header-v2__user-dropdown-new__userinfo {
  padding-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 12px;
  flex-direction: column;
}
.ug-arco-falcon-header-v2__user-dropdown-new__logout-btn {
  padding-top: 4px;
  border-top: 1px solid #eaedf0;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu {
  padding: 4px 0;
  border-top: 1px solid #eaedf0;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu__item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  align-items: center;
  padding-left: 20px;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu__item .ug-arco-falcon-sider__item-link {
  flex-grow: 1;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu__item:hover {
  background-color: #f8f9fb;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu__item:hover .ug-arco-falcon-header-v2__user-dropdown-new__menu__item__icon {
  color: #1d2229;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu__item__icon {
  font-size: 20px;
  color: #4c5766;
  margin-right: 16px;
}
.ug-arco-falcon-header-v2__user-dropdown-new__menu__item .ug-arco-falcon-sider__item-link {
  font-size: 14px;
  color: #1d2229;
  text-decoration: none;
}
.ug-arco-falcon-header-v2__right .arco-icon {
  font-size: 20px;
}
.ug-arco-falcon-header-v2__right .arco-icon + .arco-icon {
  margin-left: 20px;
}
.ug-arco-falcon-header-v2__right-light-icon .arco-icon {
  color: rgba(255, 255, 255, 0.75);
}
.ug-arco-falcon-header-v2__right-light-icon .arco-icon:hover {
  color: #fff;
}
.ug-arco-falcon-header-v2__right-light-icon .svg-icon {
  fill: rgba(255, 255, 255, 0.75);
}
.ug-arco-falcon-header-v2__right-light-icon .svg-icon:hover {
  fill: #fff;
}
.ug-arco-falcon-header-v2__right-dark-icon .arco-icon {
  color: #000;
}
.ug-arco-falcon-header-v2__right-dark-icon .arco-icon:hover {
  color: #26221f;
}
.ug-arco-falcon-header-v2__right-dark-icon .svg-icon {
  fill: #000;
}
.ug-arco-falcon-header-v2__right-dark-icon .svg-icon:hover {
  fill: #26221f;
}
.ug-arco-falcon-header-v2__lang-dropdown {
  width: 200px;
}
.ug-arco-falcon-header-v2__lang-dropdown .arco-dropdown-menu {
  border: none;
  padding: 8px 0;
}
.ug-arco-falcon-header-v2__home-button,
.ug-arco-falcon-header-v2__announce-button,
.ug-arco-falcon-header-v2__help-button,
.ug-arco-falcon-header-v2__metrix-button,
.ug-arco-falcon-header-v2__lang-button {
  height: 36px;
  width: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.ug-arco-falcon-header-v2__home-button:hover,
.ug-arco-falcon-header-v2__announce-button:hover,
.ug-arco-falcon-header-v2__help-button:hover,
.ug-arco-falcon-header-v2__metrix-button:hover,
.ug-arco-falcon-header-v2__lang-button:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.ug-arco-falcon-header-v2__home-button,
.ug-arco-falcon-header-v2__announce-button,
.ug-arco-falcon-header-v2__help-button,
.ug-arco-falcon-header-v2__lang-button {
  margin-right: 4px;
}
.ug-arco-falcon-header-v2__announce-button .arco-badge-number,
.ug-arco-falcon-header-v2__announce-button .arco-badge-text {
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  padding: 0 4px;
  box-shadow: 0 0 0 1px #1f2622;
}
.ug-arco-falcon-header-v2__dropdown {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 8px 24px 4px rgba(0, 0, 0, 0.12);
}
.ug-arco-falcon-header-v2__dropdown a {
  color: #1d2229;
  text-decoration: none;
}
.ug-arco-falcon-header-v2__app-metrix {
  width: 400px;
  max-height: 80vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.ug-arco-falcon-header-v2__app-metrix__title {
  flex-shrink: 0;
}
.ug-arco-falcon-header-v2__app-metrix__list {
  flex-grow: 1;
  overflow-y: auto;
}
.ug-arco-falcon-header-v2__app-metrix__list__group {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text-3);
  height: 28px;
  line-height: 22px;
  padding: 3px 16px;
}
.ug-arco-falcon-header-v2__app-metrix__list__item {
  height: 40px;
  padding: 0 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ug-arco-falcon-header-v2__app-metrix__list__item:hover {
  border-radius: 4px;
  background-color: var(--color-fill-1);
}
.ug-arco-falcon-header-v2__app-metrix__list__item__icon {
  font-size: 28px;
}
.ug-arco-falcon-header-v2__app-metrix__list__item__default-icon {
  height: 24px;
  width: 24px;
  background-color: #eaedf0;
  border-radius: 4px;
}
.ug-arco-falcon-header-v2__app-metrix__list__item__icon,
.ug-arco-falcon-header-v2__app-metrix__list__item__default-icon {
  margin-right: 16px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__apps {
  min-height: 132px;
  max-height: 450px;
  overflow: auto;
}
.ug-arco-falcon-header-v2__app-metrix__grid__apps-content {
  padding: 12px 20px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 108px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__item:hover {
  background-color: var(--color-fill-1);
  border-radius: 4px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__item:hover .ug-arco-falcon-header-v2__app-metrix__grid__item__title {
  font-weight: 500;
}
.ug-arco-falcon-header-v2__app-metrix__grid__item__icon {
  font-size: 52px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__item__title {
  text-align: center;
  margin-top: 8px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__divider {
  height: 1px;
  background-color: var(--color-border-1);
}
.ug-arco-falcon-header-v2__app-metrix__grid__desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 16px 20px;
  height: 48px;
}
.ug-arco-falcon-header-v2__app-metrix__grid__desc-content {
  margin-left: 8px;
  width: 336px;
  color: var(--color-text-2);
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  height: 22px;
}
.ug-arco-falcon-header-v2__user-overlay__item {
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin: 8px 0;
}
.ug-arco-falcon-header-v2__user-overlay__item:hover {
  color: rgb(var(--primary-6));
}
.ug-arco-falcon-header-v2__user-overlay__item:hover a {
  color: rgb(var(--primary-6)) !important;
}
.ug-arco-falcon-header-v2__user-overlay__item a {
  width: auto !important;
  width: initial !important;
}
.ug-arco-falcon-header-v2__user-overlay__item__icon {
  margin-right: 8px;
}
.ug-falcon-header-right-nav-announce-footer-wrapper {
  background: #f3f4fc;
  border: 1px solid #e7e9f5;
  border-radius: 0 0 4px;
}
.ug-falcon-header-right-nav-announce-footer-wrapper .ug-falcon-header-right-nav-announce-footer-button {
  display: inline-block;
  width: 169px;
  padding: 12px 48px;
  color: #c2c4d5;
  box-sizing: border-box;
  cursor: not-allowed;
}
.ug-falcon-header-right-nav-announce-footer-wrapper .ug-falcon-header-right-nav-announce-footer-button:first-child {
  border-right: 1px solid #e7e9f5;
}
.ug-falcon-header-right-nav-announce-list-wrapper .ant-list-item-meta-title > a:hover {
  color: rgb(var(--primary-6));
}
.ug-falcon-header-right-nav-announce-item-body {
  margin-top: -14px;
  min-height: 60px;
}
.ug-falcon-header-right-nav-announce-item-empty {
  color: #a1a4bc;
}
.ug-falcon-header-right-nav-announce-text-ellipsis {
  width: 270px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ug-falcon-header-right-nav-announce-list-wrapper {
  max-height: 394px;
  overflow-y: scroll;
}
.ug-falcon-header-right-nav-announce-list-wrapper * {
  box-sizing: border-box;
}
.ug-falcon-header-right-nav-announce-list-wrapper .ant-list-item {
  padding: 14px 24px;
  box-sizing: border-box;
}
.ug-falcon-header-right-nav-announce-list-wrapper a {
  text-decoration: none;
}
.ug-falcon-header-right-nav-announce-list-wrapper .ant-list-item-meta-title {
  margin-top: 0;
}
.ug-media {
  display: inline-block;
}
.ug-media .ant-spin-nested-loading,
.ug-media .ant-spin-container {
  height: 100%;
}
.ug-media.error {
  background: #f5f5f5;
}
.ug-media.error video,
.ug-media.error img {
  display: none;
}
.ug-media .load-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ug-media .load-error__pic {
  width: 137px;
  height: 109px;
  margin-top: 12px;
  background-image: url(//lf3-static.bytednsdoc.com/obj/eden-cn/10eh7pfubqnuhog/media_error.png);
}
.ug-media .load-error__text {
  font-size: 14px;
  text-align: center;
  color: #bfbfbf;
  margin-top: 12px;
  margin-bottom: 12px;
}
.ug-media .youtube-media-iframe {
  border: none;
}
.ug-media img,
.ug-media video {
  outline: none;
}
.ug-media-preview-pic {
  display: inline-block;
}
.ug-media-preview-pic img,
.ug-media-preview-pic video {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  outline: none;
}
.ug-media-preview-pic .preview-youtube {
  border-radius: 5px;
  position: relative;
  display: inline-block;
  background: -webkit-linear-gradient(317deg, #d9d9d9 0%, #8c8c8c 100%);
  background: linear-gradient(133deg, #d9d9d9 0%, #8c8c8c 100%);
}
.ug-media-preview-pic .preview-youtube .anticon {
  color: #fff;
  position: absolute;
  right: 5%;
  bottom: 10%;
  font-size: 20px;
}
.ug-media-preview-big-pic.error {
  background: transparent;
}
.ug-media-preview-error {
  border-radius: 5px;
  display: inline-block;
  position: relative;
  background: -webkit-linear-gradient(317deg, #d9d9d9 0%, #8c8c8c 100%);
  background: linear-gradient(133deg, #d9d9d9 0%, #8c8c8c 100%);
}
.ug-media-preview-error .anticon {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}
.ug-media-preview-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-media-preview-list .ug-media:not(:first-child) {
  margin-left: 6px;
}
.ug-media-preview-tips .ant-tooltip-inner {
  min-height: 12px;
  overflow: auto;
}
.ug-media-preview-tips .ant-tooltip-inner::-webkit-scrollbar {
  width: auto;
  height: 6px;
}
.ug-media-preview-tips .ant-tooltip-inner::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 15px;
}
.ug-arco-entity-card {
  padding: 16px 24px;
  width: 320px;
  max-height: 500px;
  overflow-y: auto;
}
.ug-arco-entity-card__sub-title {
  color: #77808C;
  font-size: 13px;
  margin-bottom: 16px;
}
.ug-arco-entity-card__item__value {
  font-size: 13px;
  color: #4C5766;
}
.ug-arco-entity-card__item__value a {
  text-decoration: none;
  color: #1664FF;
}
.ug-arco-entity-card__item + .ug-arco-entity-card__item {
  margin-top: 16px;
}
.ug-arco-role-auth-suggestion {
  width: 1080px;
}
.ug-arco-role-auth-suggestion .arco-modal-footer {
  border-top: none;
}
.ug-arco-role-auth-suggestion .arco-table-no-data {
  padding: 0;
}
.ug-arco-role-auth-suggestion .arco-modal-content {
  padding: 24px 40px 0 40px;
}
.ug-arco-role-auth-suggestion .arco-modal-footer {
  padding: 22px 20px;
}
.ug-arco-role-auth-suggestion .arco-table-th {
  background-color: white;
  color: #4E5969;
}
.ug-arco-role-auth-suggestion .arco-modal .arco-modal-close-icon {
  color: #86909C;
}
.ug-arco-role-auth-suggestion .arco-table-td {
  padding: 2px 16px;
  vertical-align: text-top;
}
.ug-arco-role-auth-suggestion .pm-btn {
  padding: 2px 8px 2px 2px;
  border-radius: 12px;
  border: 1px solid var(--color-neutral-3);
  margin: 0 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  line-height: 14px;
  align-items: center;
}
.ug-arco-role-auth-suggestion .vertical-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-role-auth-suggestion .suggestion-users {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.material-page-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.material-page-wrapper .material-page-title {
  margin-top: 16px;
  color: #1d2129;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.material-page-wrapper .material-page-description {
  color: #4e5969;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
}
.material-page-wrapper .material-page-footer {
  margin-top: 12px;
}
.ug-arco-more-item__text-wrapper {
  display: inline-block;
  max-width: 100%;
}
.ug-arco-more-item__text-wrapper__text {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  max-width: 100%;
  padding-right: 20px;
  color: #1d2129;
  align-items: center;
}
.ug-arco-more-item__text-wrapper__text > div {
  display: inline-block;
  max-width: 100%;
  line-height: 20px;
}
.ug-arco-more-item__text-wrapper__text__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  margin-right: 4px;
}
.ug-arco-more-item__text-wrapper__text__more-icon {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  border: 1px solid #eaedf0;
  border-radius: 12px;
  transform: translate(0, -50%);
  cursor: default;
}
.ug-arco-more-item__text-wrapper__text__more-icon:hover {
  background: #e5e8ef;
}
.ug-arco-more-item__list-item {
  line-height: 36px;
  padding: 0 8px;
  cursor: default;
  margin: 0 -4px;
}
.ug-arco-more-item__list-item:hover {
  background-color: #f2f3f8;
}
.ug-arco-more-item__tooltip__overlay {
  overflow-x: hidden;
  overflow-y: auto;
}
.ug-arco-more-item__tooltip__overlay .arco-tooltip-content {
  padding: 4px 0;
}
.ug-arco-more-item__tooltip__overlay .arco-tooltip-content-inner > div:not(:last-child) {
  margin-bottom: 4px;
}
.ug-arco-falcon-layout {
  overflow: hidden;
  min-width: 1440px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.ug-arco-falcon-layout__sider-and-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
  height: 0;
}
.ug-arco-falcon-layout__content {
  overflow-x: auto;
  flex-grow: 1;
}
.ug-arco-falcon-layout__header-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-arco-falcon-layout__header-menu__item {
  height: 56px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.75);
  margin-right: 32px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0 4px;
}
.ug-arco-falcon-layout__header-menu__item:hover {
  color: #fff;
}
.ug-arco-falcon-layout__header-menu__item--selected {
  color: #fff;
  font-weight: 500;
}
.ug-arco-falcon-layout__header-menu__item--selected::after {
  content: ' ';
  display: block;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 4px 4px 0px 0px;
  background-color: rgb(var(--primary-5));
}
.ug-arco-falcon-layout__header-tips-popover--three-level {
  max-width: none !important;
  max-width: initial !important;
}
.ug-arco-falcon-layout__header-tips-popover--three-level .arco-popover-content {
  padding: 0;
}
.ug-arco-falcon-layout__header-tips-popover .arco-popover-arrow {
  display: none;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 14px 16px;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-card {
  cursor: pointer;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-card:hover {
  background: #f8f9fb;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips__icon {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: rgba(var(--primary-6), 0.06);
  margin-right: 20px;
  flex-shrink: 0;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips__icon .arco-icon {
  font-size: 22px;
  color: rgba(var(--primary-6));
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips__title {
  color: #1d2229;
  font-size: 16px;
  font-weight: 500;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips__desc {
  font-size: 12px;
  color: #77808c;
  width: 250px;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level {
  padding: 26px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level .ug-arco-falcon-layout__header-tips-three-level__item + .ug-arco-falcon-layout__header-tips-three-level__item {
  margin-left: 16px;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item {
  flex-shrink: 0;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__title {
  padding-left: 8px;
  font-size: 14px;
  color: #4e5969;
  font-weight: 500;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__title .ug-arco-falcon-sider__item-link {
  color: #4e5969;
  text-decoration: none;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__title__icon {
  display: none;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item {
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item:hover {
  background-color: #f6f7fb;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item:hover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item__icon {
  color: #1664ff;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item:hover .ug-arco-falcon-sider__item-link {
  color: #1d2129;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item__icon {
  margin-right: 8px;
  color: #c9cdd4;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level__item__sub-menu-item .ug-arco-falcon-sider__item-link {
  color: #86909c;
  text-decoration: none;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level-two-type {
  padding: 8px;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level-two-type__item {
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 8px 20px;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level-two-type__item:hover {
  background-color: #f6f7fb;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level-two-type__item:hover .ug-arco-falcon-sider__item-link {
  color: #1d2129;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level-two-type__item .ug-arco-falcon-sider__item-link {
  color: #86909c;
  flex-grow: 1;
  text-decoration: none;
}
.ug-arco-falcon-layout__header-tips-popover .ug-arco-falcon-layout__header-tips-three-level-two-type__item__icon {
  flex-shrink: 0;
  margin-right: 8px;
  color: #4e5969;
}
.ug-panel-card {
  background-color: #fff;
  padding: 16px 24px 24px;
  box-shadow: 0px 1px 2px rgba(190, 202, 218, 0.16), 0px 3px 6px rgba(190, 202, 218, 0.12), 0px 2px 11px rgba(190, 202, 218, 0.17);
  border-radius: 4px;
}
.ug-panel-card .ug-panel-card__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.ug-panel-card .ug-panel-card__head .ug-panel-card__head__title {
  font-size: 18px;
  font-weight: 700;
}
.ug-panel-card .ug-panel-card__head .ug-panel-card__head__title__remark {
  margin-left: 8px;
  color: #A1A4BC;
  font-size: 12px;
  font-weight: 400;
}
.ug-arco-core-index {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.ug-arco-core-index__quota-wrapper--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-arco-core-index__quota-wrapper--inline .ug-arco-core-index-item-change + .ug-arco-core-index-item-change {
  margin-left: 8px;
}
.ug-arco-core-index__compare-box {
  margin-top: 4px;
}
.ug-arco-core-index__compare-box__label {
  color: #616582;
  font-size: 12px;
}
.ug-arco-core-index__compare-box__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-core-index__compare-box__value__main {
  color: #1d2129;
  font-size: 20px;
  margin-right: 8px;
  word-break: keep-all;
  font-family: 'Roboto';
}
.ug-arco-core-index__bottom {
  border-bottom: 1px dashed #e5e8ef;
}
.ug-arco-core-index-card {
  flex: 1;
  margin-right: 8px;
  padding: 16px 20px;
  border-radius: 4px;
  min-width: 148px;
  border-left: 0;
}
.ug-arco-core-index-card:last-child {
  margin-right: 0;
}
.ug-arco-core-index-item {
  padding: 16px 24px;
}
.ug-arco-core-index-item--selectable {
  cursor: pointer;
}
.ug-arco-core-index-item--selectable--all {
  background: #fff;
}
.ug-arco-core-index-item--selected-topLine,
.ug-arco-core-index-item--selected-bottomLine {
  background: #fff !important;
}
.ug-arco-core-index-item--selected-topLine,
.ug-arco-core-index-item--selected-bottomLine {
  position: relative;
}
.ug-arco-core-index-item--selected-topLine::after,
.ug-arco-core-index-item--selected-bottomLine::after {
  position: absolute;
  content: ' ';
  display: block;
  height: 4px;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #4660ef;
}
.ug-arco-core-index-item--selected-bottomLine::after {
  top: auto;
  top: initial;
  bottom: 0;
  left: 0;
}
.ug-arco-core-index-item--selected-background {
  background: #1664ff;
}
.ug-arco-core-index-item--selected-background .ug-arco-core-index-item-title,
.ug-arco-core-index-item--selected-background .ug-arco-core-index-item-value,
.ug-arco-core-index-item--selected-background .ug-arco-core-index-item-change-title {
  color: #fff;
}
.ug-arco-core-index-item--selected-background .ug-arco-core-index-item-change-title {
  opacity: 0.55;
}
.ug-arco-core-index-item--selected-topLine,
.ug-arco-core-index-item--selected-bottomLine .anticon-question-circle {
  color: rgba(255, 255, 255, 0.5);
}
.ug-arco-core-index-item .anticon-question-circle {
  color: #a1a4bc;
}
.ug-arco-core-index-card {
  background-color: #fff;
}
.ug-arco-core-index-item-title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ug-arco-core-index-item-title {
  font-size: 13px;
  color: #4e5969;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-core-index-item-value {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  color: #1d2129;
  height: 32px;
  line-height: 32px;
}
.ug-arco-core-index-item-value-radio {
  float: right;
  font-size: 14px;
  font-weight: 400;
}
.ug-arco-core-index-item-value + .ug-arco-core-index-item-change {
  margin-top: 8px;
}
.ug-arco-core-index-item-change {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 20px;
  line-height: 20px;
}
.ug-arco-core-index-item-change-title {
  margin-right: 8px;
  font-size: 12px;
  font-size: var(--change-rate-title-size);
  color: #86909c;
}
.ug-arco-core-index-item-change-value {
  color: rgba(0, 0, 0, 0.65);
}
.ug-arco-core-index-item-change-value .anticon {
  margin-left: 2px;
}
.ug-arco-core-index-item-change-compare {
  font-size: 14px;
}
.ug-arco-core-index-item + .ug-arco-core-index-item {
  border-left: 1px dashed #e5e8ef;
}
.ug-arco-core-index-item--selected-background .ug-arco-core-index__rate-box-rate-up,
.ug-arco-core-index-item--selected-background .ug-arco-core-index__rate-box-rate-down,
.ug-arco-core-index-item--selected-background .ug-arco-core-index__rate-box-rate {
  color: #fff;
}
.ug-arco-core-index-item--selected-background .ug-arco-core-index__rate-box__arrow rect {
  fill: #fff;
}
.ug-arco-core-index-item--selected-background .ug-arco-core-index__rate-box__arrow path {
  fill: #fff;
}
.ug-arco-core-index__rate-box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
}
.ug-arco-core-index__rate-box__text {
  font-size: 12px;
  font-size: var(--change-rate-rate-size);
}
.ug-arco-core-index__rate-box-rate-up {
  color: #c0272c;
  color: var(--indicator-up-text-color);
  font-family: 'Roboto';
}
.ug-arco-core-index__rate-box-rate-down {
  color: #00932a;
  color: var(--indicator-down-text-color);
  font-family: 'Roboto';
}
.ug-arco-core-index__rate-box__arrow {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-size: var(--change-rate-icon-size);
  margin-right: 4px;
}
.ug-arco-button-list-tooltips .icon-more-vertical {
  padding: 0;
  color: #000;
}
.ug-arco-button-list-dropdown-menu.arco-dropdown-menu {
  padding: 4px;
}
.ug-arco-button-list-dropdown-menu .arco-button-list-menu-item {
  min-width: 180px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  padding: 0;
}
.ug-arco-button-list-dropdown-menu .arco-button-list-menu-item .arco-btn {
  width: 100%;
  height: 100%;
  padding: 7px 8px;
  text-align: left;
  font-size: 14px;
  color: #4c5766;
  background: transparent;
}
.ug-arco-button-list-dropdown-menu .arco-button-list-menu-item .arco-btn:hover:not(.arco-btn-disabled) {
  color: #4c5766;
  background-color: transparent;
}
.ug-arco-button-list-outside .arco-btn-secondary {
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  color: rgb(var(--primary-6));
  font-weight: 400;
  background: none;
  border: none;
}
.ug-arco-button-list-outside .arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: none;
  color: rgb(var(--primary-5));
  border: none;
}
.ug-arco-button-list-outside .arco-btn-text {
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  color: rgb(var(--primary-6));
  font-weight: 400;
  background: none;
  border: none;
}
.ug-arco-button-list-outside .arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: none;
  color: rgb(var(--primary-5));
  border: none;
}
.ug-arco-button-list-outside .arco-btn-primary {
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  color: rgb(var(--primary-6));
  font-weight: 500;
  background: none;
  border: none;
}
.ug-arco-button-list-outside .arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: none;
  color: rgb(var(--primary-5));
  border: none;
}
.ug-arco-button-list-outside .arco-btn-danger {
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  color: rgb(var(--danger-6));
  background: none;
  font-weight: 400;
  border: none;
}
.ug-arco-button-list-outside .arco-btn-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: none;
  color: rgb(var(--danger-5));
  border: none;
}
.ug-arco-user-select-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  align-items: center;
}
.ug-arco-user-select-label-avatar {
  margin-right: 3px;
  color: #fff;
}
.ug-arco-user-select-label-avatar :global .arco-avatar-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-user-select-label-avatar img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ug-arco-user-select-label-name {
  min-width: 0;
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.ug-arco-user-select-input-item {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  min-width: 122px;
  max-width: 200px;
  height: 32px;
  padding: 0 27px 0 4px;
  line-height: 32px;
  border: 1px solid #dce0e5;
  border-radius: 18px;
  align-items: center;
}
.ug-arco-user-select-input-item-readonly {
  padding: 0 8px 0 4px;
}
.ug-arco-user-select-input-item-shower {
  min-width: 0;
  flex: 1;
  flex-shrink: 0;
}
.ug-arco-user-select-input-item-close {
  position: absolute;
  top: 50%;
  right: 8px;
  font-size: 16px;
  cursor: pointer;
  transform: translateY(-50%);
  color: #77808C;
  stroke-width: 3px;
}
.ug-arco-user-select-input-search-control {
  height: 32px;
}
.ug-arco-user-select-input-search-control .arco-input-group .arco-input-inner-wrapper {
  border-radius: 18px;
}
.ug-arco-user-select-input-auto-complete .arco-select-popup,
.ug-arco-user-select-input-auto-complete .arco-select-popup-inner {
  padding: 0 !important;
}
.ug-arco-right-bottom-menu {
  z-index: 9999;
  position: fixed;
  right: 0;
  bottom: 64px;
  filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.12));
}
.ug-arco-right-bottom-menu-item:first-of-type {
  border-top-left-radius: 4px;
}
.ug-arco-right-bottom-menu-item:last-of-type {
  border-bottom-left-radius: 4px;
}
.ug-arco-right-bottom-menu-item__icon {
  width: 40px;
  text-align: center;
  font-size: 15px;
}
.ug-arco-right-bottom-menu-button {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ug-arco-right-bottom-menu-button {
  height: 40px;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  float: right;
}
.ug-arco-right-bottom-menu-button__text {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.3s;
}
.ug-arco-right-bottom-menu-button:hover .ug-arco-right-bottom-menu-button__text {
  width: 68px;
}
.ug-arco-right-bottom-menu-button:hover .ug-arco-right-bottom-menu-button__text--longger {
  width: 160px;
}
.ug-arco-right-bottom-menu-button:hover {
  background-color: #1664ff;
  color: #fff;
  border-radius: 4px 0 0 4px;
}
.ug-arco-right-bottom-menu-popover {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ug-arco-right-bottom-menu-popover {
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  cursor: pointer;
  float: right;
}
.ug-arco-right-bottom-menu-popover__icon_wrapper {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.ug-arco-right-bottom-menu-popover__icon_wrapper {
  height: 34px;
  width: 34px;
  justify-content: center;
  align-items: center;
}
.ug-arco-right-bottom-menu-popover:hover .ug-arco-right-bottom-menu-popover__icon_wrapper,
.ug-arco-right-bottom-menu-popover__icon_wrapper_open {
  background-color: rgb(var(--primary-1));
  color: rgb(var(--primary-6));
  border-radius: 4px;
}
.ug-arco-right-bottom-menu-popover__wrapper .arco-popover-content {
  padding: 8px !important;
}
.ug-arco-right-bottom-menu__oncall_item {
  padding: 8px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 2px;
  cursor: pointer;
}
.ug-arco-right-bottom-menu__oncall_item:hover {
  background-color: var(--color-fill-1);
}
.ug-arco-right-bottom-menu__oncall_item_text {
  max-width: 328px;
}
.ug-arco-right-bottom-menu__oncall_item_title {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  color: var(--color-text-1);
}
.ug-arco-right-bottom-menu__oncall_item_desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: var(--color-text-3);
}
.ug-arco-right-bottom-menu__oncall_item_icon {
  width: 16px;
  height: 16px;
  color: var(--color-text-2);
  font-size: 16px;
}
.ug-arco-right-bottom-menu__oncall_item_underline {
  margin: 0 12px;
  height: 1px;
  border-bottom: 1px dashed var(--color-border-3);
}
.ug-arco-right-bottom-menu__page_data_wrapper .arco-popover-content {
  padding: 0;
}
.ug-arco-right-bottom-menu__page_data_item.ug-arco-card {
  border: none;
  box-shadow: none;
}
.ug-arco-right-bottom-menu__page_data_item .ug-arco-card-head {
  padding: 0px 12px 8px 12px;
}
.ug-arco-right-bottom-menu__page_data_item .ug-arco-card-body {
  padding: 8px 12px 12px 12px;
}
.ug-arco-right-bottom-menu__page_data_item .ug-arco-card-meta {
  padding: 0;
}
.ug-arco-right-bottom-menu__page_data_item_time {
  color: #4e5969;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.ug-arco-right-bottom-menu__page_data_item_percent_title {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
}
.ug-arco-right-bottom-menu__page_data_item_percent_item {
  flex-grow: 1;
  background-color: #e5e8ef;
  height: 8px;
  cursor: pointer;
}
.ug-arco-right-bottom-menu__page_data_item_percent_label {
  color: #86909c;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.ug-arco-right-bottom-menu__page_data_item_percent_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 1px;
  flex-wrap: nowrap;
}
.ug-arco-right-bottom-menu__page_data_item_percent_item_active {
  background-color: #1664ff;
}
.ug-arco-right-bottom-menu__page_data_item_datacell_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 1px;
  align-items: center;
  margin-top: 20px;
}
.ug-arco-right-bottom-menu__page_data_item_datacell {
  flex-grow: 1;
  padding: 8px 12px;
  background-color: #f6f7fb;
}
.ug-arco-right-bottom-menu__page_data_item_datacell_label {
  color: #4e5969;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.ug-arco-right-bottom-menu__page_data_item_datacell_value {
  color: #1d2129;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.ug-arco-oncall-drawer {
  z-index: 9999999;
}
.ug-arco-tree-rule {
  box-shadow: none;
}
.ug-arco-tree-rule.arco-form {
  min-width: -moz-fit-content;
  min-width: -webkit-fit-content;
  min-width: fit-content;
}
.ug-arco-tree-rule .tree-rule-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.ug-arco-tree-rule .logic + .item-content {
  margin-left: 36px;
}
.ug-arco-tree-rule .logic-line {
  width: 16px;
  position: absolute;
  left: 14px;
  border-radius: 4px;
  border: 1px #c9cdd4 solid;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-tree-rule .logic-btn {
  padding: 0 7px;
  height: 28px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  line-height: 28px;
  color: #ffffff;
  background-color: #1664ff;
  border-radius: 4px;
  margin-left: -14px;
  position: relative;
}
.ug-arco-tree-rule .logic-btn:hover {
  background-color: rgba(22, 100, 255, 0.8);
}
.ug-arco-tree-rule .add-btn {
  padding: 0 12px;
}
.ug-arco-tree-rule .delete-btn {
  margin-bottom: 13px;
  padding: 0 12px;
}
.ug-arco-tree-rule .delete-btn.arco-btn-secondary.arco-btn-status-danger {
  background-color: #f2f3f8;
  color: #4e5969;
}
.ug-arco-tree-rule .arco-form-message {
  line-height: 16px;
  min-height: 16px;
}
.ug-arco-tree-rule .arco-form-item {
  margin-bottom: 16px;
}
.ug-arco-tree-rule-container {
  border-radius: 4px;
  position: relative;
}
.ug-arco-tree-rule-container .content {
  padding: 16px;
  overflow-x: auto;
  width: 100%;
}
.ug-arco-tree-rule-container .full-screen {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  font-size: 13px;
}
.ug-arco-tree-rule-modal.arco-modal {
  position: relative;
  width: calc(100vw - 160px);
  height: calc(100vh - 160px);
}
.ug-arco-tree-rule-modal.arco-modal .arco-modal-content {
  width: calc(100vw - 160px);
  height: calc(100vh - 160px);
  padding: 20px;
  overflow: auto;
  position: static;
}
.ug-arco-tree-rule-modal.arco-modal .full-screen {
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
  font-size: 13px;
}
.ug-arco-listpage {
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.ug-arco-listpage-header {
  height: 48px;
}
.ug-arco-listpage-header-main {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #1d2129;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ug-arco-listpage-header-extra {
  white-space: nowrap;
  overflow: hidden;
}
.ug-arco-listpage .arco-page-header-head-wrapper {
  padding: 0;
}
.ug-arco-listpage-filter {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 12px;
  border-radius: 4px;
}
.ug-arco-listpage-filter .ug-arco-filter {
  padding: 0px;
}
.ug-arco-listpage-content {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  margin-top: 8px;
  overflow: hidden;
}
.ug-arco-listpage-filter-wrapper {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
}
.ug-arco-listpage-filter-wrapper .ug-arco-listpage-filter {
  border-radius: 0px;
  box-shadow: none;
}
.ug-arco-listpage-tabs {
  box-shadow: inset 0px -1px 0px #efeff2;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.ug-arco-listpage .ug-arco-listpage-tabs .ug-arco-listpage-tabs-item {
  line-height: 28px;
}
.ug-arco-icon-arrow-left {
  width: 1em;
  height: 1em;
}
.ug-arco-menu_drawer-menu {
  background: rgba(51, 51, 51, 0.7);
  box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.12);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  height: 100vh;
  text-align: center;
}
.ug-arco-menu_drawer-menu-close {
  height: 56px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
}
.ug-arco-menu_drawer-menu .arco-btn-text:not(.arco-btn-disabled) {
  color: white;
  font-size: 19px;
  height: 40px;
  width: 40px;
  padding: 0px;
  border-radius: 8px;
  font-weight: normal;
  margin-bottom: 4px;
}
.ug-arco-menu_drawer-menu .arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}
.ug-arco-menu_drawer-menu .arco-btn-size-default svg {
  vertical-align: -4px;
}
.ug-arco-menu_drawer-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  height: 56px;
  background: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), inset 0px -1px 0px #eaecf0;
  box-sizing: border-box;
  color: #1d2129;
  color: var(--card-color-title);
}
.ug-arco-menu_drawer-content {
  background: #f0f2f5;
  height: 100vh;
  width: 200px;
}
.ug-arco-menu_drawer-content-body {
  padding: 20px;
  overflow-y: scroll;
  max-height: calc(100% - 56px);
  box-sizing: border-box;
}
.ug-arco-drawer .arco-drawer-header-title {
  width: 100%;
}
.ug-arco-drawer .arco-descriptions-item-label {
  font-weight: normal;
}
.ug-arco-drawer-title {
  line-height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-drawer-title-close {
  cursor: pointer;
  font-size: 18px;
}
.ug-arco-drawer-title-text {
  display: inline-block;
  max-width: 400px;
}
.ug-arco-drawer-title-text .ug-arco-text-overflow-wrapper > .text-ellipsis {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 18px;
  color: #1d2129;
  font-weight: 500;
}
.ug-arco-form-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #f0f2f5;
}
.ug-arco-form-page-bar {
  background-color: #fff;
  width: 256px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.ug-arco-form-page-contentWrapper {
  flex: 1;
  padding-bottom: 64px;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.ug-arco-form-page-contentWrapper :global .arco-form-item {
  margin-bottom: 24px;
}
.ug-arco-form-page-content {
  width: 100%;
  padding: 16px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.ug-arco-form-page-footer {
  position: absolute;
  box-sizing: border-box;
  z-index: 1001;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 64px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  padding: 16px 28px;
  align-items: center;
  border-left: 1px solid #e5e8ef;
  border-top: 1px solid #e5e8ef;
}
.ug-arco-form-page-module-title {
  padding-bottom: 11px;
}
.ug-arco-form-page .ug-arco-form-page-card {
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.ug-arco-falcon-page {
  width: 100%;
}
.ug-arco-falcon-page-content {
  padding: 0 20px;
}
.arco-breadcrumb-item span {
  color: #86909c;
}
.arco-breadcrumb-item a:hover {
  color: #4e5969;
}
.global-header-search {
  width: 240px !important;
  color: white !important;
}
.global-header-search {
  margin-right: 0.5rem;
  height: 36px;
  transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.global-header-search-focused {
  width: 400px !important;
}
.global-header-search-focused .arco-icon {
  color: var(--color-fill-6);
}
.global-header-search-focused .arco-select-view-input::-moz-placeholder {
  color: var(--color-text-3);
}
.global-header-search-focused .arco-select-view-input::placeholder {
  color: var(--color-text-3);
}
.global-header-search:hover .arco-icon,
.global-header-search:focus .arco-icon {
  color: var(--color-fill-6);
}
.global-header-search:hover .arco-select-view-value,
.global-header-search:focus .arco-select-view-value {
  color: var(--color-text-3);
}
.global-header-search:hover .arco-select-view-input::-moz-placeholder, .global-header-search:focus .arco-select-view-input::-moz-placeholder {
  color: var(--color-text-3);
}
.global-header-search:hover .arco-select-view-input::placeholder,
.global-header-search:focus .arco-select-view-input::placeholder {
  color: var(--color-text-3);
}
.global-header-search .arco-select-view-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.global-header-search .arco-select-view-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.global-header-search[aria-expanded='true'] .arco-input-inner-wrapper,
.global-header-search[aria-expanded='true'] .arco-select-view {
  background-color: white !important;
}
.global-header-search[aria-expanded='true'] .arco-input-inner-wrapper,
.global-header-search[aria-expanded='true'] .arco-select-view {
  transition: all 100ms linear;
}
.global-header-search[aria-expanded='true'] .arco-input-inner-wrapper .arco-icon,
.global-header-search[aria-expanded='true'] .arco-select-view .arco-icon {
  color: var(--color-fill-6);
}
.global-header-search[aria-expanded='true'] .arco-input-inner-wrapper .arco-select-view-input,
.global-header-search[aria-expanded='true'] .arco-select-view .arco-select-view-input {
  width: 18.5rem !important;
}
.global-header-search[aria-expanded='true'] .arco-input-inner-wrapper .arco-select-view-input::-moz-placeholder, .global-header-search[aria-expanded='true'] .arco-select-view .arco-select-view-input::-moz-placeholder {
  color: var(--color-text-3);
}
.global-header-search[aria-expanded='true'] .arco-input-inner-wrapper .arco-select-view-input::placeholder,
.global-header-search[aria-expanded='true'] .arco-select-view .arco-select-view-input::placeholder {
  color: var(--color-text-3);
}
.global-header-search .arco-input-inner-wrapper,
.global-header-search .arco-select-view {
  background-color: rgba(255, 255, 255, 0.08) !important;
  height: 100% !important;
}
.global-header-search .arco-input-inner-wrapper,
.global-header-search .arco-select-view {
  min-width: 13rem;
  border: 1px solid transparent;
  transition: all 100ms linear;
}
.global-header-search .arco-input-inner-wrapper:hover,
.global-header-search .arco-select-view:hover,
.global-header-search .arco-input-inner-wrapper:focus,
.global-header-search .arco-select-view:focus {
  background-color: white !important;
}
.global-header-search .arco-input-inner-wrapper .arco-select-view-value,
.global-header-search .arco-select-view .arco-select-view-value {
  color: rgba(255, 255, 255, 0.35);
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: left;
  align-items: center;
}
.global-header-search .arco-input-inner-wrapper .arco-select-view-value:hover,
.global-header-search .arco-select-view .arco-select-view-value:hover,
.global-header-search .arco-input-inner-wrapper .arco-select-view-value:focus,
.global-header-search .arco-select-view .arco-select-view-value:focus {
  background-color: white !important;
}
.global-header-search .arco-input-inner-wrapper .arco-select-view-value:hover,
.global-header-search .arco-select-view .arco-select-view-value:hover,
.global-header-search .arco-input-inner-wrapper .arco-select-view-value:focus,
.global-header-search .arco-select-view .arco-select-view-value:focus {
  color: var(--color-text-3);
}
.global-header-search .search-icon {
  font-size: 18px;
  color: var(--color-text-4);
}
.global-header-search .arco-select-suffix {
  display: none;
}
.global-search-select-dropdown .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.global-search-history-dropdown {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.global-search-history-dropdown .icon-time,
.global-search-history-dropdown .icon-close {
  margin-right: 5px;
  color: var(--color-text-3);
}
.global-search-history-dropdown .icon-time {
  font-size: 18px;
}
.global-search-history-dropdown .icon-close {
  cursor: pointer;
  font-size: 14px;
}
.global-search-history-dropdown .title {
  width: 92%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.global-search-select-dropdown .item,
.global-search-history-dropdown .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.global-search-select-dropdown .item .tag,
.global-search-history-dropdown .item .tag {
  margin-right: 5px;
  text-align: center;
  flex: 0 0 48px;
}
.global-search-select-dropdown .item .title,
.global-search-history-dropdown .item .title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.lark-employee-container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  color: #1f2329;
  height: 20px;
  font-size: 12px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.lark-employee-avatar {
  height: 18px;
  width: 18px;
  margin-right: 8px;
  border-radius: 9px;
  background: gray;
}
.lark-employee-avatar-fallback {
  color: #1f2329;
  height: 20px;
  font-size: 12px;
}
.common-echarts__spin {
  height: 300px;
  position: relative;
}
.common-echarts__spin .ant-spin {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.vs-time-range-picker__outer {
  width: 100%;
  font-size: 12px;
  padding-left: 8px;
}
.vs-time-range-picker__outer .arco-picker-input input {
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto;
}
.vs-time-date-picker__outer {
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto;
  padding: 6px 16px;
}
.vs-time-compare-dashed-border {
  border: 1px dashed #e5e8ef;
}
.vs-time-compare-solid-border {
  border: 1px solid #e5e8ef;
}
.fold-card-no-children-comp__outer .arco-collapse-item-active > .arco-collapse-item-header {
  border-color: transparent;
}
.fold-card-comp__outer .collapse-item-comp__outer .text-button__outer {
  -moz-user-select: none;
       -webkit-user-select: none;
          user-select: none;
}
.fold-card-comp__outer .arco-collapse-item-header {
  height: 48px;
}
.fold-card-comp__outer .arco-collapse-item-header-title {
  font-size: 16px;
  font-weight: 500;
}
.fold-card-comp__outer .arco-collapse-item-header-right {
  padding-left: 20px;
}
.fold-card-comp__outer .arco-collapse {
  border: none;
}
.view-item-radio__outer .arco-radio-text {
  position: absolute;
}
.text_overflow-outer {
  width: 180px;
  display: inline-block;
}
.text_overflow-outer .ug-arco-text-overflow-wrapper > .text-ellipsis {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-arco-nav-sider .arco-menu-collapse,
.ug-arco-side-menu .arco-menu-collapse {
  padding-top: 0;
}
.ug-arco-nav-sider .ug-nav-sider-with-select.arco-menu .arco-menu-inner,
.ug-arco-side-menu .ug-nav-sider-with-select.arco-menu .arco-menu-inner {
  padding-top: 4px;
}
.ug-arco-nav-sider.ug-arco-side-menu .arco-layout-sider-children {
  overflow: hidden;
}
.ug-arco-nav-sider-select .select-menu-icon {
  font-size: 24px;
}
.ug-arco-nav-sider-select__pop-menu .arco-menu-vertical .arco-menu-inner {
  padding: 0;
}
.ug-arco-nav-sider-select__pop-menu .arco-menu-vertical .arco-menu-item {
  margin-bottom: 0;
}
.ug-arco-nav-sider-select__pop-menu .arco-menu-collapse {
  width: 100%;
}
.ug-arco-nav-sider-select__pop-menu .select-menu-icon {
  margin-right: 8px;
}
.ug-arco-nav-header-select__pop-menu .arco-menu-vertical .arco-menu-inner {
  padding: 0;
}
.ug-arco-nav-header-select__pop-menu .arco-menu-vertical .arco-menu-item {
  margin-bottom: 0;
}
.ug-arco-nav-header-select__pop-menu .arco-menu-collapse {
  width: 100%;
}
.ug-arco-nav-header-select__pop-menu .select-menu-icon {
  margin-right: 8px;
}
.ug-arco-nav-header-select {
  color: #fff;
  width: 123px;
}
.ug-arco-nav-header-select .select-menu-icon {
  font-size: 24px;
}
.ug-arco-nav-header-select__item-text {
  width: 69px;
  height: 24px;
  overflow: hidden;
  font-weight: 500;
  line-height: 24px;
}
.ug-arco-collapse-default .ug-arco-collapse-expandIcon {
  width: 20px;
  height: 20px;
}
.ug-arco-collapse-default .arco-collapse-item-header {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.ug-arco-collapse-default .arco-collapse-item-header-left {
  padding-right: 20px;
  padding-left: 32px;
}
.ug-arco-collapse-default .arco-collapse-item-header-right {
  padding-right: 36px;
  padding-left: 16px;
}
.ug-arco-collapse-default .arco-collapse-item-header-right + .arco-collapse-item-content-expanded .arco-collapse-item-content-box {
  padding: 16px;
}
.ug-arco-collapse-default .arco-collapse-item-icon-hover {
  left: 8px;
}
.ug-arco-collapse-default .arco-collapse-item-icon-hover-right {
  right: 8px;
  left: auto;
  left: initial;
}
.ug-arco-collapse-default .arco-collapse-item-content-box {
  padding: 16px 20px 16px 32px;
}
.ug-arco-collapse-large .ug-arco-collapse-expandIcon {
  width: 20px;
  height: 20px;
}
.ug-arco-collapse-large .arco-collapse-item-header {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}
.ug-arco-collapse-large .arco-collapse-item-header-left {
  padding-right: 20px;
  padding-left: 32px;
}
.ug-arco-collapse-large .arco-collapse-item-header-right {
  padding-right: 36px;
  padding-left: 20px;
}
.ug-arco-collapse-large .arco-collapse-item-header-right + .arco-collapse-item-content-expanded .arco-collapse-item-content-box {
  padding: 16px 20px;
}
.ug-arco-collapse-large .arco-collapse-item-icon-hover {
  left: 8px;
}
.ug-arco-collapse-large .arco-collapse-item-icon-hover-right {
  right: 8px;
  left: auto;
  left: initial;
}
.ug-arco-collapse-large .arco-collapse-item-content-box {
  padding: 16px 20px 16px 32px;
}
.ug-arco-collapse-small .ug-arco-collapse-expandIcon {
  width: 18px;
  height: 18px;
}
.ug-arco-collapse-small .arco-collapse-item-header {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
}
.ug-arco-collapse-small .arco-collapse-item-header-left {
  padding-right: 16px;
  padding-left: 30px;
}
.ug-arco-collapse-small .arco-collapse-item-icon-hover {
  left: 8px;
}
.ug-arco-collapse-small .arco-collapse-item-icon-hover-right {
  right: 8px;
  left: auto;
  left: initial;
}
.ug-arco-collapse-small .arco-collapse-item-header-right {
  padding-right: 34px;
  padding-left: 12px;
}
.ug-arco-collapse-small .arco-collapse-item-header-right + .arco-collapse-item-content-expanded .arco-collapse-item-content-box {
  padding: 12px;
}
.ug-arco-collapse-small .arco-collapse-item-content-box {
  padding: 12px 16px 12px 30px;
}
.ug-arco-Tree .ug-arco-Tree-title {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
}
.ug-arco-Tree .ug-arco-Tree-title .ug-arco-Tree-title-icon {
  line-height: 0px;
  margin-right: 12px;
  margin-right: var(--tree-margin-custom-icon-right);
}
.ug-arco-Tree .arco-tree-node {
  align-items: center;
}
.ug-arco-Tree .arco-tree-node-title {
  padding: 5px 4px;
  margin-left: 0;
  margin-left: initial;
}
.ug-arco-Tree .arco-tree-node-indent-block {
  width: 22px;
  margin-right: 0;
}
.ug-arco-Tree .arco-tree-node-switcher {
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
  margin-right: 0;
}
.ug-arco-Tree .arco-checkbox {
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 22px;
  margin-right: 0;
}
.ug-arco-Tree .arco-checkbox .arco-checkbox-mask-wrapper {
  top: 0;
}
.ug-arco-Tree .arco-checkbox-mask {
  width: 14px;
  height: 14px;
}
.ug-arco-Tree-checkbox-position-right .arco-checkbox {
  position: absolute;
  right: 8px;
  top: 4px;
}
.ug-arco-date-input .arco-input-size-default {
  color: #1D2229;
  font-size: 12px;
  line-height: 22px;
}
.ug-arco-date-input .arco-input-size-large {
  color: #1D2229;
  font-size: 12px;
  line-height: 22px;
}
.ug-arco-date-input {
  color: #1D2229;
  font-size: 12px;
  line-height: 20px;
}
.ug-arco-date-input .arco-input-inner-wrapper {
  padding-right: 6px;
  padding-left: 8px;
}
.ug-arco-date-input .arco-icon {
  font-size: 18px;
}
.ug-arco-card {
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  overflow: hidden;
}
.ug-arco-card-head {
  padding-top: 12px;
}
.ug-arco-card-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.ug-arco-card-meta-notabs {
  padding-bottom: 12px;
}
.ug-arco-card-draggable {
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
  margin-right: 4px;
}
.ug-arco-card-title {
  font-weight: 500;
  line-height: 24px;
  font-size: 16px;
  color: #1d2129;
  color: var(--card-color-title);
}
.ug-arco-card-subtitle {
  margin-left: 10px;
  font-size: 12px;
  line-height: 24px;
  color: rgb(var(--gray-6));
}
.ug-arco-card-extra {
  margin-left: 12px;
}
.ug-arco-card-collapsible {
  -moz-user-select: none;
       -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-left: 12px;
  color: #4e5969;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-arco-card-collapsible-tip {
  line-height: 24px;
  font-size: 12px;
  margin-right: 4px;
}
.ug-arco-card-collapsible-icon {
  line-height: 18px;
  font-size: 18px;
  color: #4e5969;
}
.ug-arco-card-closable {
  -moz-user-select: none;
       -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-left: 12px;
  font-size: 22px;
  color: #4e5969;
}
.ug-arco-card-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
}
.ug-arco-card-operation {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 24px;
}
.ug-arco-card-operation .selected-tip {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 10px;
}
.ug-arco-card-body {
  padding: 20px;
}
.ug-arco-card + .ug-arco-card {
  margin-top: 20px;
}
.ug-arco-block-content {
  background: #f6f7fb;
  width: 100%;
}
.ug-arco-block + .ug-arco-block {
  margin-top: 12px;
}
.ug-steps-vertical-warper {
  width: 256px;
  height: 100%;
  padding: 16px 0px 8px;
  background: #ffffff;
  box-shadow: inset -1px 0px 0px #eaecf0;
  box-sizing: border-box;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header {
  padding: 2px 18px 2px 18px;
  width: 256px;
  height: 32px;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header svg:hover rect :first-child {
  fill: #e5e8ef;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header svg:hover g,
.ug-steps-vertical-warper .ug-steps-vertical-warper_header svg:hover path {
  color: #1d2129;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header .ug-steps-vertical-warper_header_title {
  height: 24px;
  /* CN-Regular/16 */
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  /* 中性色/8 */
  color: #1d2229;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header .ug-steps-vertical_back-icon_box {
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #c9cdd4;
  border-radius: 50%;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header .ug-steps-vertical_back-icon_box .ug-steps-vertical_back-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header .ug-steps-vertical_back-icon_box:hover {
  border: 1px solid #e5e8ef;
  background-color: #e5e8ef;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_header .ug-steps-vertical_back-icon_box:hover path {
  fill: #1d2129;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_divider {
  padding: 0 20px;
}
.ug-steps-vertical-warper .ug-steps-vertical-warper_steps {
  padding: 0 20px;
}
.ug-steps-vertical-warper .arco-steps.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail {
  left: 12px;
}
.ug-steps-warper .arco-steps-icon {
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 14px;
}
.ug-steps-warper .arco-steps-item-icon {
  margin-right: 16px;
}
.ug-steps-warper .arco-steps-item-title {
  line-height: 24px;
}
.ug-steps-warper .arco-steps-item-wait .arco-steps-icon {
  border: 1px solid #c9cdd4;
  color: white;
  background-color: #c9cdd4;
}
.ug-empty .arco-empty-description {
  color: #4e5969;
}
.ug-upload .arco-upload-trigger-drag {
  color: #86909c;
  background: -webkit-linear-gradient(bottom, #ffffff, #ffffff), -webkit-linear-gradient(bottom, #c9cdd4, #c9cdd4);
  background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, #c9cdd4, #c9cdd4);
}
.ug-upload .arco-upload-trigger-drag .arco-icon-plus {
  margin-bottom: 0px;
}
.ug-upload .arco-upload-trigger-drag:hover {
  background: #f2f3f8;
}
.ug-upload .arco-upload-trigger-drag .arco-upload-trigger-drag-text {
  color: #86909c;
}
.ug-upload_file-list-item_wrapper {
  position: relative;
  overflow: hidden;
}
.ug-upload_file-list {
  margin-top: 8px;
}
.ug-upload_file-list .ug-upload_file-list-item {
  background-color: #f6f7fb;
  border-radius: 4px;
  padding: 6px 12px 6px 8px;
}
.ug-upload_file-list .arco-list-item-meta-title {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  /* identical to box height, or 154% */
  /* 中性色/文字/Text4-1D2129-强调、正文标题 */
  color: #1d2129;
}
.ug-upload_file-list .arco-list-item-meta-avatar {
  font-size: 18px;
}
.ug-upload_file-list .arco-list-item-meta-avatar:not(:last-child) {
  margin-right: 8px;
}
.ug-upload_file-list .ug-upload_file-list-item_file-size {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  /* 中性色/文字/T3-4E5969-次强调、正文标题 */
  color: #4e5969;
}
.ug-upload_file-list .ug-upload_file-list-item_remove {
  margin-top: 2px;
  color: #4e5969;
  font-size: 16px;
}
.ug-upload_file-list .ug-upload_file-list-item_progress {
  position: absolute;
  bottom: 0px;
}
.ug-upload_file-list .ug-upload_file-list-item_progress .arco-progress-line-outer {
  border-radius: 0px 0px 4px 4px;
}
.ug-upload_file-list .ug-upload_file-list-item_progress .arco-progress-line-inner {
  border-radius: 0px;
}
.arco-notification-wrapper .ug-arco-notification {
  padding: 16px 20px;
}
.arco-notification-wrapper .ug-arco-notification .arco-notification-left {
  padding-right: 8px;
}
.arco-notification-wrapper .ug-arco-notification .arco-notification-title {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #1d2229;
}
.arco-notification-wrapper .ug-arco-notification .arco-notification-close-btn {
  top: 18px;
  right: 20px;
  font-size: 18px;
}
.arco-notification-wrapper .ug-arco-notification .arco-notification-icon {
  font-size: 20px;
}
.arco-notification-wrapper .ug-arco-notification .arco-notification-content {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */
  text-align: justify;
  /* 中性色/7 */
  color: #4c5766;
}
.ug-name-column__container {
  height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.ug-name-column__container:hover .ug-name-column__hover-display {
  display: inline;
  display: initial;
}
.ug-name-column__name {
  cursor: pointer;
  line-height: 12px;
  height: 12px;
}
.ug-name-column__extra {
  line-height: 12px;
  margin-top: 4px;
}
.ug-name-column__extra .arco-typography {
  color: #77808c;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ug-name-column__hover-display {
  display: none;
}
.ug-arco-btn-tertiary:not(.arco-btn-disabled) {
  background-color: rgb(var(--primary-1));
  border: 1px dotted transparent;
  color: rgb(var(--primary-6));
}
.ug-arco-btn-tertiary:hover {
  background-color: rgb(var(--primary-1));
  border: 1px dotted transparent;
  color: rgb(var(--primary-5));
}
.ug-arco-btn-tertiary.arco-btn-disabled {
  color: rgb(var(--primary-3));
  border: 1px dotted transparent;
  cursor: not-allowed;
  background-color: rgb(var(--primary-1));
}
.ug-arco-btn-tertiary:not(.arco-btn-disabled):not(.arco-btn-loading):active {
  background-color: rgb(var(--primary-1));
  border: 1px dotted transparent;
  color: rgb(var(--primary-7));
}
.ug-arco-btn-icon,
.ug-arco-btn-delete {
  background-color: var(--color-fill-2);
  border: 1px dotted transparent;
}
.ug-arco-btn-delete:hover {
  background-color: rgb(var(--danger-2));
}
.ug-arco-radio.arco-radio-group-direction-vertical .enhanced-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ug-arco-radio.arco-radio-group-direction-vertical .arco-radio[\:has\(\%3E\%20.radio-capsule\)],
.ug-arco-radio.arco-radio-group-direction-vertical .arco-radio[\:has\(\%3E\%20.radio-panel\)] {
  margin-bottom: 8px;
}
.ug-arco-radio.arco-radio-group-direction-vertical .arco-radio:has(> .radio-capsule),
.ug-arco-radio.arco-radio-group-direction-vertical .arco-radio:has(> .radio-panel) {
  margin-bottom: 8px;
}
.ug-arco-radio .radio-btn-bg-color-secondary::after {
  background-color: var(--color-fill-3);
}
.ug-arco-radio .radio-btn-bg-color::after {
  background-color: var(--btn-bg-color);
}
.ug-arco-radio .enhanced-radio {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  /* 消除额外间隙 */
}
.ug-arco-radio .enhanced-radio .arco-icon-hover {
  top: auto;
  top: initial;
}
.ug-arco-radio .enhanced-radio .arco-radio-button-inner,
.ug-arco-radio .enhanced-radio .arco-radio-text {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ug-arco-radio .enhanced-radio-tooltip-primary .enhanced-radio-label {
  font-weight: 500;
}
.ug-arco-radio .enhanced-radio-tooltip-primary .arco-typography-secondary {
  font-weight: normal;
}
.ug-arco-radio .enhanced-radio-btn-bg-color-secondary .arco-radio-button-inner {
  background-color: var(--color-fill-3);
}
.ug-arco-radio .enhanced-radio-btn-bg-color-secondary .arco-radio-button-inner {
  background-color: var(--color-fill-3);
}
.ug-arco-radio.capsule-radio-raw .arco-radio {
  margin-right: 4px;
}
.ug-arco-radio.panel-radio-raw .arco-radio {
  margin-right: 8px;
}
.ug-arco-radio .radio-panel {
  min-width: 242px;
  padding: 16px;
  background: #f6f7fb;
  background: var(---F1-F6F7FB-, #f6f7fb);
  border: 1.5px solid transparent;
  border-radius: 8px;
}
.ug-arco-radio .radio-panel .panel-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.ug-arco-radio .radio-panel .panel-content .title {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  /* identical to box height, or 157% */
  /* 中性色/文字/Text4-1D2129-强调、正文标题 */
  color: #1d2129;
}
.ug-arco-radio .radio-panel .panel-content .tip {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  /* 中性色/文字/T2-86909C-次要信息 */
  color: #86909c;
}
.ug-arco-radio .radio-panel.disabled .panel-content .title,
.ug-arco-radio .radio-panel.disabled .panel-content .tip {
  color: var(--color-neutral-4);
}
.ug-arco-radio .radio-panel.panel-selected {
  border-color: rgb(var(--primary-6));
  background-color: rgba(255,255,255,1);
  color: rgb(var(--primary-6));
}
.ug-arco-radio .radio-panel.panel-selected .panel-content .title,
.ug-arco-radio .radio-panel.panel-selected .panel-content .tip {
  color: rgb(var(--primary-6));
}
.ug-arco-radio .radio-capsule {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 80px;
  height: 40px;
  padding: 6px;
  gap: 8px;
  border-radius: 20px;
  background: #f2f3f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4e5969;
  font-size: 14px;
  font-weight: 400;
}
.ug-arco-radio .radio-capsule.has-icon {
  padding-right: 16px;
}
.ug-arco-radio .radio-capsule.has-icon > svg {
  color: rgb(var(--gray-4));
}
.ug-arco-radio .radio-capsule.capsule-selected {
  background-color: #e8f0ff;
  font-weight: 500;
  color: rgb(var(--primary-6));
}
.ug-arco-radio .radio-capsule.capsule-selected > svg {
  color: rgb(var(--primary-6));
}
.ug-arco-radio .disabled {
  color: var(--color-neutral-4);
  opacity: 0.6;
}
.ug-arco-deviation {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 2px 0;
  position: relative;
}
.ug-arco-deviation-line {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  position: absolute;
  background-color: var(--color-fill-5);
  z-index: 1;
}
.ug-arco-deviation .arco-progress-line-wrapper .arco-progress-line-outer {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ug-arco-deviation .arco-progress-line-wrapper .arco-progress-line-outer .arco-progress-line-inner {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ug-arco-progress-only-progress-line .arco-progress-line-outer {
  background-color: transparent;
}
.ug-arco-progress-hide-icon .arco-progress-line-text-with-icon svg {
  display: none;
}
.ug-arco-progress-reverse .arco-progress-line-outer {
  transform: scaleX(-1);
}
.ug-arco-progress-text-align-left .arco-progress-line-text {
  order: -1;
  margin-left: 0px;
  margin-right: 8px;
}
.ug-arco-indicator-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10196);
  border-radius: 8px;
  padding: 16px 20px;
  background: -webkit-linear-gradient(top, #eff2fc 0%, #ffffff 28.03%);
  background: linear-gradient(180deg, #eff2fc 0%, #ffffff 28.03%);
  border: 1px solid var(--color-bg-white);
}
.ug-arco-indicator-card-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.ug-arco-indicator-card-header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.ug-arco-indicator-card-header-title-wrapper {
  gap: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ug-arco-indicator-card-header-title-text {
  font-weight: 500;
  line-height: 22px;
  size: 14px;
}
.ug-arco-indicator-card-content {
  margin-top: 12px;
}
.ug-arco-indicator-card-quota {
  margin-top: 16px;
}
.ug-arco-indicator-card-footer {
  margin-top: 24px;
}
.ug-arco-indicator-card-footer-item:not(:first-child) {
  margin-top: 8px;
}
.ug-arco-indicator-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ug-arco-indicator-view-primary .ug-arco-indicator-view-header {
  margin-bottom: 8px;
}
.ug-arco-indicator-view-primary .ug-arco-indicator-view-title {
  line-height: 20px;
  font-size: 12px;
  color: var(--color-text-2);
}
.ug-arco-indicator-view-secondary .ug-arco-indicator-view-header {
  margin-bottom: 2px;
}
.ug-arco-indicator-view-secondary .ug-arco-indicator-view-title {
  line-height: 22px;
  font-size: 14px;
}
.ug-arco-indicator-view-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.ug-arco-indicator-view-progress {
  font-size: 0px;
}
.ug-arco-indicator-view-position-right .ug-arco-indicator-view-header-content {
  order: 2;
}
.ug-arco-metric-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 2px;
  align-items: end;
  justify-content: flex-start;
  color: var(--color-text-1);
}
.ug-arco-metric-value-primary {
  color: var(--color-text-2);
}
.ug-arco-metric-value-primary .ug-arco-metric-value-value {
  color: var(--color-text-1);
  font-size: 26px;
  line-height: 34px;
}
.ug-arco-metric-value-primary .ug-arco-metric-value-sperator {
  font-size: 16px;
  line-height: 28px;
}
.ug-arco-metric-value-primary .ug-arco-metric-value-precent {
  font-size: 14px;
  line-height: 28px;
}
.ug-arco-metric-value-secondary {
  color: var(--color-text-2);
  line-height: 22px;
  font-size: 14px;
}
.ug-arco-tabs.ug-arco-tabs-line-margin-left .arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal > .arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
  margin-left: 0px;
}
.arco-select-prefix {
  font-size: 16px;
}
.arco-select-search-icon {
  font-size: 14px;
}
.arco-select-arrow-icon {
  font-size: 14px;
}
/* PageHeader start */
.arco-page-header {
  padding: 11px 0;
}
.arco-page-header .arco-page-header-head-wrapper {
  padding: 0 20px;
}
.arco-page-header .arco-page-header-head-wrapper .arco-breadcrumb .arco-breadcrumb-item {
  padding: 0;
}
.arco-page-header .arco-page-header-head-wrapper .arco-breadcrumb + .arco-page-header-head {
  margin-top: 0;
}
.arco-page-header .arco-page-header-head-wrapper .arco-page-header-head-main {
  padding-left: 0;
  margin-left: 0;
}
.arco-page-header .arco-page-header-head-wrapper .arco-page-header-head-main .arco-page-header-title {
  font-size: 18px;
}
.arco-page-header .arco-page-header-head-wrapper .arco-page-header-head-main .arco-icon-hover {
  font-size: 24px;
  margin-right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
/* PageHeader end */
/* Breadcrumb start */
.arco-breadcrumb-item {
  padding: 0;
}
/* Breadcrumb end */