body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', '微软雅黑', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.ant-btn:not(:disabled):focus-visible {
  outline: none;
}
.ant-modal-root .ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.5);
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content {
  padding: 30px 40px;
  border-radius: 4px;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-modal-confirm-content {
  color: #666666;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-modal-header {
  margin-bottom: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-modal-footer {
  margin-top: 40px;
  text-align: center;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-modal-footer .ant-btn {
  min-width: 88px;
  height: 32px;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-inline-start: 40px;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item {
  margin-bottom: 15px;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-form-item-label {
  margin-right: 4px;
  min-width: 70px;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-form-item-label > label {
  color: #333333;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-input-affix-wrapper .ant-input {
  border: 0;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-input-show-count-suffix {
  color: #9D9D9D;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-select-disabled .ant-select-selector {
  color: #9D9D9D;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-input:focus,
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-input-affix-wrapper:focus {
  box-shadow: none;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-input-textarea-show-count .ant-input-suffix {
  width: 45px;
}
.ant-modal-wrap:not(.modalbase-modal) .ant-modal .ant-modal-content .ant-form-item .ant-input-textarea-show-count .ant-input-suffix .ant-input-data-count {
  bottom: 5px;
  inset-inline-end: 5px;
}
.ant-modal-confirm .ant-modal-confirm-body > .anticon {
  margin-inline-end: 16px;
}
.ant-modal-confirm .ant-modal-confirm-title {
  color: #333333;
}
.ant-modal-confirm .ant-modal-content {
  padding: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 23px;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-inline-start: 10px;
}
.ant-form-item .ant-form-item-extra {
  color: #F5222D;
}
.ant-tooltip .ant-tooltip-inner {
  padding: 0;
  color: #e5e5e5;
  font-size: 12px;
  border-radius: 2px;
  min-height: auto;
  box-shadow: none;
  overflow: hidden;
  text-align: center;
}
.ant-tooltip .ant-tooltip-inner .ant-upload-wrapper {
  display: block;
  font-size: 12px;
}
.ant-tooltip .ant-tooltip-inner .subtitle-action p {
  margin: 0;
  padding: 6px 8px;
  line-height: 12px;
  color: #e5e5e5;
  font-size: 12px;
}
.ant-tooltip .ant-tooltip-inner .subtitle-action p:hover {
  cursor: pointer;
  background-color: #5C5D5D;
}
.item-tooltip {
  background: #ffffff;
  border: 0.5px solid #e5e5e5;
  border-radius: 2px;
  padding: 4px;
  box-shadow: 1px 1px 2px 0px rgba(92, 117, 153, 0.1);
}
.item-tooltip .ant-tooltip-inner {
  background: #ffffff;
  color: #666666;
  line-height: 12px;
  text-align: left;
}
.item-tooltip-left {
  max-width: 460px;
}
.item-tooltip-left .ant-tooltip-inner {
  text-align: left !important;
  line-height: 14px;
}
.item-tooltip-title {
  background: #ffffff;
  border: 0.5px solid #e5e5e5;
  border-radius: 2px;
  padding: 4px;
  box-shadow: 1px 1px 2px 0px rgba(92, 117, 153, 0.1);
}
.item-tooltip-title .ant-tooltip-inner {
  background: #ffffff;
  color: #666666;
  line-height: 12px;
  text-align: left !important;
}
.item-tooltip-title-left {
  max-width: 460px;
}
.item-tooltip-title-left .ant-tooltip-inner {
  text-align: left !important;
  line-height: 14px;
}
.item-tooltip-mask {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 2px;
}
.item-tooltip-mask:hover {
  background: #404047;
}
.os-tooltip-border {
  border: 0.5px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0px rgba(92, 117, 153, 0.1);
}
.os-tooltip-border .ant-tooltip-inner {
  color: #666666;
  min-width: 20px;
  min-height: 20px;
  line-height: 12px;
  padding: 4px;
  font-size: 12px;
  font-weight: 400;
}
.custom-tooltip {
  max-width: 400px;
}
.custom-tooltip .ant-tooltip-content {
  background: #ffffff;
  border: 0.5px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0px rgba(92, 117, 153, 0.1);
}
.custom-tooltip .ant-tooltip-content .ant-tooltip-inner {
  min-height: auto;
  padding: 4px;
  font-size: 12px;
  color: #999999 !important;
}
.os-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.os-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tiptap-image {
  cursor: pointer;
}
.readerTextItem img {
  cursor: pointer;
}

.App {
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
}

.container {
  width: 100%;
  height: 100%;
}
.container-nav {
  height: 34px;
  width: 100%;
  background-color: #252525;
  display: flex;
  justify-content: left;
  align-items: center;
}
.container-nav .between {
  height: 100%;
}
.container-content {
  height: calc(100% - 34px);
  width: 100%;
  position: relative;
}
.container-nav-tabs {
  height: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  overflow-x: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.container-nav-tabs::-webkit-scrollbar {
  height: 0;
  border-radius: 4px;
}
.container-nav-tabs::-webkit-scrollbar-track {
  background: transparent;
}
.container-nav-tabs::-webkit-scrollbar-thumb {
  background: #444444;
}
.container-nav-tabs::-webkit-scrollbar-thumb:hover {
  background: #666666;
}
.container-nav-tabs:hover::-webkit-scrollbar {
  height: 3px;
}
.between {
  display: flex;
  justify-content: left;
  align-items: center;
  padding-right: 10px;
}
.container-nav-other {
  flex: 1 1;
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
  padding-right: 10px;
}
.container-nav-other .ant-btn {
  padding: 0 10px;
  min-width: 56px;
  height: 24px;
  border-radius: 2px;
  font-size: 12px;
}
div,
span,
ul,
li {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.itab {
  height: 100%;
  max-width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 9px 0 16px;
  position: relative;
}
.itab-current {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1677FF;
}
.itab-line {
  width: 1px;
  height: 16px;
  margin: 0 2px;
  background-color: #393e4d;
}
.itab-close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.itab-close svg {
  color: #9D9D9D;
}
.itab-close svg:hover {
  color: white;
}
.itab-togater {
  height: 100%;
  max-width: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.itab-togater-icon {
  padding-right: 4px;
  display: flex;
  align-items: center;
}
.itab-togater-icon img {
  width: 15px;
  height: 15px;
}
.itab-togater-title {
  flex: 1 1;
  height: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: rtl;
}
.itab-togater-title span {
  line-height: 15px;
  unicode-bidi: bidi-override;
  direction: ltr;
}
.itab-togater-bot {
  padding-left: 4px;
  display: flex;
  align-items: center;
}
.itab-togater-bot svg {
  color: #9D9D9D;
}
.itab-togater:hover {
  color: #FFFFFF;
}
.itab-togater:hover svg {
  color: white;
}
div,
span,
ul,
li {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.tabdiv-tip {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0px rgba(92, 117, 153, 0.1);
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 16px;
  padding: 4px 8px;
}

.menu {
  width: 100%;
  height: 100%;
}
.menu::-webkit-scrollbar {
  display: none;
}
.menu-item {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: left;
  align-items: center;
  border-radius: 0px !important;
  color: #cccccc;
  padding: 0 16px;
  cursor: pointer;
}
.menu-item:hover {
  background-color: #333333;
  color: white;
}
.menu-item-title {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  text-align: LEFT;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu-item img {
  width: 16px;
  height: 16px;
  margin-left: 16px;
}
.menu-hight {
  color: #1677ff !important;
}
.myself-menu {
  position: absolute;
  max-height: 400px;
  z-index: 100;
  overflow: hidden;
  background: #252525;
  border: 0.5px solid #333333;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
div,
span,
ul,
li {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.layout {
  width: 100vw;
  height: 100vh;
  background-color: #181818;
  min-width: 1200px;
  overflow-x: auto;
}
.layout .heardText {
  line-height: 24px !important;
}
.layout .readerTextItem > div > table {
  margin-bottom: 10px !important;
}
.layout .readerTextItem th,
.layout .readerTextItem td {
  min-width: 100px;
  border: 0.5px solid #e5e5e5 !important;
  /* 设置单元格边框 */
  padding: 8px 20px !important;
  /* 设置单元格内边距 */
  /* text-align: center !important; 设置单元格文本居中对齐 */
}
.layout-container {
  height: calc(100vh - 48px - 22px);
  display: flex;
  background: #1e1e1e;
}
.layout-container .loading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.layout-container .loading p {
  margin-top: 10px;
  color: transparent;
  font-size: 14px;
  line-height: 14px;
}
.layout-container .loading-text {
  position: absolute;
  width: 285px;
  top: 100px;
  text-align: center;
  font-size: 14px;
  color: #ccc;
}
.layout-container .loading-line {
  position: absolute;
  left: calc(50% - 70px);
  top: calc(50% - 70px);
  width: 140px;
  height: 140px;
  z-index: 1;
}
.layout-container .loading-line div {
  position: absolute;
  width: 10px;
  height: 35px;
  border-radius: 6px;
  background: #5976eb;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite;
}
.layout-container .loading-line div:nth-child(1) {
  left: 17px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(270deg);
  animation-delay: 0.13s;
  -webkit-animation-delay: 0.13s;
  opacity: 1;
}
.layout-container .loading-line div:nth-child(2) {
  left: 30px;
  top: 20px;
  transform: rotate(315deg);
  animation-delay: 0.26s;
  -webkit-animation-delay: 0.26s;
  opacity: 0.9;
}
.layout-container .loading-line div:nth-child(3) {
  left: 50%;
  top: 5px;
  margin-left: -6px;
  transform: rotate(0);
  animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  opacity: 0.8;
}
.layout-container .loading-line div:nth-child(4) {
  top: 20px;
  right: 30px;
  transform: rotate(45deg);
  animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  opacity: 0.7;
}
.layout-container .loading-line div:nth-child(5) {
  right: 17px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(90deg);
  animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  opacity: 0.6;
}
.layout-container .loading-line div:nth-child(6) {
  right: 30px;
  bottom: 20px;
  transform: rotate(135deg);
  animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  opacity: 0.5;
}
.layout-container .loading-line div:nth-child(7) {
  bottom: 5px;
  left: 50%;
  margin-left: -6px;
  transform: rotate(180deg);
  animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  opacity: 0.4;
}
.layout-container .loading-line div:nth-child(8) {
  bottom: 20px;
  left: 30px;
  transform: rotate(225deg);
  animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  opacity: 0.3;
}
@keyframes load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.layout-container-sidebar {
  position: relative;
  min-width: 220px;
  overflow-y: auto;
  background-color: #181818;
}
.layout-container-sidebar-fold {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  border-bottom: 0.5px solid #333333;
  cursor: pointer;
}
.layout-container-sidebar-fold:hover {
  background: #37373d;
}
.layout-container-sidebar .header {
  font-weight: 500;
}
.layout-container-sidebar .tree-node {
  color: #666;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
}
.layout-container-sidebar .tree1 {
  padding: 8px 8px 8px 26px !important;
}
.layout-container-sidebar::-webkit-scrollbar {
  display: none;
}
.layout-container-sidebar .header {
  padding: 16px 8px 8px 10px !important;
}
.layout-container-sidebar .tree2 {
  padding: 8px 8px 8px 34px !important;
}
.layout-container-sidebar .title {
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
}
.layout-container-foldsidebar {
  width: 48px;
  background-color: #1e1e1e;
  border-right: 1px solid #333333;
}
.layout-container-empty {
  flex: 1 1;
  background: #1e1e1e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-container-empty div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(-40px);
}
.layout-container-empty div .span {
  margin-top: 20px;
  font-size: 14px;
  color: #9D9D9D;
}
.layout-container-content {
  flex: 1 1;
  width: 0px;
  display: flex;
}
.layout-container-content .markdown {
  max-width: 100% !important;
}
.layout-container-content .markdown .readerTextContain {
  width: 100%;
  max-width: 1300px !important;
  padding: 10px 30px !important;
}
.layout-container-content .markdown .readerTextContain blockquote {
  width: 100% !important;
  box-sizing: border-box;
}
.layout-container-content .markdown .readerTextContain .execSpan .hljs {
  box-sizing: border-box;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.layout-container-content .markdown .readerTextContain .execSpan .hljs:hover::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 2px;
}
.layout-container-content .markdown .readerTextContain .execSpan .hljs::-webkit-scrollbar {
  height: 6px;
}
.layout-container-content .markdown .readerTextContain .execSpan .hljs::-webkit-scrollbar-track {
  background: transparent;
}
.layout-container-content .markdown .readerTextContain .execSpan .hljs::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
.layout-container-content .markdown .readerTextContain .execSpan .hljs::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.layout-container-content .pagechange {
  margin-top: 10px;
}
.layout-container-content ul {
  margin: 7px 0px 7px 20px;
}
.layout-container-content ol {
  padding-inline-start: 0px;
  margin: 0px 0px 0px 20px;
}
.layout-container-content ol li {
  margin: 7px 0px 7px 0px;
}
.layout-container-content .react-pdf__Page__canvas {
  max-width: 100% !important;
}
.layout-container-content-container {
  width: 50%;
  min-width: 250px;
  position: relative;
  background: #FFFFFF;
  overflow: hidden;
}
.layout-container-content-container:first-child {
  flex: 1 1;
}
.layout-container-content-container-topright {
  position: absolute;
  top: 4px;
  right: 8px;
}
.layout-container-content-container-topright .ant-btn {
  padding: 0 10px;
  min-width: 56px;
  height: 24px;
  border-radius: 2px;
  font-size: 12px;
}
.layout-container-content-container-topright .ant-green {
  margin-left: 10px;
  background: #30c213;
}
.layout-container-content-container-topright .ant-green:hover {
  background: #30c213 !important;
}
.layout-container-content-container .runbtn {
  padding: 0;
  width: 56px;
  height: 24px;
  border-radius: 2px;
  font-size: 12px;
}
.layout-container-content-container .xterm {
  height: 100%;
}
.layout-container-content-container .xterm .xterm-viewport {
  overflow-y: auto;
}
.layout-container-rightsidebar {
  width: 48px;
  background-color: #1e1e1e;
  border-left: 1px solid #333333;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.layout-footer {
  height: 22px;
  background-color: #181818;
  border-top: 0.5px solid #333333;
}
.layout .noInfo {
  position: absolute;
  top: 84px;
  width: 100%;
  padding: 0 30px;
  font-size: 13px;
  color: #999999;
}
.warn2 .ant-modal-content {
  margin-inline-start: 0px !important;
  margin-block-start: 0px !important;
}
.sidebar-split {
  flex: 1 1;
  margin-top: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid transparent;
}
.sidebar-bottom {
  display: flex;
  flex: 1 1;
  height: 24px;
  background: #fff9f3;
  border-radius: 4px;
  margin-bottom: 5px;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #888888;
  padding-left: 10px;
  margin-top: 8px;
}
.sidebar-split1 {
  flex: 1 1;
  margin-top: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #d9d9d9;
}
.component .header .left .title {
  font-size: 15px;
}
.tree-node {
  font-size: 13px;
}
.tree-node .title {
  flex: 1 1;
}
.xterm-screen {
  overflow: hidden;
  padding-left: 5px;
}
.freshh {
  width: 14px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  transform: translateY(1px);
}
.freshh-rotate {
  animation: rotatee 1s linear infinite;
}
@keyframes rotatee {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.line {
  -webkit-user-select: none;
          user-select: none;
  background-color: #333333;
  position: relative;
}
.line:hover::before {
  background-color: #1677FF;
}
.linerow {
  width: 100%;
  height: 2px;
  cursor: ns-resize;
}
.linerow::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top: calc((2px - 4px) / 2);
  left: 0;
  z-index: 99;
  background-color: transparent;
}
.linerow:hover::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top: calc((2px - 4px) / 2);
  left: 0;
  z-index: 99;
}
.linecol {
  width: 2px;
  height: 100%;
  cursor: ew-resize;
}
.linecol::before {
  position: absolute;
  content: '';
  width: 4px;
  height: 100%;
  top: 0;
  left: calc((2px - 4px) / 2);
  z-index: 99;
  background-color: transparent;
}
.linecol:hover::before {
  position: absolute;
  content: '';
  width: 4px;
  height: 100%;
  top: 0;
  left: calc((2px - 4px) / 2);
  z-index: 99;
}

.loading {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
}
.loading p {
  margin-top: 220px;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.loading .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 32px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}
.loading .btn:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
}
.loading-line {
  position: absolute;
  left: calc(50% - 70px);
  top: calc(50% - 90px);
  width: 140px;
  height: 140px;
  z-index: 1;
}
.loading-line div {
  position: absolute;
  width: 12px;
  height: 38px;
  border-radius: 6px;
  background: #1677ff;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite;
}
.loading-line div:nth-child(1) {
  left: 13px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(270deg);
  animation-delay: 0.13s;
  -webkit-animation-delay: 0.13s;
  opacity: 1;
}
.loading-line div:nth-child(2) {
  left: 25px;
  top: 15px;
  transform: rotate(315deg);
  animation-delay: 0.26s;
  -webkit-animation-delay: 0.26s;
  opacity: 0.9;
}
.loading-line div:nth-child(3) {
  left: 50%;
  top: 0;
  margin-left: -6px;
  transform: rotate(0);
  animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  opacity: 0.8;
}
.loading-line div:nth-child(4) {
  top: 15px;
  right: 25px;
  transform: rotate(45deg);
  animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  opacity: 0.7;
}
.loading-line div:nth-child(5) {
  right: 13px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(90deg);
  animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  opacity: 0.6;
}
.loading-line div:nth-child(6) {
  right: 25px;
  bottom: 15px;
  transform: rotate(135deg);
  animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  opacity: 0.5;
}
.loading-line div:nth-child(7) {
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  transform: rotate(180deg);
  animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  opacity: 0.4;
}
.loading-line div:nth-child(8) {
  bottom: 15px;
  left: 25px;
  transform: rotate(225deg);
  animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  opacity: 0.3;
}
@keyframes load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.submit-top {
  height: 48px;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.submit-top-text {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.submit-top-btns {
  width: 56px;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1677FF;
  background-color: #FFFFFF;
  border: 1px solid #1677FF;
  cursor: pointer;
}
.submit-top-btns:hover {
  color: #FFFFFF;
  background: #1677FF;
}
.submit-top-clickBtns {
  width: 56px;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background: #1677FF;
  cursor: pointer;
}
.submit-content {
  width: 100%;
  padding: 0 40px;
}
.submit-dialog {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.submit-dialog-icon {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #30c213;
  border-radius: 50%;
  margin-left: 3px;
  margin-right: 3px;
}
.submit-modal .ant-modal-content {
  padding: 0 0 30px 0 !important;
}
.warn2 .ant-modal-content {
  margin-inline-start: 0px !important;
  margin-block-start: 0px !important;
}
.success1 .ant-modal-content {
  margin-inline-start: 0px !important;
  margin-block-start: 0px !important;
}
.success1 .ant-modal-content .ant-modal-confirm-content {
  margin-inline-start: 16px !important;
}
.success1 .ant-modal-content .ant-modal-confirm-title {
  flex: none;
  margin-left: 16px;
}

.stage {
  width: 100%;
  padding: 15px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stage-left {
  display: flex;
  align-items: center;
  flex: 1 1;
  overflow: hidden;
}
.stage-left-index {
  width: 44px;
  height: 24px;
  background: linear-gradient(117deg, #ffce6c 52%, #fa9014 100%);
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stage-left-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 16px;
  margin-left: 15px;
}
.stage-right {
  height: 24px;
  margin-right: 20px;
  cursor: pointer;
}
.stage-right-none {
  width: 24px;
  height: 24px;
  border: 1px solid #9D9D9D;
  border-radius: 2px;
}
.stage-right-none:hover {
  border: 1px solid #1677FF;
}
.stage-right .noValue {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #e8e8e8;
}

.section {
  width: 100%;
  border: 0.5px solid #E5E5E5;
  border-radius: 20px 20px 0px 0px;
  height: 40px;
  background: #f5f6fa;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.section-left {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  color: #333333;
}
.section-left-instroction {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
  margin-left: 5px;
}
.section-right {
  height: 24px;
  cursor: pointer;
  margin-left: 10px;
}
.section-right-none {
  width: 24px;
  height: 24px;
  border: 1px solid #9D9D9D;
  border-radius: 2px;
}
.section-right-none:hover {
  border: 1px solid #1677FF;
}
.section-right .noValue {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #e8e8e8;
}

.knob {
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  padding: 8px 0 4px 0;
}
.knob-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  margin-bottom: 4px;
  padding: 0 20px 0 30px;
}
.knob-item:hover {
  background: #f9fafc;
  border-radius: 4px;
}
.knob-item-left {
  display: flex;
  flex: 1 1;
  overflow: hidden;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.knob-item-left-instroction {
  flex: 1 1;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knob-item-right {
  position: relative;
  height: 24px;
  margin-left: 10px;
  cursor: pointer;
}
.knob-item-right-none {
  width: 24px;
  height: 24px;
  border: 1px solid #9D9D9D;
  border-radius: 2px;
}
.knob-item-right-none:hover {
  border: 1px solid #1677FF;
}
.knob-item-right-icon {
  position: absolute;
  top: 10px;
  left: 31px;
  width: 5px;
  height: 5px;
  background: #30c213;
  border-radius: 50%;
}
.knob-item-right .noValue {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #e8e8e8;
}
.knob:hover {
  cursor: pointer;
}

.layout-opera {
  height: 48px;
  background-color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #333333;
}
.layout-opera-l {
  padding-left: 18px;
  display: flex;
  align-items: center;
}
.layout-opera-l-time {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 0 10px;
  border-left: 1px solid #666666;
  line-height: 14px;
  margin-left: 10px;
}
.layout-opera-l-time-left {
  color: #FFFFFF;
}
.layout-opera-l-time-rigth {
  color: #F5222D;
}
.layout-opera-l svg {
  cursor: pointer;
}
.layout-opera-l-type {
  font-size: 18px;
  font-weight: 600;
  color: #1677FF;
  white-space: nowrap;
}
.layout-opera-l-name-edit {
  display: flex;
  align-items: center;
}
.layout-opera-l-name-edit .ant-input-affix-wrapper {
  padding: 2px 11px;
  width: 267px;
  background-color: #252525;
  border: 1px solid #333333;
  border-radius: 2px;
  color: #ffffff;
}
.layout-opera-l-name-edit .ant-input-affix-wrapper .ant-input {
  background-color: #252525;
  color: #ffffff;
}
.layout-opera-l-name-edit .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder {
  color: #999999;
}
.layout-opera-l-name-edit .ant-input-affix-wrapper .ant-input-show-count-suffix {
  color: #999999;
}
.layout-opera-l-name-edit .ant-input-affix-wrapper:hover {
  border-color: #333333;
}
.layout-opera-l-name-edit svg {
  margin-left: 10px;
  color: #999999;
  vertical-align: middle;
}
.layout-opera-l-name-edit svg:hover {
  color: #1677FF;
}
.layout-opera-l-name {
  display: flex;
  align-items: center;
}
.layout-opera-l-name-text {
  cursor: pointer;
  display: inline-block;
  max-width: 216px;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 600;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-opera-l-name svg {
  margin-left: 4px;
  color: #999999;
  vertical-align: middle;
}
.layout-opera-l-name svg:hover {
  color: #1677FF;
}
.layout-opera-l-save {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.layout-opera-l-save span {
  margin-left: 4px;
  font-size: 14px;
  color: #9D9D9D;
}
.layout-opera-l-isUpdated {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.layout-opera-l-isUpdated span {
  margin-left: 4px;
  color: #faad14;
  font-size: 14px;
}
.layout-opera-l-isUpdated span:hover {
  cursor: pointer;
  text-decoration: underline;
}
.layout-opera-r {
  display: flex;
  align-items: center;
}
.layout-opera-r .invaite-close {
  min-width: 64px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1677FF;
  border: 1px solid #1677ff;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 10px 0 0;
}
.layout-opera-r .invaite-close:hover {
  border: 1px solid #f5222d;
  color: #f5222d;
}
.layout-opera-r .ant-btn {
  margin-right: 10px;
}
.layout-opera-r .ant-btn-primary {
  height: 32px;
  border-radius: 2px;
}
.layout-opera-r .ant-btn-primary.ant-btn-background-ghost:hover {
  background-color: rgba(22, 119, 255, 0.1) !important;
}
.layout-opera-r .exitBtn {
  color: #1677ff;
  background-color: transparent;
  border-color: #1677ff;
  box-shadow: none;
}
.layout-opera-r .exitBtn:hover {
  background: rgba(245, 34, 45, 0.1) !important;
  border-color: #F5222D !important;
  color: #F5222D !important;
}
.layout-opera-r .inviteStudy {
  display: flex;
  align-items: center;
  height: 32px;
  border-radius: 2px;
  padding: 0 8px;
  justify-content: space-between;
  color: #CCCCCC;
  margin-right: 10px;
}
.layout-opera-r .inviteStudy svg {
  fill: #9D9D9D !important;
}
.layout-opera-r .inviteStudy:hover {
  color: #1677FF;
  cursor: pointer;
  background: #282828;
}
.layout-opera-r .inviteStudy:hover svg {
  fill: #1677FF !important;
}
.layout-opera-r .inviteStudy-line {
  height: 15px;
  border-left: 0.5px solid #666666;
  margin-right: 2px;
}
.layout-opera-r .exeitBtn {
  display: flex;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  padding: 0 8px;
  justify-content: center;
  color: #CCCCCC;
  margin-right: 8px;
}
.layout-opera-r .exeitBtn:hover {
  color: #1677FF;
  cursor: pointer;
  background: #282828;
}
.layout-opera-r .exeit-line {
  height: 15px;
  border-left: 0.5px solid #666666;
  margin-right: 2px;
}
.layout-opera-r .ant-btn.ant-btn-loading {
  opacity: 1;
}
.layout-opera-r .ant-btn-link.ant-btn-dangerous {
  color: #F5222D;
}
.layout-opera-r .ant-divider-vertical {
  margin: 0;
  border-inline-start: 1px solid #D9D9D9;
}
.layout-opera-r .ant-btn-default.ant-btn-dangerous {
  background-color: transparent;
}
.layout-opera-r .ant-btn-default.ant-btn-dangerous:not(:disabled):hover {
  background-color: #F5222D;
  color: #ffffff;
}
.layout-opera .loading {
  position: fixed;
  left: 0;
}
.timeOver .ant-modal-content {
  padding: 30px !important;
}
.timeOver .ant-modal .ant-modal-close {
  display: none;
}
.timeOver .ant-modal-footer {
  margin-top: 0 !important;
}
.timeOver .timeOver-top {
  display: flex;
  align-items: center;
}
.timeOver .timeOver-top .timeOver-text {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-left: 16px;
}
.timeOver .timeOver-text1 {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 12px;
  margin-left: 38px;
}
.timeOver .timeOver-bottom {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 23px;
}
.timeOver .timeOver-bottom .timeOver-btnleft {
  padding: 0 16px;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.timeOver .timeOver-bottom .timeOver-btnleft:hover {
  border: 1px solid #1677FF;
  color: #1677FF;
}
.timeOver .timeOver-bottom .timeOver-btn {
  margin-left: 15px;
  padding: 0 16px;
  height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  background: #1677ff;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.timeOver .timeOver-bottom .timeOver-btn:hover {
  background: #4096ff;
}
.success1 .ant-modal-content {
  margin-inline-start: 0px !important;
  margin-block-start: 0px !important;
}
.success1 .ant-modal-content .ant-modal-confirm-content {
  margin-inline-start: 16px !important;
}
.success1 .ant-modal-content .ant-modal-confirm-title {
  flex: none;
  margin-left: 16px;
}

.env-startup {
  position: relative;
}
.env-startup .cpuAndMemory {
  margin-right: 10px;
  height: 32px;
  display: flex;
  align-items: center;
  color: #CCCCCC;
  border: 1px solid #1677FF;
  border-radius: 2px;
}
.env-startup .cpuAndMemory > span {
  padding: 0 8px;
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 14px;
  color: #1677FF;
  white-space: nowrap;
}
.env-startup .cpuAndMemory > span:nth-child(1) {
  background-color: #1677FF !important;
  color: #FFFFFF !important;
}
.env-startup .cpuAndMemory > span:nth-child(1):hover {
  cursor: auto !important;
}
.env-startup .cpuAndMemory > span:nth-child(3) {
  padding: 0 2px !important;
}
.env-startup .cpuAndMemory > span:hover {
  cursor: pointer;
  background-color: rgba(22, 119, 255, 0.1);
  color: #4592FF;
}
.env-startup .cpuAndMemory > span > span {
  margin-left: 4px;
}
.env-startup .cpuAndMemory-hover {
  cursor: pointer;
  background: #252525;
  border-radius: 2px;
  color: #FFFFFF !important;
}
.env-time {
  margin-right: 10px;
  padding-right: 10px;
  height: 16px;
  border-right: 0.5px solid #666666;
  display: flex;
  align-items: center;
}
.env-time > span {
  margin-right: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #30c213;
}
.env-time svg {
  fill: #999999 !important;
}
.env-time svg:hover {
  fill: #1677FF !important;
  cursor: pointer;
}
.env-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.env-loading p {
  font-size: 20px;
}
.ylzcc-modal-help .ant-modal-content {
  padding: 30px 40px 40px 20px;
}
.ylzcc-modal-help .ant-modal .ant-modal-close {
  color: #999999;
}
.ylzcc-modal-help .ant-modal .ant-modal-close:hover {
  background-color: transparent;
  color: #1677FF;
}
.ylzcc-modal-help .explain div {
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
}
.ylzcc-modal-help .explain p {
  margin: 0;
  color: #666666;
  line-height: 22px;
  display: flex;
}
.ylzcc-modal-help .explain p span {
  word-wrap: break-word;
}

.cloud-env-main {
  position: absolute;
  padding-top: 8px;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: 322px;
  z-index: 1000;
}
.cloud-env-main .cloud-env {
  padding: 20px;
  max-height: calc(100vh - 66px);
  background: #282828;
  border: 0.5px solid #333333;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  overflow-y: auto;
}
.cloud-env-main .cloud-env::-webkit-scrollbar {
  display: none;
}
.cloud-env-main .cloud-env-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cloud-env-main .cloud-env-header-name {
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
}
.cloud-env-main .cloud-env-header-act {
  display: flex;
  align-items: center;
}
.cloud-env-main .cloud-env-header-act > span {
  cursor: pointer;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  line-height: 16px;
}
.cloud-env-main .cloud-env-header-act > span:hover {
  color: #1677ff;
}
.cloud-env-main .cloud-env-header-act > span:hover > span {
  color: #1677ff;
}
.cloud-env-main .cloud-env-header-act > span:nth-child(1) {
  padding-right: 10px;
}
.cloud-env-main .cloud-env-header-act > span:nth-child(2) {
  padding-left: 10px;
  border-left: 1px solid #d9d9d9;
}
.cloud-env-main .cloud-env-header-act > span > span {
  margin-left: 4px;
  color: #FFFFFF;
  font-size: 14px;
}
.cloud-env-main .cloud-env-ul-li {
  margin-top: 20px;
}
.cloud-env-main .cloud-env-ul-li-name {
  margin-bottom: 10px;
  width: 120px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.cloud-env-main .cloud-env-ul-li-info {
  display: flex;
  justify-content: space-between;
}
.cloud-env-main .cloud-env-ul-li-info > div {
  flex: 1 1;
  padding: 10px;
  background: #333333;
  border-radius: 4px;
  color: #CCCCCC;
}
.cloud-env-main .cloud-env-ul-li-info > div:nth-child(1) {
  margin-right: 10px;
}
.cloud-env-main .cloud-env-ul-li-info > div div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.cloud-env-main .cloud-env-ul-li-info > div div:nth-child(2) {
  margin-top: 8px;
  font-size: 12px;
  color: #9D9D9D;
}
.cloud-env-main .cloud-env-ul-li-info > div div:nth-child(2) > span:first-child {
  width: 70px;
  height: 4px;
  border-radius: 8px;
  background-color: #181818;
  overflow: hidden;
}
.cloud-env-main .cloud-env-ul-li-info > div div:nth-child(2) > span:first-child span {
  display: block;
  width: 0%;
  height: 4px;
  border-radius: 8px;
  background-color: #666666;
  transition: all 0.1s;
}
.cloud-env-main .cloud-env-loading {
  width: 322px;
  height: 250px;
  background: #282828;
  border: 0.5px solid #333333;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.cloud-env-main .cloud-env-loading .loading {
  background: transparent;
  height: 100%;
}
.cloud-env-main .cloud-env-loading .loading .loading-line {
  scale: 0.46;
  top: calc(50% - 100px);
}
.cloud-env-main .cloud-env-loading .loading p {
  margin-top: 135px;
  width: 208px;
  font-size: 12px;
  text-align: center;
  color: #999999;
  line-height: 20px;
}
.cloud-env-tooltip .ant-tooltip-inner {
  padding: 4px 8px;
  color: #666666;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0px rgba(92, 117, 153, 0.1);
}

.env-startup {
  position: relative;
}
.env-startup .cpuAndMemory {
  margin-right: 10px;
  height: 32px;
  display: flex;
  align-items: center;
  color: #CCCCCC;
  border: 1px solid #1677FF;
  border-radius: 2px;
}
.env-startup .cpuAndMemory > span {
  padding: 0 8px;
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 14px;
  color: #1677FF;
  white-space: nowrap;
}
.env-startup .cpuAndMemory > span:nth-child(1) {
  background-color: #1677FF !important;
  color: #FFFFFF !important;
}
.env-startup .cpuAndMemory > span:nth-child(1):hover {
  cursor: auto !important;
}
.env-startup .cpuAndMemory > span:nth-child(3) {
  padding: 0 2px !important;
}
.env-startup .cpuAndMemory > span:hover {
  cursor: pointer;
  background-color: rgba(22, 119, 255, 0.1);
  color: #4592FF;
}
.env-startup .cpuAndMemory > span > span {
  margin-left: 4px;
}
.env-startup .cpuAndMemory-hover {
  cursor: pointer;
  background: #252525;
  border-radius: 2px;
  color: #FFFFFF !important;
}
.env-time {
  margin-right: 10px;
  padding-right: 10px;
  height: 16px;
  border-right: 0.5px solid #666666;
  display: flex;
  align-items: center;
}
.env-time > span {
  margin-right: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #30c213;
}
.env-time svg {
  fill: #999999 !important;
}
.env-time svg:hover {
  fill: #1677FF !important;
  cursor: pointer;
}
.env-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.env-loading p {
  font-size: 20px;
}
.ylzcc-modal-help .ant-modal-content {
  padding: 30px 40px 40px 20px;
}
.ylzcc-modal-help .ant-modal .ant-modal-close {
  color: #999999;
}
.ylzcc-modal-help .ant-modal .ant-modal-close:hover {
  background-color: transparent;
  color: #1677FF;
}
.ylzcc-modal-help .explain div {
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
}
.ylzcc-modal-help .explain p {
  margin: 0;
  color: #666666;
  line-height: 22px;
  display: flex;
}
.ylzcc-modal-help .explain p span {
  word-wrap: break-word;
}

.project-run {
  display: flex;
  align-items: center;
}
.project-run .project-runBtn .ant-btn {
  background: #30c213 !important;
  color: #ffffff;
  border: none !important;
}
.project-run .project-runBtn .ant-btn:hover {
  background: #30c213 !important;
  color: #ffffff !important;
  border: none !important;
}

.project-mark .ant-btn {
  background: transparent !important;
  color: #30C213;
  border: 1px solid #30c213;
}
.project-mark .ant-btn:hover {
  background: transparent !important;
  color: #30C213 !important;
  border: 1px solid #30c213 !important;
}

.choose-modal {
  overflow: hidden !important;
}
.choose-modal .ant-modal {
  max-width: 100vw;
  top: 60px;
  padding-bottom: 0;
  overflow: hidden;
}
.choose-modal .ant-modal .ant-modal-content {
  padding: 30px;
  height: calc(100vh - 60px);
  border-radius: 30px 30px 0px 0px !important;
  overflow: hidden;
}
.choose-modal .ant-modal .ant-modal-content .ant-modal-body {
  margin: auto;
  max-width: 1200px;
  overflow: hidden;
}
.choose-modal .ant-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar {
  display: none;
}
.choose-modal .ant-modal .ant-modal-content .ant-modal-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin-top: 0;
  padding-bottom: 20px;
  text-align: center;
  background-color: #ffffff;
}
.choose-modal .ant-modal .ant-modal-content .ant-modal-footer .ant-btn {
  padding: 4px 30px;
}
.choose-modal .ant-modal .ant-modal-content .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-inline-start: 30px;
}
.choose-modal-content {
  height: calc(100% - 60px);
  min-height: 330px;
}
.choose-modal-content-title {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
  text-align: center;
}
.choose-modal-content-table {
  height: calc(100vh - 220px);
}
.choose-modal-content-table .ant-table-body {
  overflow-y: auto !important;
}
.choose-modal-content-table .ant-table-body::-webkit-scrollbar {
  width: 0;
  height: 8px;
}
.choose-modal-content-table .ant-table-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.choose-modal-content-table .ant-table-body::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 4px;
}
.choose-modal-content-table .ant-table-body::-webkit-scrollbar-thumb:hover {
  background-color: #e0e0e0;
  cursor: pointer;
}
.choose-modal-content-table .choicemodal-content .content {
  max-width: 560px !important;
}
.choose-modal-content-table .ant-table-tbody tr .order {
  height: 1px;
}
.choose-modal-content-table .ant-table-tbody tr .order .centerstart {
  height: 100%;
  line-height: 22px !important;
  width: 100%;
}
.choose-modal-content-table .ant-table-thead > tr > th,
.choose-modal-content-table .ant-table-thead > tr > td {
  background-color: #f5f6fa;
  font-size: 16px;
  font-weight: 400;
  text-align: CENTER;
  color: #666666;
  line-height: 16px;
  border-radius: 0 !important;
}
.choose-modal-content-table .ant-table-thead > tr > th::before,
.choose-modal-content-table .ant-table-thead > tr > td::before {
  display: none;
}
.choose-modal-content-table .ant-table-cell {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #333333;
  line-height: 14px;
}
.choose-modal-content-table .ant-table-thead,
.choose-modal-content-table .ant-table-row {
  height: 40px;
}
.choose-modal-content-table .ant-table-header {
  border-radius: 0px !important;
}
.choose-modal-content-table .ant-table-header .ant-table-cell-scrollbar {
  width: 0 !important;
}
.choose-modal-content-table .ant-checkbox .ant-checkbox-inner {
  border-radius: 2px;
}
.choose-modal-content-table .ant-table-wrapper .ant-table-tbody > tr.ant-table-row-selected > td {
  background: transparent;
}
.choose-modal-content .text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  cursor: pointer;
  line-height: normal;
}

.content-layout {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.content-layout-con {
  max-width: calc(100% - 18px);
  text-align: left;
  line-height: 22px;
}
.content-layout-hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-layout svg {
  margin-left: 8px;
  transition: 0.3s;
  position: relative;
  top: 6px;
  cursor: pointer;
}

.result-modal-content-title {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result-modal-content-title span {
  margin-left: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
}
.result-modal-content .content {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
}
.result-modal-content .content span:nth-child(1) {
  margin-right: 30px;
  min-width: 56px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 22px;
}
.result-modal-content .content span:nth-child(2) {
  width: 0;
  flex: 1 1;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.result-modal-content .content span:nth-child(3) {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: #1677ff;
  line-height: 22px;
  cursor: pointer;
}
.result-modal-content .content .hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.result-modal-content .score {
  display: flex;
}
.result-modal-content .score span:nth-child(1) {
  margin-right: 30px;
  min-width: 56px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 22px;
  text-align: right;
}
.result-modal-content .score span:nth-child(2) {
  font-size: 14px;
  font-weight: 500;
  color: #f5222d;
  line-height: 22px;
}
.result-modal .ant-modal-footer .ant-btn {
  width: auto !important;
}
.result-modal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-inline-start: 30px !important;
}

.component {
  display: flex;
  min-width: 198px;
  width: 100%;
  font-size: 14px;
  color: #333;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
.component .resourceBtn {
  height: 32px;
  width: 100%;
  padding: 0 8px;
}
.component .resourceBtn svg {
  fill: white !important;
}
.component .resourceBtn .rightBtn {
  display: flex;
  flex-direction: row;
  height: 32px;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #333333;
}
.component .resourceBtn .rightBtn .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.component .resourceBtn .rightBtn .icon:hover {
  background: #404047;
  border-radius: 2px;
}
.component .resourceBtn .rightBtn .icon:last-child {
  margin-right: 0px;
}
.component .resourceBtn .rightBtn img {
  width: 16px !important;
  padding: 4px;
  margin-right: 4px !important;
}
.component .resourceBtn .rightBtn img:last-child {
  margin-right: 0px !important;
}
.component .resourceBtn .rightBtn .animation {
  animation: rotate 0.5s;
}
@keyframes rotate {
  0% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.component .body {
  width: 100%;
  flex: 1 1;
  overflow-y: auto;
  margin-top: 2px;
}
.component .body-drop {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.component .body-none {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 0 20px 20px;
  height: 100%;
  font-size: 13px;
  color: #9d9d9d;
  line-height: 20px;
}
.component ::-webkit-scrollbar {
  display: none;
  /* Safari 和 Chrome */
}
.component-header {
  width: 100%;
}
.component-header svg {
  fill: #E5E5E5 !important;
}
.component-header-btn {
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
}
.component-header-btn:hover {
  font-weight: 600 !important;
  color: #ffffff !important;
}
.component-header-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tree-node {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 28px;
  border-radius: 4px;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.tree-node .rotate-element {
  animation: rotate 3s infinite linear;
}
.tree-node .icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.tree-node .icon.show {
  display: block;
}
.tree-node img {
  max-width: 16px;
}
.tree-node .title {
  flex: 1 1;
  margin-left: 8px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #cccccc;
}
.tree-node input {
  flex: 1 1;
  outline: none;
}
.tree-node .menu {
  width: 0;
  height: 0;
  position: relative;
  top: 30px;
  display: none;
}
.tree-node .menu .body {
  display: flex;
  position: absolute;
  top: -10px;
  right: 5px;
  min-width: 45px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.tree-node .show {
  display: block;
}
.tree-node svg {
  fill: #CCCCCC !important;
}
.tree-drag {
  border: 1px solid #1677ff;
}
.tree-hover-after {
  position: relative;
  background-color: #37373d;
}
.tree-hover-after::before {
  position: absolute;
  width: 100%;
  content: '';
  bottom: 0;
  left: 0;
  height: 1.5px;
  background-color: #1677ff;
}
.tree-hover-before {
  position: relative;
  background-color: #37373d;
}
.tree-hover-before::before {
  position: absolute;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  height: 1.5px;
  background-color: #1677ff;
}
.tree-node:hover {
  background-color: #37373d;
}
.tree-node-input {
  background-color: transparent;
  border: none;
  color: #cccccc;
}
.tree-node:hover .icon.right {
  display: block;
  min-width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
}
.tree-node:hover .icon.right svg {
  fill: #9d9d9d !important;
}
.tree-node .icon.right:hover {
  background-color: #35353a;
}
.tree-node .icon.right:hover svg {
  fill: white !important;
}
.selected {
  background-color: #37373d;
}
.selected .title {
  color: #ffffff;
}
.selected svg {
  fill: white !important;
}
.tree0 {
  padding-left: 10px;
}
.tree1 {
  padding-left: 26px;
}
.tree2 {
  padding-left: 42px;
}
.tree3 {
  padding-left: 58px;
}
.tree4 {
  padding-left: 74px;
}
.tree5 {
  padding-left: 90px;
}
.tree-node input {
  outline: none;
}

.sidertoptitle {
  display: flex;
  align-items: center;
  height: 32px;
}
.sidertoptitle-left {
  display: flex;
  align-items: center;
  flex: 1 1;
}
.sidertoptitle-left svg {
  cursor: pointer;
}
.sidertoptitle-left-title {
  width: 0;
  flex: 1 1;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: LEFT;
  color: #ffffff;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidertoptitle-right {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 6px;
}
.sidertoptitle-container {
  max-height: calc(100% - 32px);
  overflow-y: auto;
}
.sidertoptitle-container::-webkit-scrollbar {
  display: none;
}

.more-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 13px;
  overflow: hidden;
  cursor: pointer;
  z-index: 99999;
  background: #252525;
  border: 0.5px solid #333333;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.more-menu .more-menu-item {
  flex: 1 1;
  padding: 7.5px 16px !important;
  color: #cccccc !important;
  font-weight: 400;
  width: 100%;
}
.more-menu .more-menu-item:hover {
  background: #333333;
  color: white !important;
}

.tools {
  padding: 10px 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 30px;
}
.tools-tool {
  width: 40px;
  height: 60px;
  font-weight: 500;
  text-align: CENTER;
  color: #cccccc;
  cursor: pointer;
  position: relative;
}
.tools-tool-icon {
  width: 40px;
  height: 40px;
  background: #2f2f2f;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tools-tool:hover {
  color: #1677ff;
}
.tools-tool:hover .tools-tool-icon {
  background: #404040;
}
.tools-tool:hover .tools-tool-del {
  display: block;
}
.tools-tool-name {
  margin-top: 8px;
  font-size: 12px;
  height: 12px;
  width: 100%;
  position: relative;
}
.tools-tool-name span {
  max-width: calc(100% + 30px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.tools-tool-del {
  position: absolute;
  display: none;
  width: 14px;
  height: 14px;
  right: -4px;
  top: -7px;
  cursor: pointer;
}
.tools-tool-del svg .path1 {
  fill: #9D9D9D;
}
.tools-tool-del svg .path2 {
  fill: #2F2F2F;
}
.tools-tool-del:hover svg .path1 {
  fill: white;
}
.tools-tool-del:hover svg .path2 {
  fill: #333333;
}
.tools-tool-custom {
  position: absolute;
  top: 26px;
  left: 0;
  width: 100%;
  height: 14px;
  font-size: 10px;
  font-weight: 400;
  text-align: CENTER;
  color: #ffffff;
  line-height: 14px;
  opacity: 0.5;
  background: rgba(22, 119, 255, 0.2);
  border-radius: 0px 0px 4px 4px;
}
.tools .tool-disable {
  opacity: 0.5;
  color: #cccccc;
}
.tools .tool-disable .tools-tool-icon {
  background: #2f2f2f;
}
.tools .tool-disable .tools-tool-del {
  display: none !important;
}
.tools-menus {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.tools-menus-right {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 10px;
}
.tools-menus-right-icon {
  cursor: pointer;
}
.tools-loading {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: nowrap;
}
.tools-loading-rotate {
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tools-loading span {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #9d9d9d;
  line-height: 14px;
  padding-left: 4px;
}

.ExperEnvPortManage .ant-drawer-body {
  padding: 0;
}
.ExperEnvPortManage-content {
  height: calc(100% - 72px - 48px);
  overflow-y: auto;
  padding: 20px 30px;
}
.ExperEnvPortManage-content .ant-form-item-extra {
  color: #999999;
}
.ExperEnvPortManage-content::-webkit-scrollbar {
  display: none;
}
.ExperEnvPortManage-content .ant-list-header {
  height: 48px;
  background: #fafafa;
  color: #333333;
}

.os-flex {
  display: flex;
}

.ExperPorts-porticon {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #ffffff;
}
.ExperPorts-porticon img {
  width: 20px;
  height: 20px;
}
.ExperPorts-porticon[data-select=true] {
  border: 1px solid #1677ff;
}

.ExperAddTools .ant-drawer-body {
  padding: 0;
}
.ExperAddTools-content {
  height: calc(100% - 72px - 48px);
  overflow-y: auto;
  padding: 20px 30px;
}
.ExperAddTools-content .ant-form-item-extra {
  color: #999999;
}
.ExperAddTools-content::-webkit-scrollbar {
  display: none;
}

.score .score-modal .ant-modal-content {
  padding: 0 0 45px 0 !important;
}
.score .score-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 45px;
}
.score .score-content .scorevalue {
  position: relative;
  width: 150px;
  height: 150px;
}
.score .score-content .scorevalue .scorevalue-back1 {
  position: absolute;
  width: 147px;
  border-radius: 50%;
  height: 148px;
  opacity: 0.08;
  background: radial-gradient(rgba(0, 242, 81, 0.4), rgba(0, 242, 81, 0.6), #00f251);
}
.score .score-content .scorevalue .scorevalue-back2 {
  position: absolute;
  width: 147px;
  border-radius: 50%;
  height: 148px;
  opacity: 0.08;
  background: radial-gradient(rgba(0, 242, 81, 0.4), rgba(0, 242, 81, 0.6), #00f251);
}
.score .score-content .scorevalue .scorevalue-back3 {
  position: absolute;
  width: 147px;
  border-radius: 50%;
  height: 148px;
  opacity: 0.08;
  background: radial-gradient(rgba(0, 242, 81, 0.4), rgba(0, 242, 81, 0.6), #00f251);
}
.score .score-content .scorevalue .scorevalueNum {
  font-size: 48px;
  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
  font-weight: 500;
  text-align: CENTER;
  color: #30c213;
  margin-top: 30px;
}
.score .score-content .scorevalue .scoreType {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.score .score-content .scorevalue-no .scorevalue-back1,
.score .score-content .scorevalue-no .scorevalue-back2,
.score .score-content .scorevalue-no .scorevalue-back3 {
  background: radial-gradient(rgba(245, 34, 45, 0.4), rgba(245, 34, 45, 0.6), #f5222d);
}
.score .score-content .scorevalue-no .scorevalueNum {
  color: #F5222D;
}
.score .score-content .scoreText {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333333;
  margin-top: 30px;
}

.tree-node .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resource-contant {
  height: 100%;
}
.resource-contant .resource-line {
  position: absolute;
  top: 30px;
  left: -9px;
  width: calc(100% + 20px);
  height: 1px;
  border: 0.5px solid #333333;
}
.resource-contant .download-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}
.resource-contant .download-loading .loading p {
  margin-top: 220px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}

.importModal .ant-modal-close {
  display: none !important;
}
.importModal .ant-modal-footer {
  margin-top: 0px !important;
}
.modalAll {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modalAll .modalAll-title {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.modalAll .bottonLeft {
  width: 88px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #666666;
}
.modalAll .bottonLeft:hover {
  border: 1px solid #1677FF;
  color: #1677FF;
}
.modalAll .bottonRigth {
  width: 88px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  color: #fff;
  margin-left: 40px;
}

.download-setting .ant-modal .ant-modal-content {
  padding: 30px 50px;
  max-height: calc(100vh - 80px);
}
.download-setting .ant-modal-footer {
  margin-top: 0;
}
.download-setting-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  color: #999999;
}
.download-setting-close:hover {
  cursor: pointer;
  color: #1677FF;
}
.download-setting-title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #333333;
  line-height: 18px;
}
.download-setting-list-th {
  margin-bottom: 8px;
  border-bottom: 0.5px solid #d9d9d9;
  display: flex;
  align-items: center;
}
.download-setting-list-th > div {
  padding: 10px 0;
  font-size: 16px;
  color: #666666;
  line-height: 16px;
}
.download-setting-list-th > div:nth-child(1) {
  flex: 1 1;
}
.download-setting-list-th > div:nth-child(2) {
  width: 80px;
  text-align: center;
}
.download-setting-list-th > div:nth-child(3) {
  margin-left: 40px;
  width: 80px;
  color: #cccccc;
  text-align: right;
}
.download-setting-list-trs {
  max-height: calc(100vh - 220px);
  overflow-y: auto;
}
.download-setting-list-trs::-webkit-scrollbar {
  width: 4px;
}
.download-setting-list-trs::-webkit-scrollbar-track {
  background-color: #fff;
}
.download-setting-list-trs::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 2px;
}
.download-setting-list-trs::-webkit-scrollbar-thumb:hover {
  background-color: #bbbbbb;
}
.download-setting-list-trs > div {
  display: flex;
  align-items: center;
}
.download-setting-list-trs > div > div {
  padding: 10px 0;
}
.download-setting-list-trs > div > div:nth-child(1) {
  flex: 1 1;
}
.download-setting-list-trs > div > div:nth-child(2) {
  width: 80px;
  text-align: center;
}
.download-setting-list-trs > div > div:nth-child(3) {
  margin-left: 40px;
  width: 80px;
  text-align: center;
}
.download-setting-list-tr .file-name {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.download-setting-list-tr .file-name .name {
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  cursor: pointer;
}
.download-setting-list-empty {
  margin-top: 22px;
  justify-content: center;
  color: #666666;
}

.workspace-sider {
  height: calc(100% - 34px);
}
.workspace-sider > div:not(.line, .noline) {
  padding: 0 10px;
  min-height: 32px;
  overflow: hidden;
}
.workspace-sider > div:not(.line, .noline) > div {
  height: 100%;
}
.workspace-sider .noline {
  width: 100%;
  height: 2px;
  -webkit-user-select: none;
          user-select: none;
  background-color: #333333;
}

.rightsider {
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rightsider-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  text-align: CENTER;
  color: #9d9d9d;
  line-height: 12px;
  width: 40px;
  padding: 4px 0px;
  border-radius: 2px;
  margin-bottom: 16px;
}
.rightsider-item svg {
  margin-bottom: 4px;
}
.rightsider-item-open {
  cursor: pointer;
}
.rightsider-item-open:hover {
  background: #37373d;
  color: white;
}
.rightsider-item-openno {
  cursor: not-allowed;
}
.rightsider-item-light {
  cursor: pointer;
  background: #37373d;
  color: white;
}
.rightsider .collaboration {
  margin-bottom: 0;
}
.dark-ant-dropdown-menu {
  background: #252525;
  border: 0.5px solid #333333;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 0;
}
.dark-ant-dropdown-menu .ant-dropdown-menu {
  background-color: transparent;
}
.dark-ant-dropdown-menu .ant-dropdown-menu .ant-dropdown-menu-item {
  background: #252525;
  color: #ffffff;
}
.dark-ant-dropdown-menu .ant-dropdown-menu .ant-dropdown-menu-item-active {
  color: #1677ff;
  background: #333333;
}

.quesans {
  width: 500px;
  height: calc(100vh - 48px - 22px);
  background: #fafcff;
  border: 0.5px solid #f0f0f0;
  box-shadow: -4px 0px 10px 0px rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 100;
  top: 48px;
  right: 48px;
  overflow: hidden;
}
.quesans-main {
  height: 100%;
  position: relative;
}
.animation-enter {
  right: -500px;
}
.animation-enter-active {
  right: 48px;
  transition: 0.3s ease;
}
.animation-exit {
  right: 48px;
  transition: 0.3s ease;
}
.animation-exit-active {
  right: -500px;
}

.ques-lay {
  width: 100%;
  height: 100%;
}
.ques-co {
  width: 100%;
  height: calc(100% - 34px);
}
.ques {
  width: 100%;
  height: 100%;
  position: relative;
}
.ques-publishtip {
  height: 56px;
  background: #ffffff;
  border-bottom: 0.5px solid #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 14px;
}
.ques-publishtip p {
  margin-left: 3px;
}
.ques-publishtip p span {
  color: #1677ff;
  cursor: pointer;
  text-decoration-line: underline;
}
.ques-loading {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ques-loading span {
  font-size: 12px;
  margin-left: 4px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.ques-loading-rotate {
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ques-nodata {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ques-nodata img {
  width: 120px;
  height: 120px;
}
.ques-nodata .span {
  margin: 20px 0px;
  font-size: 12px;
  font-weight: 400;
  text-align: CENTER;
  color: #999999;
  line-height: 12px;
}
.ques-footer-right {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #e8f1ff;
  border-radius: 4px;
  box-shadow: 1px 1px 4px 0px rgba(41, 45, 51, 0.1);
  overflow: hidden;
}
.ques-footer-right-item {
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
}
.ques-footer-right-item:hover {
  background: #d0e4ff;
  color: #1677ff;
}
.right-to-left-enter {
  transform: translateX(500px);
}
.right-to-left-active {
  transform: translateX(0px);
  transition: 0.3s ease;
}
.left-to-right-exit {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transform: translateX(0px);
}
.left-to-right-active {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(500px);
  transition: 0.3s ease;
}
.ques-css-enter {
  transform: translateX(-500px);
}
.ques-css-enter-active {
  transform: translateX(0px);
  transition: 0.3s ease;
}
.ques-css-exit {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(0px);
}
.ques-css-exit-active {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transform: translateX(-500px);
  transition: 0.3s ease;
}

.listcontainer {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.listcontainer::-webkit-scrollbar {
  display: none;
}
.listcontainer-moreloading {
  height: 52px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listcontainer-moreloading span {
  font-size: 12px;
  margin-left: 4px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.listcontainer-moreloading-rotate {
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.quesitem {
  padding: 20px;
  padding-bottom: 0px;
  display: flex;
  align-items: start;
  cursor: pointer;
}
.quesitem:hover {
  background: #f5f6fa;
}
.quesitem-left {
  margin-right: 20px;
}
.quesitem-left img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.quesitem-right {
  flex: 1 1;
  width: 0;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #d9d9d9;
}
.quesitem-right p {
  margin: 0;
}
.quesitem-right-recover {
  position: absolute;
  right: 0;
  top: 0;
  color: #999999;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.quesitem-right-recover span {
  margin-left: 4px;
  color: #666666;
  font-size: 14px;
}
.quesitem-right-recover:hover {
  color: #1677ff;
}
.quesitem-right-recover:hover span {
  color: #1677ff;
}
.quesitem-right-one {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 12px;
  margin-bottom: 12px !important;
}
.quesitem-right-one span:nth-child(2) {
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.quesitem-right-two {
  padding-bottom: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #faad14;
  line-height: 12px;
}
.quesitem-right-two span:nth-child(2) {
  margin-left: 10px;
}
.quesitem-right-title {
  font-size: 16px;
  font-weight: 600;
  text-align: left !important;
  color: #333333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.quesitem-right-title:hover {
  color: #1677ff;
}
.quesitem-right-four {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 18px;
  overflow: hidden;
  margin-bottom: 12px;
  gap: 4px;
}
.quesitem-right-four span {
  background: #e1e9f5;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 18px;
  padding: 0px 6px;
}
.quesitem-right-five {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 12px;
}
.quesitem-right-five-title {
  display: flex;
  align-items: end;
}
.quesitem-right-five-title span:nth-child(2) {
  color: #1677ff;
  cursor: pointer;
  text-decoration: underline;
  max-width: 90px;
  white-space: nowrap;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quesitem-right-five-title span:hover:nth-child(2) {
  color: #4592ff;
}

.detailques {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.detailques-con {
  width: 100%;
  height: calc(100% - 34px - 34px);
}
.detailques-con .listcontainer-moreloading {
  background-color: #ffffff;
}
.detailques-con-ques {
  margin-bottom: 16px;
  background: #ffffff;
  padding: 16px 20px;
  border-bottom: 0.5px solid #f0f0f0;
}
.detailques-con-ques p {
  margin: 0;
}
.detailques-con-ques-user {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  margin-bottom: 12px;
}
.detailques-con-ques-user img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.detailques-con-ques-user .title {
  color: #666666;
  margin-left: 10px;
}
.detailques-con-ques-user .time {
  flex: 1 1;
  color: #999999;
  margin-left: 10px;
}
.detailques-con-ques-user .svg {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  color: #999999;
  cursor: pointer;
}
.detailques-con-ques-user .svg:hover {
  background: rgba(22, 119, 255, 0.05);
  color: #1677ff;
}
.detailques-con-ques-title {
  font-size: 18px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 26px;
}
.detailques-con-ques-content {
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
  margin-bottom: 10px !important;
}
.detailques-con-ques-labels {
  width: 100%;
  height: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
}
.detailques-con-ques-labels-type {
  font-size: 12px;
  font-weight: 400;
  color: #faad14;
  line-height: 12px;
}
.detailques-con-ques-labels-label {
  background: #e1e9f5;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 18px;
  padding: 0px 6px;
}
.detailques-con-ques-from {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #999999;
  line-height: 12px;
}
.detailques-con-ques-from-title {
  display: flex;
  align-items: end;
}
.detailques-con-ques-from-title span:nth-child(2) {
  color: #1677ff;
  cursor: pointer;
  text-decoration: underline;
  max-width: 90px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailques-con-ques-from-title span:hover:nth-child(2) {
  color: #4592ff;
}
.detailques-con-main-num {
  height: 34px;
  background: #ffffff;
  padding: 6px 20px 0px;
  position: relative;
}
.detailques-con-main-num::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 20px;
  height: 0.5px;
  width: calc(100% - 40px);
  background-color: #d9d9d9;
}
.detailques-con-main-num span:nth-child(1) {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 14px;
}
.detailques-con-main-num span:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
  margin-left: 10px;
}
.detailques-con-main-list {
  background: #ffffff;
}
.detailques-con-main-list-nodata {
  height: 100%;
  min-height: 244px;
  padding: 26px 0px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.detailques-con-main-list-nodata img {
  width: 120px;
  height: 120px;
}
.detailques-con-main-list-nodata span {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 400;
  text-align: CENTER;
  color: #999999;
  line-height: 12px;
}
.detailques-recover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  --height: 34px;
  height: var(--height);
  z-index: 199;
  transition: 0.3s;
}
.detailques-recover-btn {
  width: 100%;
  border-top: 0.5px solid #f0f0f0;
  height: var(--height);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafcff;
  overflow: hidden;
}
.detailques-recover-btn span {
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  text-decoration: underline;
  text-align: LEFT;
  color: #1677ff;
  line-height: 14px;
}
.detailques-recover-submit {
  width: 100%;
  height: var(--height);
  border-top: 16px solid #fafcff;
  background: #ffffff;
  display: flex;
  align-items: start;
  padding: 20px;
}
.detailques-recover-submit-left {
  width: 28px;
}
.detailques-recover-submit-left img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.detailques-recover-submit-right {
  flex: 1 1;
  width: 0;
  margin-left: 10px;
}
.detailques-recover-submit-right-title {
  font-size: 14px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 14px;
}
.detailques-recover-submit-right-editor {
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
}
.detailques-recover-submit-right-btn {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 10px;
}

.topnav {
  height: 34px;
  background-color: #fafcff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.5px solid #d9d9d9;
  position: relative;
}
.topnav-title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 16px;
}
.topnav-left {
  position: absolute;
  top: 9px;
  left: 20px;
  cursor: pointer;
  color: #999999;
}
.topnav-left:hover {
  color: #1677ff;
}
.topnav-right {
  position: absolute;
  top: 9px;
  right: 20px;
  cursor: pointer;
  color: #999999;
}
.topnav-right:hover {
  color: #1677ff;
}

.detailquesitem {
  display: flex;
  align-items: start;
  padding: 20px 20px 0px;
}
.detailquesitem-left {
  width: 28px;
}
.detailquesitem-left img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.detailquesitem-right {
  flex: 1 1;
  width: 0;
  margin-left: 10px;
  padding-bottom: 16px;
  border-bottom: 0.5px solid #d9d9d9;
}
.detailquesitem-right p {
  margin: 0px;
}
.detailquesitem-right-msg {
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 16px;
  margin-bottom: 12px;
}
.detailquesitem-right-msg span:nth-child(2) {
  margin-left: 10px;
  color: #999999;
}
.detailquesitem-right-content {
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
}

.richeditor .w-e-select-list {
  z-index: 10;
}
.richeditor .w-e-text-placeholder {
  font-style: normal;
}
.richeditor > div::-webkit-scrollbar {
  display: none;
}

.publishques {
  width: 100%;
  height: 100%;
}
.publishques-main {
  height: calc(100% - 34px);
  background-color: #fafcff;
  overflow-y: auto;
  padding: 20px;
}
.publishques-main::-webkit-scrollbar {
  display: none;
}
.publishques-main-labels-add {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #1677ff;
  line-height: 14px;
}
.publishques-main-labels-add span {
  margin-left: 4px;
}
.publishques-main-labels-remove {
  cursor: pointer;
  --color: #999999;
  transform: translateY(-10px);
  margin-left: 10px;
}
.publishques-main-labels-remove circle {
  stroke: var(--color);
}
.publishques-main-labels-remove rect {
  fill: var(--color);
}
.publishques-main-labels-remove:hover {
  --color: #1677ff;
}
.publishques-main-labels-item {
  display: flex;
  align-items: center;
}
.publishques-main-permission-tip {
  display: flex;
  align-items: start;
}
.publishques-main-permission-tip p {
  margin: 0px;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #999999;
  line-height: 18px;
}
.publishques-main-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.publishques-main-btn {
  width: 134px;
  height: 28px;
  background: #1677ff;
  border-radius: 2px;
  display: flex;
  align-items: center;
  position: relative;
}
.publishques-main-btn-dark {
  background-color: #cccccc;
  pointer-events: none;
}
.publishques-main-btn .center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.publishques-main-btn-left {
  flex: 1 1;
  height: 100%;
  color: white;
  cursor: pointer;
  font-size: 14px;
}
.publishques-main-btn-left:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.publishques-main-btn-right {
  width: 22px;
  height: 100%;
  position: relative;
  color: white;
}
.publishques-main-btn-right::before {
  position: absolute;
  content: '';
  height: 14px;
  top: 7px;
  left: -0.5px;
  width: 0.5px;
  background-color: rgba(255, 255, 255, 0.5);
}
.publishques-main-btn-right:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.publishques-main-btn-menus {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  background: #ffffff;
  border: 0.5px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0px rgba(41, 45, 51, 0.1);
  overflow: hidden;
  transition: 0.2s;
}
.publishques-main-btn-menus-item {
  height: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.publishques-main-btn-menus-item span {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.publishques-main-btn-menus-item:hover {
  background: #f0f2f5;
}
.publishques .ant-form .ant-select-selector,
.publishques .ant-form .ant-input-affix-wrapper {
  border-radius: 2px;
}
.publishques .ant-form .ant-form-item-explain-error {
  line-height: 20px;
}
.publishques .ant-form .ant-form-item {
  margin-bottom: 20px;
}

.quesans-header {
  height: 34px;
  background-color: #fafcff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.5px solid #d9d9d9;
  gap: 176px;
  position: relative;
}
.quesans-header-item {
  font-size: 16px;
  font-weight: 600;
  color: #cccccc;
  line-height: 16px;
  cursor: pointer;
}
.quesans-header-light {
  color: #1677ff;
  position: relative;
}
.quesans-header-light::before {
  position: absolute;
  content: '';
  bottom: -9px;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background-color: #1677ff;
}
.quesans-header-fold {
  position: absolute;
  top: 9px;
  right: 20px;
  cursor: pointer;
  color: #999999;
}
.quesans-header-fold:hover {
  color: #1677ff;
}

.importModal .ant-modal-close {
  display: none !important;
}
.importModal .ant-form-item {
  margin-bottom: 25px !important;
}
.importModal .ant-modal-footer {
  margin-top: 0px !important;
}
.tishi .ant-modal-close {
  display: none !important;
}
.tishi .ant-modal-content {
  padding: 20px 24px !important;
  position: relative;
}
.tishi .modal-course-content-tip-titel {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  text-align: CENTER;
  color: #333333;
}
.tishi .modal-course-content-tip-con {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 20px;
}
.tishi .closrIcon {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
}
.tishi .closrIcon svg {
  fill: #9f9f9f !important;
}
.tishi .closrIcon svg:hover {
  fill: #1677FF !important;
}
.modalAll {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modalAll .modalAll-title {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.modalAll .gitBookMdIcon {
  position: absolute;
  top: 9px;
  right: -22px;
  cursor: pointer;
}
.modalAll .gitBookMdIcon svg {
  fill: #9f9f9f !important;
}
.modalAll .gitBookMdIcon svg:hover {
  fill: #1677FF !important;
}
.modalAll .bottonLeft {
  width: 88px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #666666;
}
.modalAll .bottonLeft:hover {
  border: 1px solid #1677FF;
  color: #1677FF;
}
.modalAll .bottonRigth {
  width: 88px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  color: #fff;
  margin-left: 40px;
}

.envmodal-modal .ant-modal {
  border-radius: 4px !important;
  overflow: hidden;
}
.envmodal-modal .ant-modal-content {
  background: #ffffff;
  padding: 0px;
}
.envmodal-modal .ant-modal-content .ant-modal-body {
  width: 100%;
  padding: 30px 40px 30px 48px;
}
.envmodal-title {
  font-size: 18px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  line-height: 18px;
  margin-bottom: 30px;
}
.envmodal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}

.experenv-env-enter {
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  margin-top: -15px;
  margin-bottom: 3px;
}
.experenv-env-enter span {
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  text-align: left;
  color: #1677ff;
  line-height: 12px;
  cursor: pointer;
}
.experenv-env-enter p {
  margin-left: 10px;
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #999999;
  line-height: 12px;
}
.experenv-tools .ant-form-item {
  margin-bottom: 10px !important;
}
.experenv-tools-list {
  padding-left: 74px;
  margin-bottom: 10px;
}
.experenv-tools-list-con {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  max-height: 300px;
  overflow-y: auto;
  padding: 15px 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.experenv-tools-list-con::-webkit-scrollbar {
  display: none;
}
.experenv-tools-add {
  padding-left: 74px;
  margin-bottom: 15px;
  color: #1677ff;
}
.experenv-tools-add-btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  line-height: 16px;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.experenv-tools-add-btn img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.experenv-time {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9999;
  width: 230px;
  margin-bottom: 10px;
}
.experenv-time .ant-form-item-label {
  overflow: visible !important;
}
.experenv-time .env-time {
  margin-left: 10px;
  border-right: none !important;
}
.experenv .timeLable {
  width: 164px;
  height: 24px;
  position: relative;
}
.experenv .timeLable .timeLable-text {
  position: absolute;
  left: -25px;
  white-space: nowrap;
}
.experenv .ant-input-affix-wrapper {
  border-radius: 2px !important;
}
.ylzcc-modal-env-time-help .ant-modal-content {
  padding: 30px 40px 40px 20px;
}
.ylzcc-modal-env-time-help .ant-modal .ant-modal-close {
  color: #999999;
}
.ylzcc-modal-env-time-help .ant-modal .ant-modal-close:hover {
  background-color: transparent;
  color: #1677ff;
}
.ylzcc-modal-env-time-help .explain div {
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
}
.ylzcc-modal-env-time-help .explain p {
  margin: 0;
  color: #666666;
  line-height: 22px;
  display: flex;
}
.ylzcc-modal-env-time-help .explain p span {
  word-wrap: break-word;
}
.ylzcc-modal-env-time-help .ant-modal-footer {
  display: none;
}

.setenv-modal {
  padding-bottom: 0px !important;
}
.setenv-modal .ant-modal {
  padding-bottom: 0 !important;
}
.setenv-modal .ant-modal-content {
  width: 100%;
  box-sizing: border-box;
  height: calc(100vh - 60px);
  padding: 30px 120px !important;
  position: relative;
  border-radius: 30px 30px 0px 0px !important;
}
.setenv-modal .ant-modal-body {
  width: 100%;
  height: 100%;
}
.setenv-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  fill: #999999;
}
.setenv-modal-close:hover {
  fill: #1677ff;
}
.setenv-modal-form .ant-form-item {
  margin-bottom: 20px !important;
}
.setenv-modal-form .ant-form-item-no-colon {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-size: 16px;
  color: #333333;
}
.setenv-modal-form .ant-form-item-no-colon::before {
  display: none !important;
}
.setenv-modal-form .ant-form-item-label {
  padding-bottom: 20px;
}
.setenv-modal-form .ant-form-item-explain-error {
  line-height: 20px;
}
.setenv-modal-form .ant-input-affix-wrapper {
  border-radius: 2px !important;
  border-color: #e5e5e5;
}
.setenv-modal-form .ant-input-affix-wrapper-focused {
  border-color: #1677ff !important;
}
.setenv-modal-form .ant-input {
  border-radius: 2px !important;
  border-color: #e5e5e5 !important;
}
.setenv-modal-form .ant-input:focus {
  border-color: #1677ff !important;
}
.setenv-modal-form .ant-select-selector {
  border-radius: 2px !important;
  border-color: #e5e5e5;
}
.setenv-modal-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.setenv-modal-nav-left {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-size: 16px;
  color: #333333;
}
.setenv-modal-nav-right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.setenv-modal-nav-right-btn {
  width: 96px;
  height: 32px;
  cursor: pointer;
  border-radius: 2px;
  background: #f5f6fa;
  display: flex;
  align-items: center;
  justify-content: center;
  --svgColor: #666666;
  font-size: 14px;
  font-weight: 400;
  color: var(--svgColor);
  line-height: 14px;
}
.setenv-modal-nav-right-btn .svg1 {
  stroke: var(--svgColor);
}
.setenv-modal-nav-right-btn .svg2 {
  fill: var(--svgColor);
}
.setenv-modal-nav-right-btn span {
  padding-left: 4px;
}
.setenv-modal-nav-right-btn:hover {
  --svgColor: #fff;
  background: #1677ff;
}
.setenv-modal-nav-right .light {
  --svgColor: #fff;
  background: #1677ff;
}
.setenv-modal-tabs {
  height: calc(100% - 132px - 72px);
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  overflow: hidden;
}
.setenv-modal-tabs-nav {
  height: 34px;
  background: #f5f6fa;
  display: flex;
  align-items: center;
  justify-content: left;
}
.setenv-modal-tabs-nav-item {
  height: 100%;
  max-width: 120px;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
}
.setenv-modal-tabs-nav-item:not(:nth-last-of-type(2))::after {
  position: absolute;
  top: 7px;
  right: 0;
  width: 1px;
  height: 20px;
  content: '';
  background-color: #d9d9d9;
}
.setenv-modal-tabs-nav-item:hover {
  color: #333333;
}
.setenv-modal-tabs-nav .light {
  color: #333333;
  background-color: #fff;
}
.setenv-modal-tabs-nav-add {
  width: 14px;
  height: 15px;
  margin-left: 10px;
}
.setenv-modal-tabs-nav-add svg {
  cursor: pointer;
  --color: #999999;
}
.setenv-modal-tabs-nav-add svg circle {
  stroke: var(--color);
}
.setenv-modal-tabs-nav-add svg path,
.setenv-modal-tabs-nav-add svg rect {
  fill: var(--color);
}
.setenv-modal-tabs-nav-add svg:hover {
  --color: #1677ff;
}
.setenv-modal-tabs-nav-add-dropdown {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgba(41, 45, 51, 0.1);
  max-height: 300px;
  overflow-y: auto;
}
.setenv-modal-tabs-nav-add-dropdown::-webkit-scrollbar {
  display: none;
}
.setenv-modal-tabs-nav-add-dropdown .ant-dropdown-menu {
  border-radius: 4px;
  padding: 0px;
}
.setenv-modal-tabs-nav-add-dropdown .ant-dropdown-menu-item-active:hover {
  background-color: #f0f2f5 !important;
  color: #1677ff !important;
}
.setenv-modal-tabs-nav-add-dropdown .ant-dropdown-menu-item {
  color: #666666 !important;
}
.setenv-modal-tabs-env {
  height: calc(100% - 34px);
  position: relative;
  overflow-y: auto;
}
.setenv-modal-tabs-env::-webkit-scrollbar {
  display: none;
}
.setenv-modal-tabs-env-del {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 21px;
  cursor: pointer;
}
.setenv-modal-tabs-content {
  width: 100%;
  --height: calc(100vh - 316px);
}
.setenv-modal-tabs-content .CodeMirror {
  height: var(--height);
}
.setenv-modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}
.tooltip-nav {
  max-width: 130px !important;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 2px !important;
  box-shadow: 2px 2px 4px 0px rgba(92, 117, 153, 0.1);
  overflow: hidden;
}
.tooltip-nav .ant-tooltip-content {
  width: 100%;
  height: 100%;
}
.tooltip-nav .ant-tooltip-content .ant-tooltip-inner {
  background-color: #ffffff !important;
  min-height: 0px !important;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 16px;
}
.CodeMirror-gutter-wrapper {
  left: -30px !important;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #e5e5e5 !important;
}
.ql-toolbar.ql-snow {
  border: 1px solid #e5e5e5 !important;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #e5e5e5 !important;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #e5e5e5 !important;
}
.ql-snow .ql-tooltip {
  border: 1px solid #e5e5e5;
}
.ql-snow .ql-tooltip input[type=text] {
  border: 1px solid #e5e5e5 !important;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #e5e5e5 !important;
}
.ql-container.ql-snow {
  border: 1px solid #e5e5e5 !important;
}
.cm-atom {
  color: #1702a3 !important;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 200px;
  color: black;
  direction: ltr;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-line {
  padding-left: 6px !important;
}
.CodeMirror-gutters {
  min-width: 20px;
  left: 0px !important;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}
.cm-fat-cursor {
  caret-color: transparent;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
     the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
     before actual scrolling happens, thus preventing shaking and
     flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-feature-settings: "calt";
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.envform {
  padding: 30px 192px 30px 184px;
}
.envform .ant-form .ant-form-item-no-colon {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #333333;
}
.envform .ant-form .ant-form-item-explain-error {
  line-height: 20px;
}
.envform .ant-form .ant-form-item {
  margin-bottom: 20px;
}
.envform .ant-form .ant-input,
.envform .ant-form .ant-input-affix-wrapper {
  border-radius: 2px !important;
}
.envform-image {
  position: relative;
}
.envform-image-tip {
  position: absolute;
  height: 100%;
  left: calc(100% + 10px);
  top: 0;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: #1677ff;
  padding-top: 6px;
}
.envform-image-tip .span {
  min-width: 56px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  line-height: 20px;
  cursor: pointer;
}
.envform-image-tip .nospan {
  color: rgba(22, 119, 255, 0.5);
  pointer-events: none;
}
.envform-image-tip .img {
  width: 16px;
  height: 17px;
}
.envform-item {
  margin-bottom: 20px;
  padding-left: 10px;
  --left: 20px;
}
.envform-item-title {
  margin-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 14px;
  gap: 4px;
  cursor: pointer;
}
.envform-item-title svg {
  transition: 0.3s;
  fill: #1677ff;
}
.envform-item-animation {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s;
}
.envform-item-animation-stamp {
  overflow: hidden;
}
.envform-item-con {
  padding-left: var(--left);
}
.envform-item-con-ports {
  display: flex;
  align-items: center;
}
.envform-item-con-ports .svg {
  cursor: pointer;
  margin-left: 10px;
  transform: translateY(-10px);
  --color: #999999;
}
.envform-item-con-ports .svg circle {
  stroke: var(--color);
}
.envform-item-con-ports .svg rect {
  fill: var(--color);
}
.envform-item-con-ports .svg[data-disabled=false]:hover {
  --color: #1677ff;
}
.envform-item-con-ports .svg[data-disabled=true] {
  cursor: default;
  pointer-events: none;
}
.envform-item-con-border {
  padding: 20px 20px 0px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  margin-bottom: 20px;
}
.envform-item-con-border-line {
  width: 100%;
  display: flex;
  align-items: center;
}
.envform-item-con-border-tools-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.envform-item-con-border-tools-list-item {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #ffffff;
}
.envform-item-con-border-tools-list-item img {
  width: 21px;
  height: 21px;
}
.envform-item-con-border-tools-list-item[data-disabled=true] {
  cursor: default !important;
  pointer-events: none !important;
}
.envform-item-con-border-tools-list-light {
  border: 1px solid #1677ff;
}
.envform-item-con-add {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #1677ff;
  line-height: 14px;
  gap: 4px;
  display: flex;
  align-items: center;
}
.envform-item-con-add svg {
  fill: #1677ff;
}
.envform-item-con .adddark {
  cursor: default;
  pointer-events: none;
  color: #999999;
}
.envform-item-con .adddark svg {
  fill: #999999;
}

.portitem {
  width: 100%;
  display: flex;
  align-items: center;
}
.portitem-img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.portitem-title {
  flex: 1 1;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #333333;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.portitem-light {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #1677ff;
  line-height: 14px;
  cursor: pointer;
}
.portitem-dark {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #cccccc;
  line-height: 14px;
  pointer-events: none;
}
.portitem-line {
  width: 1px;
  height: 14px;
  background-color: #d9d9d9;
  margin: 0 16px;
}
.tooltip-portitem {
  max-width: 700px !important;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 2px !important;
  box-shadow: 2px 2px 4px 0px rgba(92, 117, 153, 0.1);
  overflow: hidden;
}
.tooltip-portitem .ant-tooltip-content {
  width: 100%;
  height: 100%;
}
.tooltip-portitem .ant-tooltip-content .ant-tooltip-inner {
  background-color: #ffffff !important;
  min-height: 0px !important;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 16px;
}

.ylzcc-addtools .ant-modal-content {
  padding: 30px 50px;
  position: relative;
}
.ylzcc-addtools .ant-modal-content .ant-form-item-no-colon {
  font-size: 14px !important;
  font-weight: 400 !important;
}
.ylzcc-addtools .ant-modal-content .ant-form-item-no-colon::before {
  display: none !important;
}
.ylzcc-addtools .ant-modal-content .ant-form-item {
  margin-bottom: 20px;
}
.ylzcc-addtools .ant-modal-content .ant-form-item-explain-error {
  line-height: 20px;
}
.ylzcc-addtools .ant-modal-content .ant-input-affix-wrapper {
  border-radius: 2px !important;
  border-color: #e5e5e5;
}
.ylzcc-addtools .ant-modal-content .ant-input-affix-wrapper-focused {
  border-color: #1677ff !important;
}
.ylzcc-addtools .ant-modal-content .ant-input {
  border-radius: 2px !important;
  border-color: #e5e5e5 !important;
}
.ylzcc-addtools .ant-modal-content .ant-input:focus {
  border-color: #1677ff !important;
}
.ylzcc-addtools .ant-modal-content .ant-select-selector {
  border-radius: 2px !important;
  border-color: #e5e5e5;
}
.ylzcc-addtools-title {
  font-size: 18px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  line-height: 18px;
  margin-bottom: 30px;
}
.ylzcc-addtools-button {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.ylzcc-addtools-button button {
  cursor: pointer;
}
.ylzcc-addtools-button-can {
  width: 88px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 14px;
}
.ylzcc-addtools-button-can:hover {
  border: 1px solid #1677ff;
  color: #1677ff;
}
.ylzcc-addtools-button-en {
  outline: none;
  width: 88px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 14px;
}
.ylzcc-addtools-button-en:hover {
  background: #4592ff;
}
.ylzcc-addtools .add-tools-list {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ylzcc-addtools .add-tools-list-item {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #ffffff;
}
.ylzcc-addtools .add-tools-list-item img {
  width: 21px;
  height: 21px;
}
.ylzcc-addtools .add-tools-list-light {
  border: 1px solid #1677ff;
}

.importModal .ant-modal-close {
  display: none !important;
}
.importModal .ant-form-item {
  margin-bottom: 25px !important;
}
.importModal .ant-modal-footer {
  margin-top: 0px !important;
}
.tishi .ant-modal-close {
  display: none !important;
}
.tishi .ant-modal-content {
  padding: 20px 24px !important;
  position: relative;
}
.tishi .modal-course-content-tip-titel {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  text-align: CENTER;
  color: #333333;
}
.tishi .modal-course-content-tip-con {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 20px;
}
.tishi .closrIcon {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
}
.tishi .closrIcon svg {
  fill: #9f9f9f !important;
}
.tishi .closrIcon svg:hover {
  fill: #1677FF !important;
}
.modalAll {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modalAll .modalAll-title {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
.modalAll .gitBookMdIcon {
  position: absolute;
  top: 9px;
  right: -22px;
  cursor: pointer;
}
.modalAll .gitBookMdIcon svg {
  fill: #9f9f9f !important;
}
.modalAll .gitBookMdIcon svg:hover {
  fill: #1677FF !important;
}
.modalAll .bottonLeft {
  width: 88px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #666666;
}
.modalAll .bottonLeft:hover {
  border: 1px solid #1677FF;
  color: #1677FF;
}
.modalAll .bottonRigth {
  width: 88px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  color: #fff;
  margin-left: 40px;
}

.scoredrawermarkwork .ant-drawer-content-wrapper {
  height: calc(100vh - 60px) !important;
  background: #ffffff;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
  padding: 30px 120px;
  overflow-y: auto;
}
.scoredrawermarkwork .ant-drawer-content-wrapper .ant-drawer-body {
  height: 100%;
  padding: 0;
}
.scoredrawermarkwork-title {
  font-size: 18px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  line-height: 18px;
  margin-bottom: 30px;
}
.scoredrawermarkwork-tab {
  width: 100%;
  height: calc(100% - 48px - 32px - 30px);
  overflow: hidden;
}
.scoredrawermarkwork-tab .ant-table-tbody > tr .scoredrawermarkwork-score {
  height: 1px;
}
.scoredrawermarkwork-tab .ant-table-tbody > tr .scoredrawermarkwork-score-con {
  height: 100%;
  width: 100%;
}
.scoredrawermarkwork-tab .ant-table-tbody > tr .scoredrawermarkwork-score-con .input {
  width: 60px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  text-align: center;
}
.scoredrawermarkwork-tab .ant-table-tbody tr .order,
.scoredrawermarkwork-tab .ant-table-tbody tr .type {
  height: 1px;
}
.scoredrawermarkwork-tab .ant-table-tbody tr .order .centerstart,
.scoredrawermarkwork-tab .ant-table-tbody tr .type .centerstart {
  height: 100%;
  line-height: 22px !important;
  width: 100%;
}
.scoredrawermarkwork-tab .scoredrawermarkwork-content {
  height: 1px;
}
.scoredrawermarkwork-tab .scoredrawermarkwork-content .content {
  height: 100%;
  max-width: 400px !important;
}
.scoredrawermarkwork-tab .ant-table-header {
  border-radius: 0px !important;
}
.scoredrawermarkwork-tab .ant-table-thead tr th {
  background-color: #F5F6FA;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 16px;
  height: 40px;
  padding: 4px 16px;
  border-radius: 0px !important;
  border-start-start-radius: 0 !important;
  white-space: nowrap;
}
.scoredrawermarkwork-tab .ant-table-thead tr th::before {
  display: none;
}
.scoredrawermarkwork-tab .ant-table-tbody tr td {
  background-color: #ffffff !important;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  border-bottom: 1px solid #d9d9d9;
}
.scoredrawermarkwork-tab .ant-table-thead .ant-table-cell-scrollbar {
  width: 0 !important;
}
.scoredrawermarkwork-tab .ant-table-body {
  overflow-y: auto !important;
}
.scoredrawermarkwork-tab .ant-table-body::-webkit-scrollbar {
  width: 8px;
  height: 0px;
}
.scoredrawermarkwork-tab .ant-table-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.scoredrawermarkwork-tab .ant-table-body::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 4px;
}
.scoredrawermarkwork-tab .ant-table-body::-webkit-scrollbar-thumb:hover {
  background-color: #e0e0e0;
}
.scoredrawermarkwork-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.content-layout {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.content-layout-con {
  max-width: calc(100% - 18px);
  text-align: left;
}
.content-layout-hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-layout svg {
  margin-left: 8px;
  transition: 0.3s;
  position: relative;
  top: 6px;
  cursor: pointer;
}

.invite-collaboration {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.invite-collaboration svg {
  color: #fff;
}
.invitaModal .ant-modal-close {
  display: none !important;
}
.invitaModal .ant-modal-content {
  padding: 30px !important;
}
.invitaModal .ant-modal-footer {
  margin-top: 0px !important;
}
.invitaModal .invitaDiv {
  width: 100%;
  height: 100%;
  position: relative;
}
.invitaModal .invitaDiv .invitaClose {
  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
}
.invitaModal .invitaDiv .inviteTitle {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.invitaModal .invitaDiv .inviteText {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
}
.invitaModal .invitaDiv .inviteText .text {
  font-size: 14px;
  color: #666666;
  margin-left: 8px;
}
.invitaModal .invitaDiv .myshare-btn {
  height: 32px;
  width: 100%;
  display: flex;
  margin: 20px 0 10px;
}
.invitaModal .invitaDiv .myshare-btn input {
  color: #999999;
  outline: none;
  padding-left: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  width: 360px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invitaModal .invitaDiv .myshare-btn button {
  border: none;
  width: 88px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  color: white;
  margin-left: 10px;
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
}
.invitaModal .invitaDiv .myshare-btn button:hover {
  background: #4592FF;
}

.multi-user {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  z-index: 101;
}
.multi-user:hover {
  cursor: pointer;
}
.multi-user-icon {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multi-user-online {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.multi-user-modal {
  position: absolute;
  top: -4px;
  right: 28px;
  z-index: 100;
  padding-right: 11px;
}
.multi-user-modal-contain {
  width: 120px;
  border: 0.5px solid #333333;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #282828;
  text-align: center;
}
.multi-user-modal-contain-title {
  position: relative;
  padding: 9px 10px;
  font-size: 14px;
  color: #CCCCCC;
}
.multi-user-modal-contain-title .line {
  position: absolute;
  width: 100px;
  border-bottom: 0.5px dashed #333333;
  bottom: 0;
}
.multi-user-modal-contain-users {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  /* 滚动条轨道 */
  /* 滚动条滑块 */
  /* 滚动条滑块悬停状态 */
}
.multi-user-modal-contain-users::-webkit-scrollbar {
  width: 4px;
  /* 滚动条宽度 */
}
.multi-user-modal-contain-users::-webkit-scrollbar-track {
  background-color: transparent;
  /* 滚动条轨道背景颜色 */
}
.multi-user-modal-contain-users::-webkit-scrollbar-thumb {
  background-color: #444444;
  /* 滚动条滑块颜色 */
  border-radius: 2px;
  /* 滑块圆角 */
}
.multi-user-modal-contain-users::-webkit-scrollbar-thumb:hover {
  background-color: #666666;
  /* 滑块悬停时颜色 */
}
.multi-user-modal-contain-users-user {
  padding: 8px 16px;
  display: flex;
  align-items: center;
}
.multi-user-modal-contain-users-user div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.multi-user-modal-contain-users-user div:nth-child(2) {
  font-size: 14px;
  color: #CCCCCC;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 65px;
}

.ylzcc-activity-modal .ant-modal-content {
  padding: 24px;
  background: #ffffff;
}
.ylzcc-activity-modal .ant-checkbox .ant-checkbox-inner {
  border-radius: 2px;
}
.ylzcc-activity-modal-head {
  width: 100%;
  position: relative;
}
.ylzcc-activity-modal-head span {
  height: 18px;
  font-size: 18px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 18px;
}
.ylzcc-activity-modal-head-close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: calc(50% - 24px);
  right: -14px;
  border-radius: 6px;
  cursor: pointer;
}
.ylzcc-activity-modal-head-close:hover {
  background-color: #e7e7e7;
}
.ylzcc-activity-modal-mark {
  margin-top: 24px;
}
.ylzcc-activity-modal-mark-choice {
  display: flex;
  justify-content: left;
  align-items: center;
  cursor: pointer;
}
.ylzcc-activity-modal-mark-choice-ti {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #333333;
  line-height: 14px;
}
.ylzcc-activity-modal-mark-choice-left {
  transform: translateX(-4px);
  fill: #999999 !important;
}
.ylzcc-activity-modal-mark-choice-left:hover {
  fill: #1677ff !important;
}
.ylzcc-activity-modal-score {
  width: 100%;
  border-radius: 2px;
  box-shadow: 0px 2px 8px 0px rgba(97, 92, 153, 0.15);
  padding: 20px 0 24px 20px;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.ylzcc-activity-modal-score .title {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #333333;
  line-height: 20px;
}
.ylzcc-activity-modal-score .number {
  font-size: 20px;
  font-weight: 400;
  text-align: LEFT;
  line-height: 20px;
  margin-left: 10px;
  margin-right: 4px;
  position: relative;
}
.ylzcc-activity-modal-score .number .input {
  width: 64px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 0px 1px 4px 0px rgba(97, 92, 153, 0.15);
  outline: none;
  color: #FAAD14;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 14px;
  font-weight: 400;
  text-align: CENTER;
  line-height: 14px;
}
.ylzcc-activity-modal-score .number-tip {
  position: absolute;
  right: -18px;
  top: calc(100% + 2px);
  display: flex;
  align-items: center;
}
.ylzcc-activity-modal-score .number-tip .name {
  width: 132px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #f5222d;
  line-height: 12px;
  margin: 0px 0px 0px 3px;
}
.ylzcc-activity-modal-score .icon {
  width: 14px;
  height: 14px;
  cursor: pointer;
  color: #999999;
}
.ylzcc-activity-modal-score .icon:hover {
  color: #1677ff;
}
.ylzcc-activity-modal-score .icon-help:hover {
  color: #333333;
}
.ylzcc-activity-modal-score-one {
  display: flex;
  justify-content: left;
  align-items: center;
}
.ylzcc-activity-modal-score-one span:nth-child(2) {
  color: #30c213;
}
.ylzcc-activity-modal-score-two {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-left: 78px;
}
.ylzcc-activity-modal-score-two span:nth-child(2) {
  color: #FAAD14;
}
.ylzcc-activity-modal-score-three {
  display: flex;
  align-items: center;
  margin-left: 80px;
}
.ylzcc-activity-modal-score-three span {
  margin-left: 4px;
}
.ylzcc-activity-modal-score .ant-checkbox-wrapper {
  flex-direction: row-reverse;
}
.ylzcc-activity-modal input::-webkit-outer-spin-button,
.ylzcc-activity-modal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.ylzcc-activity-modal-tablee {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 24px;
}
.ylzcc-activity-modal-tablee td,
.ylzcc-activity-modal-tablee th {
  border-left: 0 !important;
}
.ylzcc-activity-modal-tablee .tab-activity {
  max-width: 240px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  text-align: LEFT;
}
.ylzcc-activity-modal-tablee .tab-score {
  max-width: 100px;
  position: relative;
}
.ylzcc-activity-modal-tablee .tab-score input {
  width: 64px;
  height: 24px;
  padding: 0 19px;
  background: transparent;
  outline: none;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: CENTER;
  color: #333333;
  line-height: 24px;
}
.ylzcc-activity-modal-tablee .tab-score-svg {
  width: 16px;
  height: 16px;
  margin-left: 30px;
  cursor: pointer;
  position: absolute;
  right: -8px;
  color: #999999;
}
.ylzcc-activity-modal-tablee .tab-score-svg:hover {
  color: #1677ff;
}
.ylzcc-activity-modal-tablee .tab-editor {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.ylzcc-activity-modal-tablee .tab-editor span {
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  text-align: LEFT;
  color: #1677ff;
  line-height: 14px;
}
.ylzcc-activity-modal-tablee .ant-table-wrapper .ant-table-thead > tr > th {
  border-bottom: 1px solid #EBEBF0 !important;
  background: #f0f1f5 !important;
  border-right: 1px solid #d9d9d9 !important;
  border-radius: 0 !important;
  color: #333333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.ylzcc-activity-modal-tablee .ant-table-wrapper .ant-table-thead > tr > th:last-child {
  border-right: none !important;
}
.ylzcc-activity-modal-tablee .ant-table-wrapper .ant-table-tbody > tr > td {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  border-right: 1px solid #d9d9d9 !important;
  padding: 16px !important;
}
.ylzcc-activity-modal-tablee .ant-table-wrapper .ant-table-tbody > tr > td:last-child {
  border-right: none !important;
}
.ylzcc-activity-modal-tablee .ant-table-container {
  border-radius: 0px !important;
  border: none !important;
  border-inline-start: none !important;
  border-inline-end: none !important;
}
.ylzcc-activity-modal-page {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-item {
  border-radius: 2px;
}
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-prev button,
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-next button {
  color: #999999;
}
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-prev button:hover,
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-next button:hover {
  color: #1677ff;
}
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-disabled .ant-pagination-item-link,
.ylzcc-activity-modal-page .ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link {
  color: #cccccc;
}
.ylzcc-activity-modal-page .ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active):hover {
  background-color: transparent;
}
.ylzcc-activity-modal-page .ant-pagination.ant-pagination-mini .ant-pagination-prev:hover .ant-pagination-item-link,
.ylzcc-activity-modal-page .ant-pagination.ant-pagination-mini .ant-pagination-next:hover .ant-pagination-item-link {
  background-color: transparent;
}
.ylzcc-activity-modal-page .btn {
  cursor: pointer;
  width: 64px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 14px;
  outline: none;
  border: none;
}
.ylzcc-activity-modal-page .btn:hover {
  background: #4592ff;
}
.ylzcc-activity-modal .ant-pagination-item {
  border-color: #d9d9d9;
}
.ylzcc-activity-modal .ant-pagination-item:hover {
  border-color: #d9d9d9;
  background-color: #f2f2f2 !important;
}
.ylzcc-activity-modal .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.88) !important;
  font-weight: 400 !important;
}
.ylzcc-activity-modal .ant-pagination-item-active:hover a {
  color: rgba(0, 0, 0, 0.88);
}
.ylzcc-popover-help {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 0px rgba(92, 117, 153, 0.1);
}
.ylzcc-popover-help .ant-popover-inner {
  padding: 6px 4px;
  border-radius: 0px;
}
.ylzcc-popover-help-tit {
  font-size: 12px;
  font-weight: 400;
  text-align: LEFT;
  color: #999999;
  line-height: 12px;
}

.act-demo-modal .ant-modal-content {
  border-radius: 4px;
  padding: 30px 50px;
  height: 100vh;
}
.act-demo-modal .ant-modal-footer {
  display: none;
}
.act-demo-modal .ant-form .ant-picker,
.act-demo-modal .ant-form .ant-select-selector,
.act-demo-modal .ant-form .ant-input-affix-wrapper {
  border-radius: 2px !important;
}
.act-demo-modal .ant-form .ant-form-item-explain-error {
  line-height: 20px;
}
.act-demo-modal .ant-form .ant-form-item {
  margin-bottom: 20px;
}
.act-demo-modal .ant-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-flex;
}
.act-demo-modal .ant-form .ant-form-item-label {
  min-width: 100px !important;
  text-align: right;
}
.act-demo-modal .ant-form .item-tip {
  height: 32px;
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}
.act-demo-modal .ant-form .item-tip span {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.act-demo-modal .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.act-demo-modal .title-top {
  font-size: 18px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 30px;
}
.act-demo-modal .content {
  height: calc(100vh - 130px - 102px);
  overflow-y: auto;
}
.act-demo-modal .content::-webkit-scrollbar {
  display: none;
}
.act-demo-modal .content .preview {
  width: 100%;
  height: 100%;
  padding: 40px 30px;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  position: relative;
}
.act-demo-modal .content .preview::-webkit-scrollbar {
  display: none;
}
.act-demo-modal .content .preview-title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #1677ff;
  line-height: 26px;
  height: 28px;
  border: 1px solid rgba(22, 119, 255, 0.5);
  border-radius: 2px 0px 16px 0px;
  padding: 0 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.act-demo-modal .content .preview-tipshell {
  position: absolute;
  top: 0;
  left: 100px;
  color: #999999;
  line-height: 26px;
  height: 28px;
}
.act-demo-modal .content .preview-content {
  width: 100%;
}
.act-demo-modal .content .preview-content-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 16px;
}
.act-demo-modal .content .preview-content-title::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  opacity: 0.3;
  background: #1677ff;
}
.act-demo-modal .content .codelanguage-space > div:nth-child(1) {
  flex: 1 1;
}
.demo-content-template-modal .ant-modal-content {
  border-radius: 4px;
  padding: 30px 37px;
}
.demo-content-template-modal .ant-modal-footer {
  display: none;
}
.demo-content-template-modal .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.demo-content-template-modal .title {
  font-size: 16px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  line-height: 16px;
  margin-top: 0;
  margin-bottom: 24px;
}
.demo-content-template-modal .tips {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}
.demo-content-template-modal .tips span {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #666666;
  line-height: 22px;
}
.demo-content-template-modal .tips span:nth-child(2) {
  flex: 1 1;
}
.demo-content-template-modal .img {
  width: 400px;
  height: 120px;
  margin-bottom: 40px;
}

.modal-close {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal-close svg {
  fill: #999999 !important;
}
.modal-close:hover svg {
  fill: #1677ff !important;
}

.step-arrow {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
}
.step-arrow-item {
  flex: 1 1;
  height: 32px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  text-align: CENTER;
  line-height: 16px;
  cursor: pointer;
}
.step-arrow-item[data-status=finish],
.step-arrow-item[data-current=true] {
  background: #1677ff !important;
  color: #ffffff !important;
}
.step-arrow-item[data-status=unfinish] {
  background: #f5f6fa;
  color: #666666;
}
.step-arrow-item[data-type=start]::after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  border-top: 16px solid #ffffff;
  border-bottom: 16px solid #ffffff;
  border-left: 16px solid transparent;
}
.step-arrow-item[data-type=middle]::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #ffffff;
}
.step-arrow-item[data-type=middle]::after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  border-top: 16px solid #ffffff;
  border-bottom: 16px solid #ffffff;
  border-left: 16px solid transparent;
}
.step-arrow-item[data-type=end]::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #ffffff;
}

.mini-richeditor .w-e-select-list {
  z-index: 10;
}
.mini-richeditor .w-e-text-placeholder {
  font-style: normal;
}
.mini-richeditor > div::-webkit-scrollbar {
  display: none;
}

.knowledge-form-item {
  width: 100%;
  height: 100px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px;
  align-content: flex-start;
  gap: 10px;
}
.knowledge-form-item::-webkit-scrollbar {
  display: none;
}
.knowledge-form-item-add {
  outline: none;
  border: 1px dashed #1677ff;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  color: #1677ff;
  line-height: 14px;
  padding: 5px 10px;
  cursor: pointer;
  height: 24px;
  background: transparent;
}
.knowledge-form-item-add:hover {
  background: rgba(22, 119, 255, 0.1);
}

.knowledge-label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 168px;
  height: 24px;
  background: #f5f6fa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.knowledge-label > span {
  flex: 1 1;
  margin-right: 4px;
  font-size: 14px;
  color: #333333;
  max-width: 10em;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.knowledge-label svg {
  fill: #999999 !important;
  cursor: pointer;
}
.knowledge-label svg:hover {
  fill: #1677ff !important;
}

.knowledge-drawer .ant-drawer-content-wrapper {
  height: calc(100vh - 60px) !important;
  background: #ffffff;
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}
.knowledge-drawer .ant-drawer-body {
  padding: 40px 120px 20px;
  position: relative;
}
.knowledge-drawer .close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 20px;
  fill: #333333;
  cursor: pointer;
}
.knowledge-drawer .close:hover {
  fill: #1677ff;
}
.knowledge-drawer .container {
  height: calc(100% - 72px);
  display: flex;
}
.knowledge-drawer .container-left {
  width: 67%;
  margin-right: 30px;
  border-right: 1px solid #d9d9d9;
}
.knowledge-drawer .container-left-table {
  height: calc(100% - 40px);
  padding-right: 30px;
  margin-top: 20px;
  overflow-y: auto;
}
.knowledge-drawer .container-left-table::-webkit-scrollbar {
  display: none;
}
.knowledge-drawer .container-left-table .table-row {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.knowledge-drawer .container-left-table .table-row:hover {
  background: #f5f6fa;
}
.knowledge-drawer .container-left-table .table-row-knowledge {
  margin-left: 30px;
  flex: 1 1;
  display: flex;
  align-items: center;
}
.knowledge-drawer .container-left-table .table-row-triangle {
  width: 10px;
  height: 6px;
  border-top: 6px solid #1677ff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transition: 0.3s;
  margin-right: 10px;
  cursor: pointer;
}
.knowledge-drawer .container-left-table .table-row-title {
  width: 0;
  flex: 1 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  text-align: LEFT;
  color: #333333;
  line-height: 24px;
}
.knowledge-drawer .container-left-table .table-row-enter {
  display: grid;
  grid-template-rows: 0fr;
}
.knowledge-drawer .container-left-table .table-row-enter-active {
  grid-template-rows: 1fr;
  transition: 0.3s;
}
.knowledge-drawer .container-left-table .table-row-exit {
  display: grid;
  grid-template-rows: 1fr;
}
.knowledge-drawer .container-left-table .table-row-exit-active {
  grid-template-rows: 0fr;
  transition: 0.3s;
}
.knowledge-drawer .container-right {
  flex: 1 1;
}
.knowledge-drawer .container-right-labels {
  height: calc(100% - 20px);
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  align-content: flex-start;
  overflow-y: auto;
}
.knowledge-drawer .container-right-labels::-webkit-scrollbar {
  display: none;
}
.knowledge-drawer .container-title {
  position: relative;
  padding-left: 14px;
  font-size: 18px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 20px;
  margin: 0;
}
.knowledge-drawer .container-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background: #1677ff;
  border-radius: 2px;
}

.min-codeEditor-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.min-codeEditor-loading .min-codeEditor-loading-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.min-codeEditor-loading .min-codeEditor-loading-in p {
  margin-top: 140px;
  color: #cccccc;
  font-size: 14px;
  line-height: 14px;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line {
  position: absolute;
  left: calc(50% - 70px);
  top: calc(50% - 70px);
  width: 140px;
  height: 140px;
  z-index: 1;
  scale: 0.57;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div {
  position: absolute;
  width: 12px;
  height: 38px;
  border-radius: 6px;
  background: #1677ff;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(1) {
  left: 13px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(270deg);
  animation-delay: 0.13s;
  -webkit-animation-delay: 0.13s;
  opacity: 1;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(2) {
  left: 25px;
  top: 15px;
  transform: rotate(315deg);
  animation-delay: 0.26s;
  -webkit-animation-delay: 0.26s;
  opacity: 0.9;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(3) {
  left: 50%;
  top: 0;
  margin-left: -6px;
  transform: rotate(0);
  animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  opacity: 0.8;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(4) {
  top: 15px;
  right: 25px;
  transform: rotate(45deg);
  animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  opacity: 0.7;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(5) {
  right: 13px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(90deg);
  animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  opacity: 0.6;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(6) {
  right: 25px;
  bottom: 15px;
  transform: rotate(135deg);
  animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  opacity: 0.5;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(7) {
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  transform: rotate(180deg);
  animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  opacity: 0.4;
}
.min-codeEditor-loading .min-codeEditor-loading-in-line div:nth-child(8) {
  bottom: 15px;
  left: 25px;
  transform: rotate(225deg);
  animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  opacity: 0.3;
}
@keyframes load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.code-highlight code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.code-highlight code.hljs::-webkit-scrollbar {
  height: 8px;
  width: 0;
}
.code-highlight code.hljs::-webkit-scrollbar-track {
  background: transparent;
}
.code-highlight code.hljs::-webkit-scrollbar-thumb {
  background: #444444;
  border-radius: 10px;
}
.code-highlight code.hljs::-webkit-scrollbar-thumb:hover {
  background: #666666;
}
.code-highlight .hljs {
  color: #abb2bf !important;
  background: #282c34 !important;
}
.code-highlight .hljs-comment,
.code-highlight .hljs-quote {
  color: #5c6370 !important;
  font-style: italic !important;
}
.code-highlight .hljs-doctag,
.code-highlight .hljs-formula,
.code-highlight .hljs-keyword {
  color: #c678dd !important;
}
.code-highlight .hljs-deletion,
.code-highlight .hljs-name,
.code-highlight .hljs-section,
.code-highlight .hljs-selector-tag,
.code-highlight .hljs-subst {
  color: #e06c75 !important;
}
.code-highlight .hljs-literal {
  color: #56b6c2 !important;
}
.code-highlight .hljs-addition,
.code-highlight .hljs-attribute,
.code-highlight .hljs-meta .hljs-string,
.code-highlight .hljs-regexp,
.code-highlight .hljs-string {
  color: #98c379 !important;
}
.code-highlight .hljs-attr,
.code-highlight .hljs-number,
.code-highlight .hljs-selector-attr,
.code-highlight .hljs-selector-class,
.code-highlight .hljs-selector-pseudo,
.code-highlight .hljs-template-variable,
.code-highlight .hljs-type,
.code-highlight .hljs-variable {
  color: #d19a66 !important;
}
.code-highlight .hljs-bullet,
.code-highlight .hljs-link,
.code-highlight .hljs-meta,
.code-highlight .hljs-selector-id,
.code-highlight .hljs-symbol,
.code-highlight .hljs-title {
  color: #61aeee !important;
}
.code-highlight .hljs-built_in,
.code-highlight .hljs-class .hljs-title,
.code-highlight .hljs-title.class_ {
  color: #e6c07b !important;
}
.code-highlight .hljs-emphasis {
  font-style: italic;
}
.code-highlight .hljs-strong {
  font-weight: 700;
}
.code-highlight .hljs-link {
  text-decoration: underline;
}

.act-codetest-modal .ant-modal-content {
  border-radius: 4px;
  padding: 30px 0;
  height: 100vh;
}
.act-codetest-modal .ant-modal-footer {
  display: none;
}
.act-codetest-modal .ant-form .ant-picker,
.act-codetest-modal .ant-form .ant-input-number,
.act-codetest-modal .ant-form .ant-input-number-affix-wrapper,
.act-codetest-modal .ant-form .ant-select-selector,
.act-codetest-modal .ant-form .ant-input-affix-wrapper {
  border-radius: 2px !important;
}
.act-codetest-modal .ant-form .ant-form-item-explain-error {
  line-height: 20px;
}
.act-codetest-modal .ant-form .ant-form-item {
  margin-bottom: 20px;
}
.act-codetest-modal .ant-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-flex;
}
.act-codetest-modal .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.act-codetest-modal .title-top {
  font-size: 18px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 30px;
}
.act-codetest-modal .content {
  height: calc(100vh - 130px - 102px);
  overflow-y: auto;
}
.act-codetest-modal .content::-webkit-scrollbar {
  display: none;
}
.act-codetest-modal .content .preview {
  width: 100%;
  height: 100%;
  padding: 40px 30px;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  position: relative;
}
.act-codetest-modal .content .preview::-webkit-scrollbar {
  display: none;
}
.act-codetest-modal .content .preview-container {
  padding: 0 50px;
  width: 100%;
  height: 100%;
}
.act-codetest-modal .content .preview-title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #1677ff;
  line-height: 26px;
  height: 28px;
  border: 1px solid rgba(22, 119, 255, 0.5);
  border-radius: 2px 0px 16px 0px;
  padding: 0 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.act-codetest-modal .content .preview-content {
  width: 100%;
}
.act-codetest-modal .content .preview-content-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 16px;
}
.act-codetest-modal .content .preview-content-title::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  opacity: 0.3;
  background: #1677ff;
}
.act-codetest-modal .content .preview-content-topic {
  font-size: 15px;
  font-weight: 400;
  text-align: LEFT;
  color: #333333;
  line-height: 23px;
}
.act-codetest-modal .content .content1,
.act-codetest-modal .content .content0 {
  padding: 0 50px;
}
.act-codetest-modal .content .content1 .ant-form-item-label,
.act-codetest-modal .content .content0 .ant-form-item-label {
  min-width: 80px !important;
  text-align: right;
}
.act-codetest-modal .content .content1 .item-tip,
.act-codetest-modal .content .content0 .item-tip {
  height: 32px;
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}
.act-codetest-modal .content .content1 .item-tip span,
.act-codetest-modal .content .content0 .item-tip span {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.act-codetest-modal .content .content1 .code-container,
.act-codetest-modal .content .content0 .code-container {
  display: flex;
  flex-direction: column;
}
.act-codetest-modal .content .content1 .code-container-nav,
.act-codetest-modal .content .content0 .code-container-nav {
  background-color: #292929;
  border-bottom: 1px solid #999999;
  color: #cccccc;
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 10px;
  padding: 6px 10px;
  font-weight: bold;
}
.act-codetest-modal .content .content1 .code-container-nav > span,
.act-codetest-modal .content .content0 .code-container-nav > span {
  cursor: pointer;
  padding: 0 6px;
}
.act-codetest-modal .content .content1 .code-container-nav > span.light,
.act-codetest-modal .content .content0 .code-container-nav > span.light {
  color: white;
  background-color: #4d4d4d;
  border-radius: 4px;
}
.act-codetest-modal .content .content1 .code-container-editor,
.act-codetest-modal .content .content0 .code-container-editor {
  flex: 1 1;
}
.act-codetest-modal .content .content2 {
  padding-left: 50px;
}
.act-codetest-modal .content .content2 .ant-form-item-label {
  min-width: 80px;
  text-align: right;
}
.act-codetest-modal .content .content2 .ant-input-number-group-addon {
  background-color: transparent;
  border-radius: 0 2px 2px 0;
}
.act-codetest-modal .content .content2 .ant-input-number {
  border-radius: 2px 0 0 2px !important;
}
.act-codetest-modal .content .content2 .list-tip {
  height: 32px;
  display: inline-flex;
  align-items: center;
}
.act-codetest-modal .content .content2 .list-tip span {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.act-codetest-modal .content .content2 .list-add {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.act-codetest-modal .content .content2 .list-add span {
  margin-left: 4px;
}
.act-codetest-modal .content .content2 .list-add[data-disabled=true] {
  color: #CCCCCC;
  cursor: default;
}
.act-codetest-modal .content .content2 .list-add[data-disabled=true] svg {
  fill: #CCCCCC;
  cursor: default;
}
.act-codetest-modal .content .content2 .list-add[data-disabled=false] {
  color: #1677ff;
  cursor: pointer;
}
.act-codetest-modal .content .content2 .list-add[data-disabled=false] svg {
  fill: #1677ff;
  cursor: pointer;
}
.act-codetest-modal .content .content2 .list-item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.act-codetest-modal .content .content2 .list-item .ant-form-item-label {
  min-width: 20px;
  text-align: right;
}
.act-codetest-modal .content .content2 .list-item-left {
  width: calc(100% - 50px);
  background: #f5f6fa;
  border-radius: 2px;
  padding: 24px 20px 4px;
}
.act-codetest-modal .content .content2 .list-item-remove {
  margin-left: 10px;
}
.act-codetest-modal .content .content2 .list-item-remove circle {
  stroke: var(--color);
}
.act-codetest-modal .content .content2 .list-item-remove rect {
  fill: var(--color);
}
.act-codetest-modal .content .content2 .list-item-remove[data-disabled=false] {
  --color: #999999;
}
.act-codetest-modal .content .content2 .list-item-remove[data-disabled=false]:hover {
  cursor: pointer;
  --color: #1677ff;
}
.act-codetest-modal .content .content2 .list-item-remove[data-disabled=true] {
  --color: #cccccc;
}
.act-codetest-modal .content .content3 {
  padding: 0 50px;
  width: 100%;
  height: calc(100vh - 254px);
}
.act-codetest-modal .content .content0-verifymode {
  display: flex;
  align-items: center;
}
.act-codetest-modal .content .content0-verifymode > img {
  width: 16px;
  height: 16px;
}
.act-codetest-modal .content .content0-verifymode-tip {
  margin-left: 2px;
  font-size: 12px;
  color: #999999;
  line-height: 12px;
}

.CodeRunner {
  width: 100%;
  height: 100%;
}
.CodeRunner > iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.ccmquizitem {
  width: 100%;
  height: 100%;
}
.ccmquizitem > iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.ylzcc-modal .ant-modal .ant-modal-close {
  color: #999999;
}
.ylzcc-modal .ant-modal .ant-modal-close:hover {
  background-color: transparent;
  color: #1677ff;
}
.ylzcc-modal .form-item-check > div {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.ylzcc-modal .form-item-check-tip {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.ylzcc-modal .form-item-check-tip > span {
  margin-left: 2px;
  font-size: 12px;
  color: #999999;
}
.ylzcc-modal .form-item-check .ant-checkbox-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row-reverse;
}
.ylzcc-modal .form-item-check .ant-checkbox-wrapper:first-child {
  margin-bottom: 0;
}
.ylzcc-modal .form-item-check .ant-checkbox + span {
  margin-right: 4px;
  min-width: 70px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
}
.ylzcc-modal .form-item-check .ant-checkbox .ant-checkbox-inner {
  border-radius: 2px;
}
.ylzcc-modal .form-item-check .form-item-check-checkBox {
  display: flex;
  align-items: flex-start;
}
.ylzcc-modal .form-item-check .form-item-check-checkBox .checkBox-text {
  display: flex;
  align-items: center;
  margin-top: 1px;
  margin-left: 10px;
}
.ylzcc-modal .ant-modal-content {
  padding: 30px 50px 14px;
  max-height: calc(100vh - 80px);
  background: #ffffff;
  overflow-y: auto;
}
.ylzcc-modal .ant-modal-content::-webkit-scrollbar {
  display: none;
}
.ylzcc-modal .ant-modal-content .ant-modal-footer {
  display: none;
}
.ylzcc-modal .ant-modal-content .ant-form-item .ant-form-item-label > label {
  position: static;
  position: initial;
}
.ylzcc-modal .ant-modal-content .ant-form-item .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
}
.ylzcc-modal .ant-modal-content .ant-form-item-no-colon {
  font-size: 14px !important;
  font-weight: 400 !important;
}
.ylzcc-modal .ant-modal-content .ant-input:focus,
.ylzcc-modal .ant-modal-content .ant-input-affix-wrapper-focused {
  box-shadow: 0 0 0px 1px #4096ff;
}
.ylzcc-modal .ant-modal-content .ant-form-item {
  margin-bottom: 20px;
}
.ylzcc-modal .ant-modal-content .ant-form-item-explain-error {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  margin-top: 1px;
}
.ylzcc-modal .ant-modal-content .ant-form-item textarea::-webkit-scrollbar {
  display: none;
}
.ylzcc-modal .ant-modal-content .form-item-choise {
  margin-left: 81px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-title {
  width: 100%;
  height: 32px;
  background: #f5f6fa;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ylzcc-modal .ant-modal-content .form-item-choise-title span {
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #333333;
  line-height: 16px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-title span:nth-child(1) {
  margin-left: 124px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-title span:nth-child(2) {
  margin-right: 34px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select {
  width: 100%;
  padding: 12px 10px 12px 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item {
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  height: 24px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-input {
  flex: 1 1;
  position: relative;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-input-add {
  height: 24px;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666666;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-input-add span {
  font-size: 13px;
  font-weight: 400;
  text-align: LEFT;
  line-height: 15px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-input-add:hover {
  border: 1px dashed #1677ff;
  color: #1677ff;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-input .tip {
  position: absolute;
  height: 24px;
  left: 0px;
  top: 0;
  font-size: 13px;
  font-weight: 400;
  text-align: LEFT;
  color: #f5222d;
  line-height: 24px;
  padding-left: 8px;
  z-index: 90;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-cho {
  margin-left: 20px;
  width: 24px;
  height: 24px;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-cho .que {
  width: 24px;
  height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-cho .que:hover {
  border: 1px solid #30c213;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-cho .icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.ylzcc-modal .ant-modal-content .form-item-choise-select-item-del {
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.ylzcc-modal .ant-modal-content .form-item-score .ant-input:focus,
.ylzcc-modal .ant-modal-content .form-item-score .ant-input-affix-wrapper:focus {
  border-color: #4096ff !important;
}
.ylzcc-modal .ant-modal-content .form-item-score .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
  border-color: #ff4d4f !important;
}
.ylzcc-modal .ant-modal-content .form-item-check-small {
  margin-bottom: 0px;
  height: 20px;
}
.ylzcc-modal .ant-modal-content .form-item-check-small .ant-checkbox-wrapper {
  flex-direction: row-reverse;
}
.ylzcc-modal .ant-modal-content .form-item-check-small .ant-checkbox-wrapper:nth-child(2) {
  margin-left: 60px;
}
.ylzcc-modal .ant-modal-content .form-item-tip {
  display: flex;
  margin-left: 6px;
}
.ylzcc-modal .ant-modal-content .form-item-tip-btn {
  height: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.ylzcc-modal .ant-modal-content .form-item-tip-btn span {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #1677ff;
  line-height: 16px;
  margin-right: 4px;
}
.ylzcc-modal .ant-modal-content .form-item-tiptab {
  width: 100%;
}
.ylzcc-modal .ant-modal-content .form-item-button {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.ylzcc-modal .ant-modal-content .form-item-button button {
  cursor: pointer;
}
.ylzcc-modal .ant-modal-content .form-item-button-can {
  width: 88px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #333333;
  line-height: 14px;
}
.ylzcc-modal .ant-modal-content .form-item-button-can:hover {
  border: 1px solid #1677ff;
  color: #1677ff;
}
.ylzcc-modal .ant-modal-content .form-item-button-en {
  outline: none;
  width: 88px;
  height: 32px;
  background: #1677ff;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 14px;
}
.ylzcc-modal .ant-modal-content .form-item-button-en:hover {
  background: #4592ff;
}
.ylzcc-modal .ant-modal-content .ant-picker {
  width: 180px;
  border-radius: 2px;
}
.ylzcc-modal .ant-modal-content .form-item-help {
  position: relative;
}
.ylzcc-modal .ant-modal-content .form-item-help-icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  top: calc(100% + 7px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ylzcc-modal .ant-modal-content .form-item-help-text {
  cursor: pointer;
  position: absolute;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-decoration: underline;
  color: #1677ff;
}
.ylzcc-modal .ant-modal-content .form-item-help-btn {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-decoration: underline;
  color: #1677ff;
}
.ylzcc-modal .ant-modal-content .form-item-help-btn:nth-child(2) {
  top: 60px;
}
.ylzcc-form-head {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ylzcc-form-head span {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #333333;
  line-height: 18px;
}
.ylzcc-ability {
  width: 100%;
  border-radius: 2px;
  box-shadow: 0px 2px 8px 0px rgba(97, 92, 153, 0.15);
  padding: 16px 20px 16px 12px;
}
.ylzcc-activity-header {
  width: 100%;
  height: 16px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  justify-content: space-between;
  margin-bottom: 20px;
}
.ylzcc-activity-header span:nth-child(1) {
  height: 16px;
  font-size: 16px;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  line-height: 16px;
}
.ylzcc-activity-header span:nth-child(2) {
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  text-align: LEFT;
  color: #1677ff;
  line-height: 14px;
  cursor: pointer;
}
.tipability {
  padding-bottom: 1px;
}

.ExperEnvManage .ant-drawer-body {
  padding: 0;
}
.ExperEnvManage .ExperEnvManage-refresh:hover {
  color: #1677ff !important;
  cursor: pointer;
}
.ExperEnvManage .ExperEnvManage-refresh.anticon-spin {
  color: #1677ff !important;
}
.ExperEnvManage-content {
  height: calc(100% - 72px - 48px);
  overflow-y: auto;
  padding: 20px 30px;
}
.ExperEnvManage-content .ant-form-item-extra {
  color: #999999;
}
.ExperEnvManage-content::-webkit-scrollbar {
  display: none;
}

.ExperEnvCenter {
  height: 100%;
}
.ExperEnvCenter .ExperEnvCenter-navitem {
  color: #888888;
  line-height: 14px;
  cursor: pointer;
}
.ExperEnvCenter .ExperEnvCenter-navitem:hover {
  color: #1677ff;
}
.ExperEnvCenter .ExperEnvCenter-navitem[data-select=true] {
  font-weight: 500;
  color: #1677ff;
}
.ExperEnvCenter-container {
  margin-top: 20px;
  height: calc(100% - 22px - 20px);
}
.ExperEnvCenter-list {
  height: 100%;
}
.ExperEnvCenter-list .infinite-scroll-component__outerdiv {
  height: 100%;
}
.ExperEnvCenter-list .infinite-scroll-component {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  gap: 20px;
}
.ExperEnvCenter-list .infinite-scroll-component::-webkit-scrollbar {
  display: none;
}
.ExperEnvCenter-list-item {
  width: calc(50% - 10px);
  height: 110px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  color: #666666;
  line-height: 20px;
  cursor: pointer;
}
.ExperEnvCenter-list-item > img {
  width: 90px;
  height: 90px;
  border-radius: 6px;
  margin-right: 10px;
  object-fit: cover;
}
.ExperEnvCenter-list-item .os-ellipsis-two {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ExperEnvCenter-list-item:hover {
  border-color: #1677ff;
}
.ExperEnvCenter-list-item[data-select=true] {
  border-color: #1677ff;
}

.temp-loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.temp-loading-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  --imgsize: 140px;
}
.temp-loading-main img {
  width: var(--imgsize);
  height: var(--imgsize);
}
.temp-loading-main p {
  margin-top: 20px;
  color: #999999;
  font-size: 14px;
  line-height: 14px;
}
.temp-loading-main-line {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--imgsize);
  height: var(--imgsize);
  z-index: 1;
  transform: scale(0.5);
}
.temp-loading-main-line div {
  position: absolute;
  width: 12px;
  height: 38px;
  border-radius: 6px;
  background: #1677ff;
  animation: load 1.04s ease infinite;
  -webkit-animation: load 1.04s ease infinite;
}
.temp-loading-main-line div:nth-child(1) {
  left: 13px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(270deg);
  animation-delay: 0.13s;
  -webkit-animation-delay: 0.13s;
  opacity: 1;
}
.temp-loading-main-line div:nth-child(2) {
  left: 25px;
  top: 15px;
  transform: rotate(315deg);
  animation-delay: 0.26s;
  -webkit-animation-delay: 0.26s;
  opacity: 0.9;
}
.temp-loading-main-line div:nth-child(3) {
  left: 50%;
  top: 0;
  margin-left: -6px;
  transform: rotate(0);
  animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  opacity: 0.8;
}
.temp-loading-main-line div:nth-child(4) {
  top: 15px;
  right: 25px;
  transform: rotate(45deg);
  animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  opacity: 0.7;
}
.temp-loading-main-line div:nth-child(5) {
  right: 13px;
  top: 50%;
  margin-top: -15px;
  transform: rotate(90deg);
  animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  opacity: 0.6;
}
.temp-loading-main-line div:nth-child(6) {
  right: 25px;
  bottom: 15px;
  transform: rotate(135deg);
  animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  opacity: 0.5;
}
.temp-loading-main-line div:nth-child(7) {
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  transform: rotate(180deg);
  animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  opacity: 0.4;
}
.temp-loading-main-line div:nth-child(8) {
  bottom: 15px;
  left: 25px;
  transform: rotate(225deg);
  animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  opacity: 0.3;
}
@keyframes load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}


.ExperEnv .svgHover svg {
  fill: #999999;
  cursor: pointer;
}
.ExperEnv .svgHover svg :hover {
  fill: #1677ff;
}
.ExperEnv-select-disabled {
  position: relative;
}
.ExperEnv-select-disabled-innert {
  position: absolute;
  inset: 0;
  cursor: default;
}
.ExperEnv-select-disabled-innert-clear {
  position: absolute;
  top: 9px;
  right: 16px;
  cursor: pointer;
  display: none;
}
.ExperEnv-select-disabled-innert[data-has=true]:hover .ExperEnv-select-disabled-innert-clear {
  display: block;
}
.ExperEnv-select-disabled .ant-select-selector {
  background-color: transparent !important;
  color: rgba(0, 0, 0, 0.88) !important;
}
.ExperEnv-select-disabled .ant-select-arrow {
  display: none;
}
.ylzcc-modal-env-time-help .ant-modal-content {
  padding: 30px 40px 40px 20px;
}
.ylzcc-modal-env-time-help .ant-modal .ant-modal-close {
  color: #999999;
}
.ylzcc-modal-env-time-help .ant-modal .ant-modal-close:hover {
  background-color: transparent;
  color: #1677ff;
}
.ylzcc-modal-env-time-help .explain div {
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
}
.ylzcc-modal-env-time-help .explain p {
  margin: 0;
  color: #666666;
  line-height: 22px;
  display: flex;
}
.ylzcc-modal-env-time-help .explain p span {
  word-wrap: break-word;
}
.ylzcc-modal-env-time-help .ant-modal-footer {
  display: none;
}


.modalbase-modal .ant-modal-content {
  padding: var(--content-padding);
}
.modalbase-modal .ant-modal-footer {
  margin-top: var(--footer-top);
}
.modalbase-modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modalbase-modal-title {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  text-align: CENTER;
  color: #333333;
  margin-top: 0px;
}


.leftsider {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.leftsider-fold {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  border-bottom: 0.5px solid #333333;
  cursor: pointer;
}
.leftsider-fold:hover {
  background: #37373d;
}
.leftsider-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  text-align: CENTER;
  color: #9d9d9d;
  line-height: 12px;
  cursor: pointer;
  width: 40px;
  height: 44px;
  border-radius: 2px;
}
.leftsider-item span {
  margin-top: 4px;
}
.leftsider-item:hover {
  background: #37373d;
  color: white;
}

.blog-tree {
  height: calc(100% - 32px);
  overflow-y: auto;
}
.blog-tree::-webkit-scrollbar {
  width: 0;
}
.blog-tree > div {
  height: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.blog-tree > div .tree-arrow {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  display: flex;
}
.blog-tree > div .tree-arrow svg {
  transform: rotate(0deg);
  transition: all 0.5s;
}
.blog-tree > div .tree-text {
  flex: 1 1;
  font-size: 13px;
  line-height: normal;
  line-height: initial;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dark-tree .tree-arrow svg {
  color: #cccccc;
}
.dark-tree .tree-text {
  color: #cccccc;
}
.light-tree .tree-arrow svg {
  color: #999999;
}
.light-tree .tree-text {
  color: #666666;
}
.indent-level-1 {
  padding-left: 8px;
}
.indent-level-2 {
  padding-left: 16px;
}
.indent-level-3 {
  padding-left: 24px;
}
.indent-level-4 {
  padding-left: 32px;
}
.indent-level-5 {
  padding-left: 40px;
}
.indent-level-6 {
  padding-left: 48px;
}

.blogDirectory {
  height: 100%;
}
.blogDirectory #sidertoptitle {
  height: auto !important;
}
.blogDirectory-empty {
  padding: 4px 0 4px 20px;
  font-size: 13px;
  color: #9D9D9D;
  line-height: 20px;
}

.libro-editor-container {
  height: 100%;
}
.libro-editor-container .libro-container-and-service-status .libro-server-unready-tip {
  font-size: 12px;
  color: #ff4d4f;
  margin-left: 8px;
}

.enter-workspace-loading {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b0c0d;
  z-index: 9999;
}
.enter-workspace-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.enter-workspace-loading-container .workspace-gifloading {
  width: 320px;
  height: 320px;
  position: relative;
}
.enter-workspace-loading-container .workspace-gifloading .svg1 {
  width: 100%;
  height: 100%;
}
.enter-workspace-loading-container .workspace-gifloading .svg2 {
  position: absolute;
  inset: 49px;
}
.enter-workspace-loading-container .workspace-gifloading .svg3 {
  position: absolute;
  left: 50%;
  top: 132px;
  transform: translateX(-50%);
  animation: opacity 6s ease-in-out infinite;
}
.enter-workspace-loading-container .workspace-textloading {
  margin-top: 40px;
  height: 160px;
  overflow: hidden;
}
.enter-workspace-loading-container .workspace-textloading > div {
  transform: translateY(0);
}
.enter-workspace-loading-container .workspace-textloading > div.move {
  transition: 1s;
  transform: translateY(-44px);
}
.enter-workspace-loading-container .workspace-textloading > div > div {
  background-image: linear-gradient(90deg, #3589ff 0%, #28edff 100%);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  text-shadow: 1px 1px 0px 0px rgba(0, 29, 102, 0.8);
  text-align: center;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 24px;
  opacity: 0.7;
  transition: 1s;
}
.enter-workspace-loading-container .workspace-textloading > div > div.active {
  font-size: 20px;
  font-weight: 600;
  opacity: 1;
}
.enter-workspace-loading .workspace-anticlockwise {
  animation: rotate1 8s linear infinite;
}
.enter-workspace-loading .workspace-clockwise {
  animation: rotate2 8s linear infinite;
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes opacity {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

.DirectoryDrawer .ant-drawer-body {
  padding: 0;
}
.DirectoryDrawer .DirectoryDrawer-refresh:hover {
  color: #1677ff !important;
  cursor: pointer;
}
.DirectoryDrawer .DirectoryDrawer-refresh.anticon-spin {
  color: #1677ff !important;
}
.DirectoryDrawer-content {
  height: calc(100% - 72px - 48px);
  overflow-y: auto;
  padding: 20px 30px;
}
.DirectoryDrawer-content .ant-form-item-extra {
  color: #999999;
}
.DirectoryDrawer-content::-webkit-scrollbar {
  display: none;
}

.ant-form .ant-form-item {
  margin-bottom: 20px;
}
.ant-form .ant-form-item-explain-error {
  line-height: 20px;
}


/*# sourceMappingURL=main.3e2c4e8f.css.map*/