.search-header {
  max-width: 2500px;
  margin: auto;
  width: 100%;
  margin-top: 64px;
  height: 420px;
  background-size: cover;
  background-image: url("/static/home-images/home.jpg");
  overflow: hidden;
  background-position: center; }
  .search-header .search-header-left {
    min-height: 230px;
    position: relative;
    height: 100%; }
    .search-header .search-header-left .search-header-bottom {
      position: absolute;
      bottom: 8px;
      left: 50%;
      transform: translate(-50%, 0); }
      .search-header .search-header-left .search-header-bottom div {
        display: inline-block;
        height: 4px;
        width: 12px;
        margin-left: 6px;
        border-radius: 3px;
        background: #fff;
        cursor: pointer; }
      .search-header .search-header-left .search-header-bottom .current {
        width: 40px; }
      .search-header .search-header-left .search-header-bottom .big {
        width: 40px;
        margin-left: 6px; }
      .search-header .search-header-left .search-header-bottom .min {
        width: 12px; }
    .search-header .search-header-left .search-header-details {
      width: 100%;
      float: left;
      padding: 90px 0 0 0;
      color: #0e1114;
      font-family: PingFangSC-Medium;
      font-weight: 500; }
      .search-header .search-header-left .search-header-details .search-header-title {
        font-size: 36px;
        font-weight: normal;
        line-height: 56px;
        color: #0e1114;
        user-select: none; }
      .search-header .search-header-left .search-header-details .search-header-sub-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 56px;
        user-select: none;
        background-image: linear-gradient(155deg, #13C2C1 5%, #19A1DB 20%, #1D86F0 36%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      .search-header .search-header-left .search-header-details .search-header-description {
        font-family: PingFangSC-Regular;
        color: #83898f;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin: 30px 0 52px;
        user-select: none; }
      .search-header .search-header-left .search-header-details .search-header-buttons {
        display: flex;
        align-items: center; }
        .search-header .search-header-left .search-header-details .search-header-buttons-start {
          background: #1d86f0;
          background: RGB(var(--skin-css-var-S3, 29, 134, 240));
          color: white;
          margin-right: 12px; }
        .search-header .search-header-left .search-header-details .search-header-buttons-language {
          background: white;
          border: 1px solid #85c2ff;
          border: 1px solid RGB(var(--skin-css-var-S5, 133, 194, 255)); }
        .search-header .search-header-left .search-header-details .search-header-buttons-language, .search-header .search-header-left .search-header-details .search-header-buttons-start {
          width: 110px;
          height: 34px;
          border-radius: 95px;
          box-sizing: border-box;
          text-align: center;
          line-height: 34px;
          cursor: pointer; }
    .search-header .search-header-left .cmpcenter-logo {
      background-image: url("/static/images/cmp-logo1.png");
      background-size: cover;
      background-repeat: no-repeat;
      height: 100%;
      width: 40%;
      float: right; }
    .search-header .search-header-left .pic {
      background-size: cover;
      background-image: url("/static/pic.png");
      width: 478px;
      height: 405px;
      position: absolute;
      top: 15px;
      right: 0px; }
  .search-header .search-header-wrapper {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 60px;
    height: 100%; }
    .search-header .search-header-wrapper .search-header-title-wrapper {
      display: flex;
      align-items: center;
      letter-spacing: 1.5px;
      margin-bottom: 15px; }

@media screen and (max-width: 1240px) {
  .search-header {
    background-position: -640px; } }

.component-wrapper {
  display: flex;
  padding-top: 60px; }
  .component-wrapper .component-left {
    flex: 0 0 210px;
    border-radius: 3px;
    background: #FFFFFF; }
    .component-wrapper .component-left .component-left-wrapper .component-left-title {
      padding: 24px 0 15px 24px;
      border-bottom: 1px dashed #E6E8EB;
      line-height: 26px;
      font-family: PingFangSC-Medium;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0;
      color: #0E1114; }
    .component-wrapper .component-left .component-left-wrapper .component-types-group {
      margin: 21px 0 0 24px; }
      .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types {
        margin-bottom: 24px;
        font-size: 14px;
        color: #0E1114;
        letter-spacing: 0;
        line-height: 26px; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .ant-checkbox-wrapper {
          line-height: 22px;
          font-family: PingFangSC-Regular; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .ant-checkbox-inner {
          width: 14px;
          height: 14px; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .type-title {
          margin-bottom: 4px;
          font-family: PingFangSC-Medium;
          font-weight: 500; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .showmore {
          font-size: 12px;
          font-family: PingFangSC-Regular;
          color: #1890ff;
          cursor: pointer; }
          .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .showmore img {
            margin-left: 4px;
            margin-bottom: 2px;
            width: 12px; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .type-hide {
          display: none; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .ant-checkbox + span {
          font-size: 14px;
          color: #33383D;
          line-height: 22px; }
  .component-wrapper .component-right {
    flex: 1;
    background: #FAFBFC; }
    .component-wrapper .component-right .component-right-wrapper {
      margin: 16px 0 0 20px; }
      .component-wrapper .component-right .component-right-wrapper .ant-input-suffix .anticon-search {
        display: none; }
      .component-wrapper .component-right .component-right-wrapper .search-input-wrapper {
        position: relative; }
        .component-wrapper .component-right .component-right-wrapper .search-input-wrapper .search-input {
          width: 320px;
          height: 32px;
          margin-bottom: 16px;
          padding-left: 36px;
          border: 1px solid #E6E8EB;
          border-radius: 3px;
          background: #FFFFFF; }
          .component-wrapper .component-right .component-right-wrapper .search-input-wrapper .search-input::placeholder {
            padding-left: 4px;
            line-height: 20px;
            font-size: 12px;
            letter-spacing: 0;
            color: #BFC3C7; }
        .component-wrapper .component-right .component-right-wrapper .search-input-wrapper .search-icon {
          position: absolute;
          top: 10px;
          left: 24px;
          width: 12px;
          height: 12px;
          color: #BFC3C7; }
      .component-wrapper .component-right .component-right-wrapper .empty .search-list-items {
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        flex-wrap: wrap; }
      .component-wrapper .component-right .component-right-wrapper .cardLoading {
        text-align: center;
        padding: 200px 0; }

#ci-status {
  height: 700px;
  width: 100%; }

.ci-status-list {
  margin-top: 40px; }

#ci-status1 {
  height: 700px;
  width: 100%; }

.ci-status-list1 {
  margin-top: 40px; }

#range-cmps-by-group {
  height: 600px;
  width: 100%; }

#echart-range-cmps {
  height: 600px;
  width: 100%; }

.cmps-list {
  margin-top: 40px; }

#report-dep-cricle {
  width: 100%;
  height: 1100px; }

#used-cmp {
  width: 100%;
  height: 700px; }

.report-dep-cricle-list {
  margin-top: 40px; }

#report-dep-group-cricle {
  width: 100%;
  height: 1100px; }

.report-dep-group-cricle-list {
  margin-top: 40px; }

#used-cmp {
  height: 700px;
  width: 100%; }

.used-cmp-list {
  margin-top: 40px; }

#cmp-ci-publish-count {
  height: 700px;
  width: 100%; }

.cmp-ci-publish-count-list {
  margin-top: 40px; }

#cmp-statics {
  height: 700px;
  width: 100%; }

.cmp-statics-list {
  margin-top: 40px; }

.help-info {
  margin: 0 0 20px 0; }
  .help-info .help-title {
    height: 36px;
    padding: 6px 12px;
    display: flex;
    color: #0e1114;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: bold;
    background-color: #ffffff;
    border: 1px solid #f0f2f5;
    border-radius: 2px;
    cursor: pointer;
    align-items: center;
    position: relative;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
    .help-info .help-title span {
      margin-right: 8px;
      display: flex; }
    .help-info .help-title .icon-wraper {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #33383d;
      display: flex;
      align-items: center;
      position: absolute;
      right: 10px; }
      .help-info .help-title .icon-wraper span {
        margin-right: 4px; }
    .help-info .help-title p {
      margin: 0;
      padding: 0; }
  .help-info .help-content {
    padding: 10px;
    margin-top: 2px;
    background-color: #f8f9fa; }
    .help-info .help-content .help-link {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .help-info .help-content .help-link span {
        cursor: pointer;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #106ecc;
        line-height: 20px;
        margin-right: 4px; }
      .help-info .help-content .help-link .icon-right {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 12px;
        height: 12px; }
    .help-info .help-content h2 {
      font-size: 0.8em; }

.help-area {
  margin-top: 40px;
  margin-bottom: 50px; }

.markdown-article h2 {
  font-family: PingFangSC-Medium;
  font-size: 12px !important;
  color: #0e1114 !important;
  line-height: 20px !important;
  border-bottom: none !important;
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important; }

.markdown-article p {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #565e66;
  text-align: justify;
  line-height: 20px; }

.anymore-question {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 20px;
  padding: 2px 12px 12px 12px;
  text-align: right; }
  .anymore-question a {
    color: #106ecc; }

.spin-wraper {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center; }

.ant-table-tbody .ant-table-row .ant-select-selection {
  width: 150px; }

.popper__tooltip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: absolute;
  left: -9999px;
  background-color: #33383d;
  background-color: RGB(var(--skin-css-var-M2, 51, 56, 61));
  border-radius: 3px;
  padding: 4px 10px;
  transition: opacity 0.1s linear; }
  .popper__tooltip__content {
    max-height: 280px;
    max-width: 396px;
    font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    color: white;
    color: RGB(var(--skin-css-var-M9, 255, 255, 255));
    word-break: break-all; }
  .popper__tooltip--init {
    opacity: 0; }
  .popper__tooltip--show {
    opacity: 1; }
  .popper__tooltip [x-arrow] {
    position: absolute; }
  .popper__tooltip[x-placement='bottom'] {
    margin-top: 9px; }
  .popper__tooltip[x-placement='top'] {
    margin-bottom: 9px; }
  .popper__tooltip[x-placement='left'] {
    margin-right: 9px; }
  .popper__tooltip[x-placement='right'] {
    margin-left: 9px; }
  .popper__tooltip[x-placement='bottom'] [x-arrow] {
    top: -5px;
    border-bottom: 6px solid #33383d;
    border-bottom: 6px solid RGB(var(--skin-css-var-M2, 51, 56, 61));
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; }
  .popper__tooltip[x-placement='top'] [x-arrow] {
    bottom: -5px;
    border-top: 6px solid #33383d;
    border-top: 6px solid RGB(var(--skin-css-var-M2, 51, 56, 61));
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; }
  .popper__tooltip[x-placement='left'] [x-arrow] {
    right: -5px;
    border-left: 6px solid #33383d;
    border-left: 6px solid RGB(var(--skin-css-var-M2, 51, 56, 61));
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; }
  .popper__tooltip[x-placement='right'] [x-arrow] {
    left: -5px;
    border-right: 6px solid #33383d;
    border-right: 6px solid RGB(var(--skin-css-var-M2, 51, 56, 61));
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; }

.install-cmp--addr-popover p {
  font-size: 14px;
  color: #0e1114;
  font-family: PingFangSC-Medium; }

.install-cmp--addr-btn-item {
  background-color: #f0f2f5;
  color: #565e66;
  color: RGB(var(--skin-css-var-M3, 86, 94, 102));
  border-radius: 100px;
  border: none;
  font-size: 12px;
  margin-right: 10px;
  height: 24px;
  cursor: pointer; }
  .install-cmp--addr-btn-item.js-active {
    background: #1d86f0;
    background: RGB(var(--skin-css-var-S3, 29, 134, 240));
    color: white; }

.install-cmp--addr-content {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  font-family: PingFangSC-Semibold;
  margin: 0px 10px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.install-cmp--copy-btn {
  height: 14px;
  width: 14px;
  border: none;
  color: #fff;
  cursor: pointer;
  margin-right: 12px; }

.install-cmp--icon-copy {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #1d86f0;
  transform: translate(-6px, 2px);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNy4zMzMwMDc4MTI1IiBoZWlnaHQ9IjE3LjMzMzAwNzgxMjUiIHZpZXdCb3g9IjAgMCAxNy4zMzMwMDc4MTI1IDE3LjMzMzAwNzgxMjUiPgogICAgPGc+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS40MTExMDc4MTI1LDEyLjVMMTMuNDY0ODA3ODEyNSwxMi41QzEzLjA1MDU4NzgxMjUsMTIuNSwxMi43MTQ3OTc4MTI1LDEyLjgzNTgsMTIuNzE0Nzk3ODEyNSwxMy4yNUMxMi43MTQ3OTc4MTI1LDEzLjY2NDIsMTMuMDUwNTg3ODEyNSwxNCwxMy40NjQ4MDc4MTI1LDE0TDE1LjQxMTEwNzgxMjUsMTRRMTYuMjA3MjA3ODEyNTAwMDAyLDE0LDE2Ljc3MDEwNzgxMjUsMTMuNDM3MVExNy4zMzMwMDc4MTI1LDEyLjg3NDIsMTcuMzMzMDA3ODEyNSwxMi4wNzgxTDE3LjMzMzAwNzgxMjUsMS45MjE4N1ExNy4zMzMwMDc4MTI1LDEuMTI1ODEsMTYuNzcwMTA3ODEyNSwwLjU2MjkwNFExNi4yMDcyMDc4MTI1MDAwMDIsMCwxNS40MTExMDc4MTI1LDBMNS4yNTQ4Nzc4MTI1LDBRNC40NTg4MTc4MTI0OTk5OTk1LDAsMy44OTU5MTE4MTI1LDAuNTYyOTA0UTMuMzMzMDA3ODEyNSwxLjEyNTgxLDMuMzMzMDA3ODEyNSwxLjkyMTg3TDMuMzMzMDA3ODEyNSwzLjg0NjVDMy4zMzMwMDc4MTI1LDQuMjYwNzEsMy42Njg3OTM4MTI1LDQuNTk2NSw0LjA4MzAwNzgxMjUsNC41OTY1QzQuNDk3MjE3ODEyNSw0LjU5NjUsNC44MzMwMDc4MTI1LDQuMjYwNzEsNC44MzMwMDc4MTI1LDMuODQ2NUw0LjgzMzAwNzgxMjUsMS45MjE4N1E0LjgzMzAwNzgxMjUsMS43NDcxMyw0Ljk1NjU2NzgxMjQ5OTk5OTQsMS42MjM1NlE1LjA4MDEzNzgxMjUsMS41LDUuMjU0ODc3ODEyNSwxLjVMMTUuNDExMTA3ODEyNSwxLjVRMTUuNTg1OTA3ODEyNSwxLjUsMTUuNzA5NDA3ODEyNSwxLjYyMzU2UTE1LjgzMzAwNzgxMjUsMS43NDcxMywxNS44MzMwMDc4MTI1LDEuOTIxODdMMTUuODMzMDA3ODEyNSwxMi4wNzgxUTE1LjgzMzAwNzgxMjUsMTIuMjUyOSwxNS43MDk0MDc4MTI1LDEyLjM3NjRRMTUuNTg1OTA3ODEyNSwxMi41LDE1LjQxMTEwNzgxMjUsMTIuNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzMzMzgzRCIgZmlsbC1vcGFjaXR5PSIxIi8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMTQsMTUuNDExMTA3ODEyNUwxNCw1LjI1NDg3NzgxMjVRMTQsNC40NTg4MTc4MTI0OTk5OTk1LDEzLjQzNzEsMy44OTU5MTE4MTI1UTEyLjg3NDIsMy4zMzMwMDc4MTI1LDEyLjA3ODEsMy4zMzMwMDc4MTI1TDEuOTIxODcsMy4zMzMwMDc4MTI1UTEuMTI1ODEsMy4zMzMwMDc4MTI1LDAuNTYyOTA0LDMuODk1OTExODEyNVEwLDQuNDU4ODE3ODEyNDk5OTk5NSwwLDUuMjU0ODc3ODEyNUwwLDE1LjQxMTEwNzgxMjVRMCwxNi4yMDcyMDc4MTI1MDAwMDIsMC41NjI5MDQsMTYuNzcwMTA3ODEyNVExLjEyNTgxLDE3LjMzMzAwNzgxMjUsMS45MjE4NywxNy4zMzMwMDc4MTI1TDEyLjA3ODEsMTcuMzMzMDA3ODEyNVExMi44NzQyLDE3LjMzMzAwNzgxMjUsMTMuNDM3MSwxNi43NzAxMDc4MTI1UTE0LDE2LjIwNzIwNzgxMjUwMDAwMiwxNCwxNS40MTExMDc4MTI1Wk0xMi4zNzY0LDQuOTU2NTY3ODEyNDk5OTk5NFExMi41LDUuMDgwMTM3ODEyNSwxMi41LDUuMjU0ODc3ODEyNUwxMi41LDE1LjQxMTEwNzgxMjVRMTIuNSwxNS41ODU5MDc4MTI1LDEyLjM3NjQsMTUuNzA5NDA3ODEyNVExMi4yNTI5LDE1LjgzMzAwNzgxMjUsMTIuMDc4MSwxNS44MzMwMDc4MTI1TDEuOTIxODcsMTUuODMzMDA3ODEyNVExLjc0NzEzLDE1LjgzMzAwNzgxMjUsMS42MjM1NiwxNS43MDk0MDc4MTI1UTEuNSwxNS41ODU5MDc4MTI1LDEuNSwxNS40MTExMDc4MTI1TDEuNSw1LjI1NDg3NzgxMjVRMS41LDUuMDgwMTM3ODEyNSwxLjYyMzU2LDQuOTU2NTY3ODEyNDk5OTk5NFExLjc0NzEzLDQuODMzMDA3ODEyNSwxLjkyMTg3LDQuODMzMDA3ODEyNUwxMi4wNzgxLDQuODMzMDA3ODEyNVExMi4yNTI5LDQuODMzMDA3ODEyNSwxMi4zNzY0LDQuOTU2NTY3ODEyNDk5OTk5NFoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzMzMzgzRCIgZmlsbC1vcGFjaXR5PSIxIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); }

.install-cmp--btn {
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB",STHeitiSC,Helvetica,"Helvetica Neue","Microsoft YaHei",Tahoma;
  background-color: #4F73FF;
  color: #fff;
  border: 1px solid #4F73FF;
  height: 30px;
  padding: 0 15px 0 20px;
  border-radius: 100px !important; }
  .install-cmp--btn:hover {
    background-color: rgba(79, 115, 255, 0.7);
    border: 1px solid rgba(79, 115, 255, 0.7); }
  .install-cmp--btn:active {
    background-color: #4F73FF; }
  .install-cmp--btn:focus {
    background-color: #4F73FF;
    border: 1px solid #4F73FF; }
  .install-cmp--btn[disabled]:hover, .install-cmp--btn[disabled]:active, .install-cmp--btn[disabled] {
    color: rgba(79, 115, 255, 0.3); }

.install-cmp--content {
  display: flex;
  align-items: center;
  border-radius: 30px;
  background: #fafbfc;
  box-sizing: border-box;
  border: 1px solid #E6E8EB;
  min-height: 28px;
  width: 100%;
  max-width: fit-content;
  padding: 2px;
  margin-bottom: 30px;
  flex-wrap: nowrap; }

.install-cmp--command {
  flex: 1;
  display: flex;
  align-items: center;
  width: calc(100% - 94px); }

.install-cmp-buttons {
  flex-shrink: 0; }

.cmp-ci-steps {
  position: relative;
  margin-bottom: 36px; }
  .cmp-ci-steps > span {
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    color: #0E1114;
    line-height: 22px;
    font-weight: bold; }
  .cmp-ci-steps .cmp-ci-steps-content {
    margin-left: 14.5%;
    position: absolute;
    top: -2px;
    width: 88%; }
    .cmp-ci-steps .cmp-ci-steps-content .ant-row.ant-form-item {
      margin-bottom: 5px !important; }
      .cmp-ci-steps .cmp-ci-steps-content .ant-row.ant-form-item label {
        font-weight: normal !important; }
    .cmp-ci-steps .cmp-ci-steps-content .replace-moment-prompt {
      padding-left: 5px;
      color: #83898f; }

.publish-drawer .ant-drawer-close {
  right: 12px; }

.publish-drawer .cmp-publish {
  padding: 0 16px;
  background-color: #FAFBFC;
  box-sizing: border-box; }
  .publish-drawer .cmp-publish .ant-form-item-label label {
    font-weight: bold; }
  .publish-drawer .cmp-publish .publish-title {
    position: relative;
    padding: 16px 0 16px 8px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #33383D;
    line-height: 24px; }
    .publish-drawer .cmp-publish .publish-title .anticon:nth-child(1) {
      margin-right: 8px; }
    .publish-drawer .cmp-publish .publish-title .close-icon {
      position: absolute;
      top: 18px;
      right: 0;
      cursor: pointer; }

.publish-drawer .publish-content {
  padding: 24px 24px 24px 32px;
  background: #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.03); }
  .publish-drawer .publish-content .ant-form-item {
    margin-bottom: 32px; }
    .publish-drawer .publish-content .ant-form-item .ant-form-text {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #0E1114; }
  .publish-drawer .publish-content .ant-form-item:nth-last-child(2) {
    margin-bottom: 0; }
  .publish-drawer .publish-content .ant-form-item-label {
    text-align: left;
    line-height: 30px; }
    .publish-drawer .publish-content .ant-form-item-label > label {
      font-family: PingFangSC-Semibold;
      font-size: 12px;
      color: #0E1114;
      line-height: 22px; }
  .publish-drawer .publish-content .ant-form-item-control-wrapper {
    padding-left: 16px; }
    .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-select-search--inline input {
      padding: 0; }
    .publish-drawer .publish-content .ant-form-item-control-wrapper input {
      height: 30px;
      padding: 0 30px 0 8px;
      border-radius: 3px;
      text-overflow: ellipsis;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #0E1114;
      letter-spacing: 0;
      line-height: 20px; }
      .publish-drawer .publish-content .ant-form-item-control-wrapper input::placeholder {
        color: #BFC3C7; }
    .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control {
      line-height: 30px; }
      .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .selected-tag-wrapper {
        padding-bottom: 8px; }
      .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-select-selection-selected-value {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #0E1114;
        letter-spacing: 0; }
      .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-select-dropdown {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #0E1114;
        letter-spacing: 0; }
      .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload {
        background: #FFFFFF; }
        .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-drag {
          border-radius: 3px; }
          .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-drag .ant-upload-btn {
            padding: 40px 0 20px; }
        .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-text, .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-hint {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #83898F;
          letter-spacing: 0;
          line-height: 20px; }
        .publish-drawer .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-hint {
          color: #4F73FF; }
  .publish-drawer .publish-content .button-wrapper {
    position: fixed;
    bottom: 0;
    right: 16px;
    width: calc(65% - 16px);
    min-width: 751px;
    max-width: 984px; }
    .publish-drawer .publish-content .button-wrapper .button-content {
      border-top: 1px solid #F0F2F5;
      margin: 0 34px 0 40px;
      padding: 32px 0 16px 0;
      text-align: center;
      background: #FFFFFF; }
    .publish-drawer .publish-content .button-wrapper .ant-btn {
      display: inline-block;
      width: 68px;
      margin: 0 5px;
      text-align: center; }

.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

.run-button-component .run-button.btn-secondary svg {
  fill: #4A90E2; }

.run-button-component .run-button svg {
  fill: #ffffff; }

.multibranch-table .run-button svg {
  fill: rgba(53, 64, 82, 0.25); }
  .multibranch-table .run-button svg:hover {
    fill: #4A90E2; }

.activity-actions-container:after {
  content: "";
  display: table;
  clear: both; }

.activity-actions-container .pipeline-disabled-label {
  display: inline-block;
  margin-top: 10px; }
  .activity-actions-container .pipeline-disabled-label .svg-icon {
    fill: #4A4A4A; }

.activity-actions-container .run-button-component {
  margin-bottom: 16px; }

.activity-actions-container .disable-job-button {
  float: right;
  margin-bottom: 16px; }
  .activity-actions-container .disable-job-button svg {
    fill: #4A90E2; }

.BlueOceanLogo,
.BlueOceanLogo:hover {
  display: flex;
  color: white;
  text-decoration: none;
  align-items: center;
  font-size: 18px;
  position: relative;
  top: -1px; }
  .BlueOceanLogo svg,
  .BlueOceanLogo:hover svg {
    height: 20px;
    fill: white;
    top: 1px;
    position: relative; }

.ContentPageHeader,
.ResultPageHeader {
  color: white; }
  .ContentPageHeader a, .ContentPageHeader a:hover,
  .ResultPageHeader a,
  .ResultPageHeader a:hover {
    color: white; }

.ContentPageHeader-user {
  display: flex;
  height: 100%;
  padding-left: 1em; }
  .ContentPageHeader-user * {
    margin-left: 1em; }
  .ContentPageHeader-user .btn-sign-in {
    background: none;
    min-width: 0;
    border-color: rgba(0, 0, 0, 0); }
  .ContentPageHeader-user .btn-sign-in:hover {
    border-color: white; }
  .ContentPageHeader-user .btn-sign-up {
    background: none;
    min-width: 0;
    border-color: white; }
  .ContentPageHeader-user .user-component {
    display: inline-block;
    align-items: center;
    height: 100%; }
    .ContentPageHeader-user .user-component.icon {
      padding-top: 13px; }
      .ContentPageHeader-user .user-component.icon svg {
        fill: white;
        width: 24px;
        height: 24px; }
    .ContentPageHeader-user .user-component.button-bar {
      padding-top: 11px; }

.ResultPageHeader-run {
  padding-left: 1em;
  display: flex;
  align-items: center; }
  .ResultPageHeader-run > * + * {
    margin-left: 1em; }
  .ResultPageHeader-run button {
    min-width: 0;
    color: white;
    border-color: white; }
  .ResultPageHeader-run button:hover {
    color: white;
    border-color: white; }

.ContentPageHeader-main,
.ResultPageHeader-main {
  display: flex;
  align-items: center;
  height: 100%; }
  .ContentPageHeader-main > * + *,
  .ResultPageHeader-main > * + * {
    margin-left: 10px; }

.ResultPageHeader-indicator {
  margin-right: 10px;
  height: 24px; }

.ResultPageHeader-title {
  display: flex;
  align-items: center; }
  .ResultPageHeader-title a {
    text-decoration: underline; }

.ResultPageHeader-close {
  margin-left: 24px;
  cursor: pointer;
  stroke: none;
  fill: white;
  vertical-align: bottom; }
  .ResultPageHeader-close:hover {
    stroke: white; }

/* TODO - move this out as soon as we fix the css loading issue */
.jenkins-pipeline-header {
  display: inline-block; }

.TextInput.search-pipelines-input {
  background-color: transparent;
  background-repeat: no-repeat;
  margin-left: 20px; }
  .TextInput.search-pipelines-input .TextInput-icon.u-icon-left {
    pointer-events: none;
    left: 0; }
    .TextInput.search-pipelines-input .TextInput-icon.u-icon-left path {
      fill: #ffffff; }
  .TextInput.search-pipelines-input .clear-icon-container {
    display: none;
    text-align: center;
    cursor: pointer; }
  .TextInput.search-pipelines-input .fastsearch-input:not([value=""]) ~ .clear-icon-container {
    display: block;
    right: 0; }
    .TextInput.search-pipelines-input .fastsearch-input:not([value=""]) ~ .clear-icon-container .clear {
      width: 16px; }
      .TextInput.search-pipelines-input .fastsearch-input:not([value=""]) ~ .clear-icon-container .clear path {
        fill: rgba(255, 255, 255, 0.5); }
  @supports (-ms-ime-align: auto) {
    .TextInput.search-pipelines-input .fastsearch-input ~ div.clear-icon-container.TextInput-icon {
      display: none; } }
  .TextInput.search-pipelines-input input.TextInput-control {
    width: 250px;
    border: none;
    color: #ffffff;
    font-size: 18px;
    padding-top: 10px;
    padding-right: 41px;
    padding-bottom: 10px;
    padding-left: 30px;
    cursor: pointer; }
    .TextInput.search-pipelines-input input.TextInput-control::-webkit-input-placeholder {
      color: transparent; }
    .TextInput.search-pipelines-input input.TextInput-control::-moz-placeholder {
      color: transparent; }
    .TextInput.search-pipelines-input input.TextInput-control:-ms-input-placeholder {
      color: transparent; }
    .TextInput.search-pipelines-input input.TextInput-control:focus {
      padding-left: 30px;
      width: 250px;
      cursor: inherit; }
      .TextInput.search-pipelines-input input.TextInput-control:focus::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.4); }
      .TextInput.search-pipelines-input input.TextInput-control:focus::-moz-placeholder {
        color: rgba(255, 255, 255, 0.4); }
      .TextInput.search-pipelines-input input.TextInput-control:focus:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4); }

.no-search-results-container {
  text-align: center; }

/* End of TODO */

.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

/*
    Styles for the pipeline result status displays used in both build/branch lists, and
    within the PipelineGraph component.
*/
.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

.result-status-glyph {
  stroke: none;
  fill: #fff; }

.svgResultStatus.no-background .circle-bg {
  opacity: 0; }

.svgResultStatus {
  transform: translateZ(0); }
  .svgResultStatus > circle {
    stroke: white;
    stroke-width: 2px; }
    .svgResultStatus > circle.success {
      fill: #8CC04F; }
    .svgResultStatus > circle.failure {
      fill: #D54C53; }
    .svgResultStatus > circle.unstable {
      fill: #F6B44B; }
    .svgResultStatus > circle.aborted {
      fill: #949393; }
    .svgResultStatus > circle.paused {
      fill: #24B0D5; }
    .svgResultStatus > circle.unknown {
      fill: #D54CC4; }
    .pipeline-node-selected .svgResultStatus > circle {
      stroke: none; }

.jdl-table td .svgResultStatus {
  vertical-align: middle; }

.progress-spinner.running circle {
  fill: none;
  stroke: #a7c7f2; }

.progress-spinner.running path {
  fill: none;
  stroke: #1D7DCF; }

.progress-spinner.pc-over-100 circle {
  fill: none;
  stroke: #1D7DCF; }

.progress-spinner.pc-over-100 path {
  fill: none;
  stroke: #F6B44B; }

.inverse .progress-spinner.running circle {
  fill: none;
  stroke: #4C9BD5; }

.inverse .progress-spinner.running path {
  fill: none;
  stroke: white; }

.inverse .progress-spinner.running circle.inner {
  fill: #4C9BD5;
  stroke: #4C9BD5; }

.progress-spinner.running.spin {
  animation: progress-spinner-rotate 4s linear;
  animation-iteration-count: infinite; }

@keyframes progress-spinner-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.progress-spinner circle.inner,
.progress-spinner.running.spin circle.inner {
  display: none;
  animation: progress-spinner-pulsate 1.2s ease-out;
  animation-iteration-count: infinite;
  opacity: 0; }

.progress-spinner.running circle.inner {
  display: block;
  fill: #4C9BD5;
  stroke: #4C9BD5; }

@keyframes progress-spinner-pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0; } }

.progress-spinner.queued circle {
  fill: none;
  stroke: #949393; }

.progress-spinner.queued circle.inner {
  display: block;
  fill: #949393;
  stroke: #949393; }

.empty-state-content svg {
  vertical-align: middle; }

.empty-state-content > span {
  padding-left: 15px; }

.progress-spinner.queued path {
  fill: none;
  stroke: none; }

.progress-spinner.not_built circle,
.progress-spinner.skipped circle {
  fill: none;
  stroke: #949393; }

.progress-spinner.not_built path,
.progress-spinner.skipped path {
  fill: none;
  stroke: none; }

.result-bg.success {
  background: #8CC04F;
  border-bottom: 1px solid fade(#72a23a, 50%); }

.result-bg.failure {
  background: #D54C53;
  border-bottom: 1px solid fade(#c12d35, 50%); }

.result-bg.not_built,
.result-bg.aborted,
.result-bg.queued {
  background: #949393;
  border-bottom: 1px solid fade(#7b7979, 50%); }

.result-bg.running {
  background: #1D7DCF;
  border-bottom: 1px solid fade(#1762a2, 50%); }

.result-bg.unstable {
  background: #F6B44B;
  border-bottom: 1px solid fade(#f4a01a, 50%); }

.result-bg.paused {
  background: #24B0D5;
  border-bottom: 1px solid fade(#1d8ca9, 50%); }

.result-bg.unknown {
  background: #D54CC4;
  border-bottom: 1px solid fade(#c12dae, 50%); }

.result-item + .result-item .result-item-head {
  border-top: 0; }

.result-item-head {
  display: flex;
  align-items: stretch;
  background-color: white;
  cursor: pointer;
  border: solid 1px #e4e4e4;
  position: sticky;
  top: 0; }

.result-item-icon {
  display: flex;
  align-items: flex-start;
  margin: -1px 0 -1px -1px;
  transform: translateZ(0); }
  .result-item-icon .spinAnimation {
    animation: progress-spinner-rotate 4s linear;
    animation-iteration-count: infinite; }

.result-item-title {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-width: 0; }

.result-item-extra-info {
  padding-right: 0.6em; }

.result-item-label {
  flex: 1 1 auto;
  font-family: "LatoLatinWeb", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.result-item-head:hover {
  background: #f8f8f8; }

.result-item-expando {
  cursor: pointer; }

.expando-glyph {
  transform: rotate(0deg);
  transition: transform 150ms ease-in;
  fill: #4A4A4A; }

.result-item-expando.expanded .expando-glyph {
  transform: rotate(90deg);
  transition: transform 150ms ease-in; }

.result-item-expando.disabled .expando-glyph {
  opacity: 0.3; }

.result-item-children {
  background-color: #333333;
  color: #f5f5f5;
  padding: 0.5em;
  margin-bottom: 1px;
  border-left: solid 28px #262626; }

.slide-down-enter, .slide-down-appear {
  max-height: 0;
  overflow: hidden; }

.slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active {
  max-height: 600px;
  transition: all 300ms ease-in; }

.slide-down-leave {
  max-height: 600px;
  overflow: hidden; }

.slide-down-leave.slide-down-leave-active {
  max-height: 0;
  transition: all 300ms ease-out; }

.pipeline-connector {
  stroke: #949393; }

.pipeline-node-terminal {
  fill: #949393; }

.pipeline-connector-skipped {
  stroke: #949393;
  stroke-opacity: 0.25; }

.pipeline-small-label {
  font-size: 80%; }

.pipeline-big-label.selected,
.pipeline-small-label.selected {
  font-weight: bold; }

.pipeline-selection-highlight circle {
  fill: none;
  stroke: #4A90E2; }
  .pipeline-selection-highlight circle.white-highlight {
    stroke: white; }

.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

.BasicHeader {
  flex-shrink: 0;
  display: flex;
  flex-direction: column; }

.BasicHeader--default {
  background: #4A90E2;
  color: white; }

.BasicHeader--unknown {
  background: #bd0fe1;
  color: white; }

.BasicHeader--success {
  background: #78b037;
  color: white; }

.BasicHeader--failure {
  background: #d54c53;
  color: white; }

.BasicHeader--running {
  background: #3a70b0;
  color: white; }

.BasicHeader--notBuilt {
  background: #949393;
  color: white; }

.BasicHeader--unstable {
  background: #F5A623;
  color: white; }

.BasicHeader--aborted {
  background: #949393;
  color: white; }

.BasicHeader--paused {
  background: #24B0D5;
  color: white; }

.Header-topNav {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1); }

.Header-topNav-inner {
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px; }
  .Header-topNav-inner nav {
    display: flex;
    height: 100%; }
  .Header-topNav-inner nav a {
    display: inline-block;
    align-items: center;
    height: 100%;
    color: white;
    text-decoration: none;
    font-size: 14px;
    padding: 0 20px;
    line-height: 47px; }
    .Header-topNav-inner nav a .u-no-padding {
      padding: 0; }
  .Header-topNav-inner nav a:hover,
  .Header-topNav-inner nav a.selected,
  .Header-topNav-inner nav:hover a.selected:hover {
    background: rgba(0, 0, 0, 0.1); }
  .Header-topNav-inner nav:hover a.selected {
    background: none; }

.Header-title {
  display: flex;
  flex-grow: 1;
  align-items: center; }

.Header-details {
  width: 100%;
  height: 82px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 30px; }

.Header-pageTabs {
  height: 100%;
  display: flex; }
  .Header-pageTabs a {
    color: white;
    display: flex;
    padding: 0 20px;
    height: 100%;
    align-items: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transform: translateZ(0); }
    .Header-pageTabs a:hover {
      text-decoration: none;
      color: white; }
  .Header-pageTabs a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    height: 3px;
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
    transform: translateY(3px);
    transition-property: transform; }
  .Header-pageTabs a:hover:before,
  .Header-pageTabs a.selected:before,
  .Header-pageTabs:hover a.selected:hover:before {
    transform: translateY(0); }
  .Header-pageTabs:hover a.selected:before {
    transform: translateY(3px); }

html {
  font-size: 62.5%; }

.loading-wraper {
  height: 32px;
  line-height: 32px;
  text-align: center; }

.nosteps-container .Alert.Info {
  border-radius: 3px 3px 0 0;
  padding-bottom: 0; }

.Alert.Info {
  border-left-color: #4c9bd5;
  color: #4c9bd5; }

.Alert.Info .border {
  background-color: #4c9bd5; }

.Alert .title-div {
  flex: 1 1 auto;
  display: flex;
  align-items: center; }

.Alert .title {
  padding-left: 24px;
  font-weight: bold; }

.Alert .message {
  color: #4a4a4a;
  line-height: 1.71;
  padding-left: 16px; }

.Alert {
  font-size: 14px;
  min-height: 48px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #e6eaee;
  display: flex;
  align-items: stretch; }

.log-header {
  font-family: "LatoLatinWeb", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px; }

.log-header__section {
  display: flex;
  align-items: center; }

.log-header__section a {
  padding-left: 10px; }

code {
  font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace;
  width: 100%;
  min-height: 12px;
  border-radius: 4px;
  position: relative;
  counter-reset: line;
  font-size: 1.2rem; }

code.hash {
  border: 0;
  font-size: 1.4rem; }

.u-flex-grow {
  flex-grow: 1; }

.svg-icon {
  display: inline-block;
  vertical-align: middle;
  user-select: none;
  fill: #ffffff; }

a.btn-link {
  display: inline-block;
  border: solid 1px #ffffff;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
  padding: 6px 20px;
  cursor: pointer; }
  a.btn-link:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none; }

.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

#modal-snap-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: #fff; }

.page-loading svg {
  padding: 0;
  margin: 0;
  position: fixed;
  top: -1px;
  bottom: auto; }

button.btn-show-more {
  display: flex;
  margin: 10px auto; }

.pr-table {
  margin-top: 10px; }
  .pr-table th {
    width: 75px; }
  .pr-table .summary {
    width: 100%; }
  .pr-table .run, .pr-table .completed {
    width: 125px; }
  .pr-table .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 38px; }
    .pr-table .actions > * {
      margin-left: 5px; }

.changeset-table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

.artifacts-table {
  margin: 24px auto 24px auto; }

nav.page-title {
  min-height: 4.33em; }
  nav.page-title h1 {
    display: flex;
    align-items: center; }

.sub-header {
  position: relative; }
  .sub-header > div > .progress-container {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    margin: 0;
    margin-bottom: -2px;
    height: 7px; }

main {
  position: relative; }
  main > div > .progress-container {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 100%;
    z-index: 10;
    margin: 0;
    margin-bottom: -2px;
    height: 7px; }

.nodes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px; }

.nodes__section {
  display: flex;
  align-items: center; }

.logConsole .result-item-children {
  background-color: #333333;
  border: none;
  padding: 0; }

.logConsole .result-item-title .result-item-expando {
  flex-shrink: 0; }

.logConsole .result-item-title .result-item-extra-info {
  flex-shrink: 0;
  margin-left: 10px; }

.logConsole .result-item-title .result-item-label {
  display: flex;
  min-width: 0; }
  .logConsole .result-item-title .result-item-label .result-item-label-desc {
    max-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .logConsole .result-item-title .result-item-label .result-item-label-name {
    color: #a4a4a4;
    white-space: nowrap;
    margin-left: 10px; }

code div {
  font-size: 12px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }

div.loadingContainer {
  background-color: #ffffff;
  margin-top: -10px;
  margin-bottom: -5px; }

code div a {
  margin: 5px; }

code div a.btn-secondary.inverse:hover {
  background-color: #444 !important; }

.JTable-cell.multipleLines {
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px; }
  .JTable-cell.multipleLines .JTable-cell-contents {
    white-space: pre-wrap; }

.selected {
  font-weight: bold; }

.stepAnimation-enter {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 84%;
  -webkit-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s; }
  .stepAnimation-enter.stepAnimation-enter-active {
    opacity: 1;
    visibility: visible; }

.stepAnimation-leave {
  opacity: 1;
  visibility: visible;
  position: absolute;
  width: 84%;
  -webkit-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s; }
  .stepAnimation-leave.stepAnimation-leave-active {
    opacity: 0;
    visibility: hidden; }

.stepAnimation-appear {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 84%;
  -webkit-transition: "visibility linear 0.5s,opacity 0.5s linear";
  -o-transition: "visibility linear 0.5s,opacity 0.5s linear";
  transition: "visibility linear 0.5s,opacity 0.5s linear"; }
  .stepAnimation-appear.stepAnimation-appear-active {
    visibility: visible;
    opacity: 1; }

.dialog .header-content .page-tabs {
  display: inline-block; }

.dialog .header-content .button-bar {
  display: inline-flex;
  float: right;
  height: 40px;
  align-items: center; }
  .dialog .header-content .button-bar .btn {
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 2px; }
  .dialog .header-content .button-bar > * + * {
    margin-left: 1rem; }

.cell-link a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cell-link.u-link-padding a {
  padding: 0.5em 0.8em 0.5em 0; }

a.pipelineRedirectLink svg {
  vertical-align: middle;
  fill: #777777;
  fill-opacity: 0.5;
  padding-left: 5px; }

.log-body {
  background-color: #333333;
  padding: 0.5rem; }
  .log-body pre {
    clear: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    counter-reset: line-numbering;
    margin: 0;
    box-sizing: border-box;
    font-size: 1.2rem; }
    .log-body pre .fullLog {
      display: flex;
      justify-content: center; }
  .log-body p {
    padding: 0 15px 0 55px;
    margin: 0;
    min-height: 16px; }
    .log-body p .log-boxes {
      display: flex;
      flex-direction: row; }
    .log-body p a.linenumber {
      display: inline-block;
      text-align: right;
      min-width: 40px;
      margin-left: -27px;
      cursor: pointer;
      text-decoration: none;
      color: #777777;
      white-space: nowrap; }
      .log-body p a.linenumber::before {
        content: counter(line-numbering);
        user-select: none;
        counter-increment: line-numbering;
        padding-right: 1em; }
      .log-body p a.linenumber:hover {
        color: #f5f5f5;
        text-decoration: none; }
  .log-body p:hover {
    background-color: #444 !important; }
  .log-body .line {
    color: #f5f5f5;
    padding-left: 22px;
    padding-right: 15px;
    max-width: 100%; }

.u-label-value label {
  font-weight: bold; }

.search-pipelines-input .clear-icon-container svg[icon="ContentClear"] {
  fill: rgba(255, 255, 255, 0.6); }

.action-button-colors .svg-icon {
  fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon .action-button-fill {
    fill: rgba(53, 64, 82, 0.25); }
  .action-button-colors .svg-icon:hover {
    fill: #4A90E2; }
    .action-button-colors .svg-icon:hover .action-button-fill {
      fill: #4A90E2; }

.action-button-colors.dark .btn {
  background: transparent;
  color: white;
  border-color: white; }

.action-button-colors.dark .svg-icon {
  fill: white; }
  .action-button-colors.dark .svg-icon .action-button-fill {
    fill: white; }
  .action-button-colors.dark .svg-icon:hover {
    fill: white; }
    .action-button-colors.dark .svg-icon:hover .action-button-fill {
      fill: white; }

.ansi-color .ansi-fg-0 {
  color: black; }

.ansi-color .ansi-fg-1 {
  color: #d54c53; }

.ansi-color .ansi-fg-2 {
  color: #78b037; }

.ansi-color .ansi-fg-3 {
  color: #F5A623; }

.ansi-color .ansi-fg-4 {
  color: #4A90E2; }

.ansi-color .ansi-fg-5 {
  color: #bd0fe1; }

.ansi-color .ansi-fg-6 {
  color: #24B0D5; }

.ansi-color .ansi-fg-7 {
  color: white; }

.ansi-color .ansi-bg-0 {
  background: black; }

.ansi-color .ansi-bg-1 {
  background: #d54c53; }

.ansi-color .ansi-bg-2 {
  background: #78b037; }

.ansi-color .ansi-bg-3 {
  background: #F5A623; }

.ansi-color .ansi-bg-4 {
  background: #4A90E2; }

.ansi-color .ansi-bg-5 {
  background: #bd0fe1; }

.ansi-color .ansi-bg-6 {
  background: #24B0D5; }

.ansi-color .ansi-bg-7 {
  background: white; }

.RunDetailsHeader-title a,
.RunDetailsHeader-sources a,
.RunDetailsHeader-messages a,
.RunDetailsHeader-times a {
  cursor: pointer;
  text-decoration: none; }
  .RunDetailsHeader-title a:hover,
  .RunDetailsHeader-sources a:hover,
  .RunDetailsHeader-messages a:hover,
  .RunDetailsHeader-times a:hover {
    text-decoration: underline; }

.RunDetailsHeader-title .run-nav-container {
  vertical-align: middle; }
  .RunDetailsHeader-title .run-nav-container span:first-child {
    margin-left: 10px; }

.RunDetailsHeader-sources,
.RunDetailsHeader-messages,
.RunDetailsHeader-times {
  height: 100%; }
  .RunDetailsHeader-sources div,
  .RunDetailsHeader-messages div,
  .RunDetailsHeader-times div {
    margin-top: 12px;
    display: flex;
    align-items: center; }
    .RunDetailsHeader-sources div.causes,
    .RunDetailsHeader-messages div.causes,
    .RunDetailsHeader-times div.causes {
      display: block;
      max-width: 99.99%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .RunDetailsHeader-sources div svg + *,
    .RunDetailsHeader-messages div svg + *,
    .RunDetailsHeader-times div svg + * {
      margin-left: 8px; }

.RunDetailsHeader-sources,
.RunDetailsHeader-times {
  flex-basis: 20%;
  max-width: 20%; }
  .RunDetailsHeader-sources .u-label-value label,
  .RunDetailsHeader-times .u-label-value label {
    display: block;
    width: 61px;
    flex-shrink: 0;
    overflow: hidden;
    white-space: nowrap; }
  .RunDetailsHeader-sources .u-label-value label.pullRequest,
  .RunDetailsHeader-times .u-label-value label.pullRequest {
    display: block;
    width: 85px;
    flex-shrink: 0;
    overflow: hidden;
    white-space: nowrap; }
  .RunDetailsHeader-sources .u-label-value span,
  .RunDetailsHeader-times .u-label-value span {
    position: relative;
    display: block;
    padding-right: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .RunDetailsHeader-sources .u-label-value span svg,
    .RunDetailsHeader-times .u-label-value span svg {
      display: block;
      fill: #ffffff;
      opacity: 50%;
      margin-left: 3px; }
    .RunDetailsHeader-sources .u-label-value span .inline-svg,
    .RunDetailsHeader-times .u-label-value span .inline-svg {
      position: absolute;
      right: 0; }
      .RunDetailsHeader-sources .u-label-value span .inline-svg svg,
      .RunDetailsHeader-times .u-label-value span .inline-svg svg {
        display: inline-block;
        vertical-align: middle; }

.RunDetailsHeader-messages {
  flex-grow: 1; }

.RunDetails-content {
  margin: 24px 42px; }
  .RunDetails-content .RunDetails-Description {
    margin-bottom: 24px; }
  .RunDetails-content .download-log-button .restart-stage {
    display: inline-block;
    text-decoration: underline;
    margin-right: 5px; }
    .RunDetails-content .download-log-button .restart-stage svg {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }

.DownstreamRuns-header {
  margin: 1em 0;
  font-weight: bold; }

.PWGx-PipelineGraph-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: auto;
  margin-bottom: 16px; }
  .PWGx-PipelineGraph-container * {
    box-sizing: border-box; }
  .PWGx-PipelineGraph-container .PWGx-PipelineGraph {
    margin-left: auto;
    margin-right: auto; }

circle.halo {
  stroke: white;
  fill: none; }

.PWGx-svgResultStatusOutline {
  stroke: #949393;
  fill: none; }

.PWGx-result-status-glyph {
  stroke: none;
  fill: #fff; }

.PWGx-svgResultStatusSolid {
  transform: translateZ(0); }
  .PWGx-svgResultStatusSolid > circle.statusColor.success {
    fill: #8cc04f; }
  .PWGx-svgResultStatusSolid > circle.statusColor.failure {
    fill: #d54c53; }
  .PWGx-svgResultStatusSolid > circle.statusColor.unstable {
    fill: #f6b44b; }
  .PWGx-svgResultStatusSolid > circle.statusColor.aborted {
    fill: #949393; }
  .PWGx-svgResultStatusSolid > circle.statusColor.paused {
    fill: #24b0d5; }
  .PWGx-svgResultStatusSolid > circle.statusColor.unknown {
    fill: #d54cc4; }
  .pipeline-node-selected .PWGx-svgResultStatusSolid > circle.statusColor {
    stroke: none; }

.PWGx-progress-spinner.running circle.statusColor {
  fill: none;
  stroke: #a7c7f2; }

.PWGx-progress-spinner.running path {
  fill: none;
  stroke: #1d7dcf; }

.PWGx-progress-spinner.pc-over-100 circle.statusColor {
  fill: none;
  stroke: #1d7dcf; }

.PWGx-progress-spinner.pc-over-100 path {
  fill: none;
  stroke: #f6b44b; }

.PWGx-progress-spinner.running.spin {
  animation: progress-spinner-rotate 4s linear;
  animation-iteration-count: infinite; }

@keyframes progress-spinner-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.PWGx-progress-spinner circle.inner,
.PWGx-progress-spinner.running.spin circle.inner {
  display: none;
  animation: progress-spinner-pulsate 1.2s ease-out;
  animation-iteration-count: infinite;
  opacity: 0; }

.PWGx-progress-spinner.running circle.inner {
  display: block;
  fill: #1d7dcf;
  stroke: #1d7dcf; }

@keyframes progress-spinner-pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0; } }

.PWGx-progress-spinner.queued circle.statusColor {
  fill: none;
  stroke: #949393; }

.PWGx-progress-spinner.queued circle.statusColor.inner {
  display: block;
  fill: #949393;
  stroke: #949393; }

.PWGx-progress-spinner.queued path {
  fill: none;
  stroke: none; }

.PWGx-pipeline-connector {
  stroke: #949393; }

.PWGx-pipeline-node-terminal {
  fill: #949393; }

.PWGx-pipeline-connector-skipped {
  stroke: #949393;
  stroke-opacity: 0.25; }

.PWGx-pipeline-small-label {
  font-size: 80%; }

.PWGx-pipeline-big-label.selected {
  font-weight: bold; }

.PWGx-pipeline-small-label.selected {
  font-weight: bold;
  margin-top: 3px; }

.PWGx-pipeline-selection-highlight circle {
  fill: none;
  stroke: #4a90e2; }

.ant-drawer-body {
  padding: 0 !important; }

.cmp-build-status {
  background-color: #fafbfc;
  box-sizing: border-box; }
  .cmp-build-status h5.cmp-build-limit-width {
    position: relative;
    width: 100%;
    margin-left: 0 auto;
    color: #596981;
    font-weight: 700;
    font-size: 20px; }
  .cmp-build-status .cmp-build-list {
    padding: 24px 24px 0;
    background: #ffffff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.03); }
    .cmp-build-status .cmp-build-list .cmp-build {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 12px;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-color: #eef1f6; }
      .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt1 {
        display: inline-block;
        margin-right: 16px;
        position: relative;
        padding: 4px 0 0 0; }
        .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt1 svg {
          width: 28px;
          height: 28px;
          overflow: hidden; }
          .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt1 svg use {
            fill: #596981; }
        .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt1 .cmp-build-pt1-icon {
          width: 24px;
          height: 24px;
          position: relative;
          display: inline-block;
          overflow: hidden;
          flex-shrink: 0;
          border-radius: 100%;
          margin: 0 0 2px 16px; }
          .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt1 .cmp-build-pt1-icon img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
      .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt2 {
        display: inline-block; }
        .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt2 .cmp-build-pt2-title {
          font-size: 14px;
          cursor: pointer;
          color: #33383d;
          font-family: PingFangSC-Medium; }
        .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt2 .cmp-build-pt2-details {
          font-size: 12px;
          color: #83898f;
          font-family: PingFangSC-Regular; }
          .cmp-build-status .cmp-build-list .cmp-build .cmp-build-pt2 .cmp-build-pt2-details .recall-btn {
            color: #79589f;
            border-radius: 0;
            font-size: 12px;
            margin-left: 10px;
            cursor: pointer; }
      .cmp-build-status .cmp-build-list .cmp-build .tag-icon {
        display: inline-block;
        background-color: rgba(12, 201, 145, 0.05);
        border: 1px solid rgba(12, 201, 145, 0.3);
        color: #0cc991;
        text-align: center;
        border-radius: 3px;
        font-size: 12px;
        line-height: 20px; }
      .cmp-build-status .cmp-build-list .cmp-build:hover {
        background-color: rgba(133, 194, 255, 0.1); }
  .cmp-build-status .buildStatus-failed {
    background-color: rgba(255, 105, 82, 0.05) !important;
    color: #ff6952 !important;
    border: 1px solid rgba(255, 105, 82, 0.3) !important; }
  .cmp-build-status .buildStatus-ing {
    background-color: rgba(234, 228, 29, 0.05) !important;
    color: #d4c718 !important;
    border: 1px solid rgba(175, 150, 30, 0.3) !important; }

.ant-drawer-body {
  padding: 0; }

.ant-drawer-content-wrapper {
  max-width: 1000px;
  min-width: 767px; }

.cmp-build-pt3 {
  display: inline-block;
  float: right;
  padding-top: 14px;
  padding-right: 4px; }

.cmp-build-page-list-getmore {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .cmp-build-page-list-getmore span {
    display: inline-block;
    padding: 8px;
    width: 100px;
    cursor: pointer; }

.cmp-build-page-list-tip {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }

.cmp-build-loading-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; }

.edit-drawer .ant-drawer-close {
  right: 12px; }

.edit-drawer .cmp-config {
  padding: 0 16px;
  background-color: #FAFBFC;
  box-sizing: border-box; }
  .edit-drawer .cmp-config .ant-form-item-label label {
    font-weight: bold; }
  .edit-drawer .cmp-config .edit-title {
    position: relative;
    padding: 16px 0 16px 8px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #33383D;
    line-height: 24px; }
    .edit-drawer .cmp-config .edit-title .anticon:nth-child(1) {
      margin-right: 8px; }
    .edit-drawer .cmp-config .edit-title .close-icon {
      position: absolute;
      top: 18px;
      right: 0;
      cursor: pointer; }

.edit-drawer .edit-content {
  padding: 24px 24px 66px 32px;
  background: #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.03); }
  .edit-drawer .edit-content .ant-form-item {
    margin-bottom: 32px; }
    .edit-drawer .edit-content .ant-form-item .ant-form-text {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #0E1114; }
  .edit-drawer .edit-content .ant-form-item-label {
    text-align: left;
    line-height: 30px; }
    .edit-drawer .edit-content .ant-form-item-label > label {
      font-family: PingFangSC-Semibold;
      font-size: 12px;
      color: #0E1114;
      line-height: 22px; }
  .edit-drawer .edit-content .ant-form-item-control-wrapper {
    padding-left: 16px; }
    .edit-drawer .edit-content .ant-form-item-control-wrapper input {
      height: 30px;
      padding: 0 30px 0 8px;
      border-radius: 3px;
      text-overflow: ellipsis;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #0E1114;
      letter-spacing: 0;
      line-height: 20px; }
      .edit-drawer .edit-content .ant-form-item-control-wrapper input::placeholder {
        color: #BFC3C7; }
    .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control {
      line-height: 30px; }
      .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .selected-tag-wrapper {
        line-height: 0;
        padding-bottom: 16px; }
      .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-select-selection-selected-value {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #0E1114;
        letter-spacing: 0; }
      .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-select-dropdown {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #0E1114;
        letter-spacing: 0; }
      .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload {
        background: #FFFFFF; }
        .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-drag {
          border-radius: 3px; }
          .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-drag .ant-upload-btn {
            padding: 40px 0 20px; }
        .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-text, .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-hint {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #83898F;
          letter-spacing: 0;
          line-height: 20px; }
        .edit-drawer .edit-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-hint {
          color: #4F73FF; }

.edit-drawer .button-wrapper {
  position: fixed;
  bottom: 0;
  right: 16px;
  width: calc(65% - 16px);
  min-width: 751px;
  max-width: 984px; }
  .edit-drawer .button-wrapper .button-content {
    margin: 0 34px 0 40px;
    padding: 16px 0;
    border-top: 1px solid #F0F2F5;
    text-align: center;
    background: #FFFFFF; }
  .edit-drawer .button-wrapper .ant-btn {
    display: inline-block;
    width: 68px;
    margin: 0 5px;
    text-align: center; }

.suggestion-wrapper {
  margin: 20px 0 19px;
  text-align: center; }
  .suggestion-wrapper > .ant-btn {
    border: none;
    margin: 0 5px;
    border-radius: 3px;
    height: 40px;
    line-height: 18px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #FF9000; }
    .suggestion-wrapper > .ant-btn:nth-child(1) {
      border-color: #FF9000; }
    .suggestion-wrapper > .ant-btn:nth-child(2) {
      background-color: #106ECC; }
  .suggestion-wrapper .ant-popover-inner-content {
    padding: 0; }
    .suggestion-wrapper .ant-popover-inner-content .ant-row {
      margin-bottom: 0; }
      .suggestion-wrapper .ant-popover-inner-content .ant-row .ant-form-item-control {
        line-height: 0;
        height: 30px;
        margin-bottom: 16px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-favour-wrapper,
    .suggestion-wrapper .ant-popover-inner-content .pop-modify-wrapper {
      padding: 32px 24px 0;
      width: 356px;
      height: 204px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-modify-wrapper {
      height: 298px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-favour-confirm,
    .suggestion-wrapper .ant-popover-inner-content .pop-modify-confirm {
      width: 356px;
      height: 204px; }
      .suggestion-wrapper .ant-popover-inner-content .pop-favour-confirm .pop-content-wrapper,
      .suggestion-wrapper .ant-popover-inner-content .pop-modify-confirm .pop-content-wrapper {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        .suggestion-wrapper .ant-popover-inner-content .pop-favour-confirm .pop-content-wrapper img,
        .suggestion-wrapper .ant-popover-inner-content .pop-modify-confirm .pop-content-wrapper img {
          width: 30px;
          position: relative;
          left: 50%;
          transform: translateX(-50%); }
        .suggestion-wrapper .ant-popover-inner-content .pop-favour-confirm .pop-content-wrapper .content,
        .suggestion-wrapper .ant-popover-inner-content .pop-modify-confirm .pop-content-wrapper .content {
          display: block;
          margin-top: 8px;
          text-align: center;
          font-size: 14px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-modify-confirm {
      height: 298px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-title-wrapper {
      padding-bottom: 20px; }
      .suggestion-wrapper .ant-popover-inner-content .pop-title-wrapper .pop-title {
        font-family: PingFangSC-Semibold;
        font-size: 16px;
        color: #0E1114;
        line-height: 24px; }
      .suggestion-wrapper .ant-popover-inner-content .pop-title-wrapper .pop-remark {
        margin-top: 4px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #565E66;
        line-height: 24px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-input-title {
      margin-left: 8px;
      margin-bottom: 2px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #565E66;
      line-height: 20px; }
    .suggestion-wrapper .ant-popover-inner-content .ant-input-affix-wrapper {
      margin-bottom: 16px; }
      .suggestion-wrapper .ant-popover-inner-content .ant-input-affix-wrapper .ant-input {
        border: 1px solid #E6E8EB;
        border-radius: 3px;
        height: 30px; }
        .suggestion-wrapper .ant-popover-inner-content .ant-input-affix-wrapper .ant-input::placeholder {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #BFC3C7;
          letter-spacing: 0;
          line-height: 20px; }
    .suggestion-wrapper .ant-popover-inner-content .pop-button-wrapper {
      text-align: right; }
      .suggestion-wrapper .ant-popover-inner-content .pop-button-wrapper .ant-btn {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #33383D;
        line-height: 12px; }
        .suggestion-wrapper .ant-popover-inner-content .pop-button-wrapper .ant-btn:nth-child(1) {
          margin-right: 10px; }
        .suggestion-wrapper .ant-popover-inner-content .pop-button-wrapper .ant-btn:nth-child(2) {
          color: #FFFFFF;
          background-color: #1890ff; }
  .suggestion-wrapper .footer-desc {
    margin-top: 20px;
    padding-bottom: 50px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #83898F;
    text-align: center; }

.cmp-header {
  position: relative;
  padding-bottom: 16px;
  background: white;
  z-index: 9; }
  .cmp-header .details-header-wrapper {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #e8e8e8; }
  .cmp-header .header-content {
    position: relative; }
  .cmp-header .left-header {
    flex: 1;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 16px;
    max-width: calc(100% - 270px); }
    .cmp-header .left-header .ant-tabs-bar {
      margin-bottom: 0px;
      border-bottom: none; }
      .cmp-header .left-header .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
        padding: 4px 16px 8px; }
  .cmp-header .right-header .placeHolderLogo.placeHolderLogoMobile {
    background: url(/static/mobile-top.png);
    background-size: cover; }
  .cmp-header .right-header .placeHolderLogo {
    position: relative;
    background: url(/static/web-top.png);
    background-size: cover;
    background-position: center -6px;
    width: 250px;
    height: 200px; }
    .cmp-header .right-header .placeHolderLogo .func-button-group {
      position: absolute;
      right: 14px;
      bottom: 0;
      border: 1px solid #85C2FF;
      height: 32px;
      border-radius: 63px;
      padding: 8px 4px;
      display: flex;
      align-items: center;
      background: white; }
      .cmp-header .right-header .placeHolderLogo .func-button-group > i {
        padding: 0 10px;
        position: relative;
        height: 14px; }
        .cmp-header .right-header .placeHolderLogo .func-button-group > i > svg {
          width: 14px;
          height: 14px; }
        .cmp-header .right-header .placeHolderLogo .func-button-group > i:not(:last-of-type):after {
          content: ' ';
          background-color: #f0f2f5;
          position: absolute;
          right: 0px;
          width: 1px;
          height: 14px; }
  .cmp-header .header-title-wrapper {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    flex-wrap: wrap; }
    .cmp-header .header-title-wrapper .header-name {
      font-family: PingFangSC-Semibold;
      margin: 0px 10px 0px 0;
      font-size: 34px;
      font-weight: 500;
      line-height: 42px;
      color: #0E1114;
      max-width: 960px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline; }
    .cmp-header .header-title-wrapper .header-device {
      margin-right: 14px;
      height: 24px;
      margin-top: 4px;
      width: 24px; }
    .cmp-header .header-title-wrapper .header-device--pc {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGMyNHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InBjMjRweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InR2Ij4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTQzIiBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTIxLjMsMi42MjUgQzIxLjk2Mjc0MTcsMi42MjUgMjIuNSwzLjE2MjI1ODMgMjIuNSwzLjgyNSBMMjIuNSwxNi4wNzAyMjkzIEMyMi41LDE2LjczMjk3MSAyMS45NjI3NDE3LDE3LjI3MDIyOTMgMjEuMywxNy4yNzAyMjkzIEwxMy4xMjUsMTcuMjY5NSBMMTMuMTI1LDE5LjI1NjAxOTEgTDE1LjM3NSwxOS4yNTYwMTkxIEMxNS45OTYzMjAzLDE5LjI1NjAxOTEgMTYuNTMxMzkwNSwxOS42Mjg2Nzk3IDE2LjUzMTM5MDUsMjAuMjUgQzE2LjUzMTM5MDUsMjAuODcxMzIwMyAxNS45OTYzMjAzLDIxLjM3NSAxNS4zNzUsMjEuMzc1IEw4LjYyNSwyMS4zNzUgQzguMDAzNjc5NjYsMjEuMzc1IDcuNDIyMzYzMzYsMjAuODcxMzIwMyA3LjQyMjM2MzM2LDIwLjI1IEM3LjQyMjM2MzM2LDE5LjYyODY3OTcgOC4wMDM2Nzk2NiwxOS4yNTYwMTkxIDguNjI1LDE5LjI1NjAxOTEgTDEwLjg3NSwxOS4yNTYwMTkxIEwxMC44NzUsMTcuMjY5NSBMMi43LDE3LjI3MDIyOTMgQzIuMDM3MjU4MywxNy4yNzAyMjkzIDEuNSwxNi43MzI5NzEgMS41LDE2LjA3MDIyOTMgTDEuNSwzLjgyNSBDMS41LDMuMTYyMjU4MyAyLjAzNzI1ODMsMi42MjUgMi43LDIuNjI1IEwyMS4zLDIuNjI1IFogTTExLjk4MjExMjQsMTQuMzM5OTEwNSBDMTEuMzYwNzkyMSwxNC4zMzk5MTA1IDEwLjg1NzExMjQsMTQuODQzNTkwMiAxMC44NTcxMTI0LDE1LjQ2NDkxMDUgQzEwLjg1NzExMjQsMTYuMDg2MjMwOSAxMS4zNjA3OTIxLDE2LjU4OTkxMDUgMTEuOTgyMTEyNCwxNi41ODk5MTA1IEMxMi42MDM0MzI4LDE2LjU4OTkxMDUgMTMuMTA3MTEyNCwxNi4wODYyMzA5IDEzLjEwNzExMjQsMTUuNDY0OTEwNSBDMTMuMTA3MTEyNCwxNC44NDM1OTAyIDEyLjYwMzQzMjgsMTQuMzM5OTEwNSAxMS45ODIxMTI0LDE0LjMzOTkxMDUgWiBNMTkuNjAwNzk4NCw0Ljg3Mjg3MTA0IEw0LjQ1MzQ1MTI5LDQuODcyODcxMDQgQzQuMjQwNDI3MTcsNC44NzI4NzEwNCA0LjA2MTk3NTAxLDUuMDIwODkxMTkgNC4wMTUzMzYxMSw1LjIxOTY5MDE3IEw0LjAwMzQ1MTI5LDUuMzIyODcxMDQgTDQuMDAzNDUxMjksMTIuODE3OCBDNC4wMDM0NTEyOSwxMy4xODU5ODk5IDQuMjY4NzY0MDMsMTMuNDkyMjEyNiA0LjYxODYzNzg0LDEzLjU1NTcxNjUgTDQuNzUzNDUxMjksMTMuNTY3OCBMMTkuMzAwNzk4NCwxMy41Njc4IEMxOS42Njg5ODgyLDEzLjU2NzggMTkuOTc1MjEwOSwxMy4zMDI0ODczIDIwLjAzODcxNDksMTIuOTUyNjEzNSBMMjAuMDUwNzk4NCwxMi44MTc4IEwyMC4wNTA3OTg0LDUuMzIyODcxMDQgQzIwLjA1MDc5ODQsNS4xMDk4NDY5MyAxOS45MDI3NzgyLDQuOTMxMzk0NzYgMTkuNzAzOTc5Miw0Ljg4NDc1NTg2IEwxOS42MDA3OTg0LDQuODcyODcxMDQgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzg1QzJGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); }
    .cmp-header .header-title-wrapper .header-device--mobile {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+bW9iaWxlcGhvbmUyNHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Im1vYmlsZXBob25lMjRweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Im1vYmlsZXBob25lIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTQ0IiBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTIwLDAgQzIwLjU1MjI4NDcsLTEuMDE0NTMwNjNlLTE2IDIxLDAuNDQ3NzE1MjUgMjEsMSBMMjEsMjMgQzIxLDIzLjU1MjI4NDcgMjAuNTUyMjg0NywyNCAyMCwyNCBMNCwyNCBDMy40NDc3MTUyNSwyNCAzLDIzLjU1MjI4NDcgMywyMyBMMywxIEMzLDAuNDQ3NzE1MjUgMy40NDc3MTUyNSwxLjAxNDUzMDYzZS0xNiA0LDAgTDIwLDAgWiBNMTQuNSwyMC4yNSBMOS41LDIwLjI1IEM5LjIyMzg1NzYzLDIwLjI1IDksMjAuNDczODU3NiA5LDIwLjc1IEw5LDIwLjc1IEw5LDIxLjI1IEM5LDIxLjUyNjE0MjQgOS4yMjM4NTc2MywyMS43NSA5LjUsMjEuNzUgTDkuNSwyMS43NSBMMTQuNSwyMS43NSBDMTQuNzc2MTQyNCwyMS43NSAxNSwyMS41MjYxNDI0IDE1LDIxLjI1IEwxNSwyMS4yNSBMMTUsMjAuNzUgQzE1LDIwLjQ3Mzg1NzYgMTQuNzc2MTQyNCwyMC4yNSAxNC41LDIwLjI1IEwxNC41LDIwLjI1IFogTTE4LDQuNSBMNiw0LjUgTDYsMTggTDE4LDE4IEwxOCw0LjUgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjODVDMkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }
    .cmp-header .header-title-wrapper .header-version-show {
      background: rgba(255, 255, 255, 0.2);
      height: 26px;
      border: 1px solid #4F73FF;
      color: #4F73FF;
      top: 2px; }
      .cmp-header .header-title-wrapper .header-version-show .anction-down {
        color: #4F73FF; }
      .cmp-header .header-title-wrapper .header-version-show.ant-btn {
        padding: 0 10px; }
      .cmp-header .header-title-wrapper .header-version-show.ant-btn:hover {
        background-color: rgba(79, 115, 255, 0.1); }
      .cmp-header .header-title-wrapper .header-version-show.ant-dropdown-open {
        background-color: rgba(79, 115, 255, 0.2) !important; }
      .cmp-header .header-title-wrapper .header-version-show .anticon {
        margin-left: 4px !important; }
  .cmp-header .header-desc {
    font-family: PingFangSC-Regular;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    color: #565e66;
    color: RGB(var(--skin-css-var-M3, 86, 94, 102)); }
    .cmp-header .header-desc .layout-available {
      margin-left: 8px;
      background: rgba(255, 60, 115, 0.1);
      border: 1px solid rgba(255, 60, 115, 0.05);
      border-radius: 3px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #FF3C73;
      text-align: center;
      line-height: 20px; }
  .cmp-header .tags-wrapper {
    height: 26px;
    margin-left: 4px;
    margin-top: 4px; }
    .cmp-header .tags-wrapper .ant-tag {
      line-height: 26px;
      height: 26px; }
  .cmp-header .detail-wrapper {
    display: flex;
    display: -ms-flexbox;
    position: absolute;
    bottom: 0px;
    right: 40px; }
    .cmp-header .detail-wrapper .detail-tag-desc {
      display: flex;
      display: -ms-flexbox;
      margin: 0 2px 16px 0;
      line-height: 19px;
      font-weight: 500; }
    .cmp-header .detail-wrapper .ant-tag {
      background: none;
      border: none; }
  .cmp-header .tag-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    background-repeat: no-repeat; }
  .cmp-header .back-btn {
    height: 26px;
    font-size: 12px; }
    .cmp-header .back-btn .up-icon {
      transform: translate(-4px, 2.5px);
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgNiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuNCAoNjczNzgpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnVwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iue7hOS7tuWFseS6q+S4reW/gy3mlrDniYjkuIDmnJ8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLmqKHmnb/or6bmg4UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDQuMDAwMDAwLCAtODYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzIuMDAwMDAwLCA4MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJhZGQtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbnMtc3lzLWFycm93dXAtbm9tYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA3LjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC03LjAwMDAwMCkgIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InVwIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNyw1LjY2ODYwNiBMMi4wOTMwOTU1MSw5Ljc4NTk4Nzc0IEMxLjc5Njk0MzI1LDEwLjAzNDQ4OSAxLjM1NTQxNDMzLDkuOTk1ODYwMjMgMS4xMDY5MTMwNyw5LjY5OTcwNzk2IEMwLjg1ODQxMTgxOCw5LjQwMzU1NTcgMC44OTcwNDA1OTMsOC45NjIwMjY3OCAxLjE5MzE5Mjg2LDguNzEzNTI1NTIgTDYuNDczMzQ2NzgsNC4yODI5NTAzMSBDNi42MTIxMjUyMSw0LjEyNzk3ODg1IDYuODA1NjM5Myw0LjA0ODgzOTAxIDcsNC4wNTAyNDU0OSBDNy4xOTQzNjA3LDQuMDQ4ODM5MDEgNy4zODc4NzQ3OSw0LjEyNzk3ODg1IDcuNTI2NjUzMjIsNC4yODI5NTAzMSBMMTIuODA2ODA3MSw4LjcxMzUyNTUyIEMxMy4xMDI5NTk0LDguOTYyMDI2NzggMTMuMTQxNTg4Miw5LjQwMzU1NTcgMTIuODkzMDg2OSw5LjY5OTcwNzk2IEMxMi42NDQ1ODU3LDkuOTk1ODYwMjMgMTIuMjAzMDU2OCwxMC4wMzQ0ODkgMTEuOTA2OTA0NSw5Ljc4NTk4Nzc0IEw3LDUuNjY4NjA2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzgzODk4RiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDcuMDAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTcuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
      width: 14px;
      height: 14px;
      background-repeat: no-repeat;
      background-position: center; }
    .cmp-header .back-btn:focus, .cmp-header .back-btn:hover {
      background: rgba(133, 194, 255, 0.1);
      transition: none;
      border: 1px solid #85C2FF;
      color: #106ecc; }
      .cmp-header .back-btn:focus .up-icon, .cmp-header .back-btn:hover .up-icon {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgNiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuNCAoNjczNzgpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnVwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iue7hOS7tuWFseS6q+S4reW/gy3mlrDniYjkuIDmnJ8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsZT0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5qih5p2/6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ0LjAwMDAwMCwgLTg2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjAwMDAwMCwgODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iYWRkLSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25zLXN5cy1hcnJvd3VwLW5vbWFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNy4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNy4wMDAwMDApICI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ1cCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBmaWxsPSJub25lIiBpZD0iUmVjdGFuZ2xlLTIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggIGQ9Ik03LDUuNjY4NjA2IEwyLjA5MzA5NTUxLDkuNzg1OTg3NzQgQzEuNzk2OTQzMjUsMTAuMDM0NDg5IDEuMzU1NDE0MzMsOS45OTU4NjAyMyAxLjEwNjkxMzA3LDkuNjk5NzA3OTYgQzAuODU4NDExODE4LDkuNDAzNTU1NyAwLjg5NzA0MDU5Myw4Ljk2MjAyNjc4IDEuMTkzMTkyODYsOC43MTM1MjU1MiBMNi40NzMzNDY3OCw0LjI4Mjk1MDMxIEM2LjYxMjEyNTIxLDQuMTI3OTc4ODUgNi44MDU2MzkzLDQuMDQ4ODM5MDEgNyw0LjA1MDI0NTQ5IEM3LjE5NDM2MDcsNC4wNDg4MzkwMSA3LjM4Nzg3NDc5LDQuMTI3OTc4ODUgNy41MjY2NTMyMiw0LjI4Mjk1MDMxIEwxMi44MDY4MDcxLDguNzEzNTI1NTIgQzEzLjEwMjk1OTQsOC45NjIwMjY3OCAxMy4xNDE1ODgyLDkuNDAzNTU1NyAxMi44OTMwODY5LDkuNjk5NzA3OTYgQzEyLjY0NDU4NTcsOS45OTU4NjAyMyAxMi4yMDMwNTY4LDEwLjAzNDQ4OSAxMS45MDY5MDQ1LDkuNzg1OTg3NzQgTDcsNS42Njg2MDYgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjMTA2ZWNjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNy4wMDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNy4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); }
    .cmp-header .back-btn:focus {
      background: rgba(133, 194, 255, 0.2); }
    .cmp-header .back-btn.ant-btn {
      padding: 0 10px; }
  .cmp-header .author-group {
    position: absolute;
    right: 20px;
    top: 0px; }
    .cmp-header .author-group img {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      margin-left: -10px;
      z-index: 5; }
  .cmp-header .download-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTQgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjQgKDY3Mzc4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7kuIvovb08L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5pyA5ZCOIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i57uE5Lu26K+m5oOF6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIwNC4wMDAwMDAsIC0yMTMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlpLTpg6jlhoXlrrkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMC4wMDAwMDAsIDEyNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uLWNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODA1LjAwMDAwMCwgODQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuS4i+i9vSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjY3LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC45MzQ1OTIsMTQuNSBMMi43OTMzMzAwNiwxNC41IEMyLjU1NTU5OTE5LDE0LjUgMi4zNjM5NjEwMywxNC42OTYyNjU3IDIuMzYzOTYxMDMsMTQuOTM5NjY5MSBMMi4zNjM5NjEwMywxNi4wNjAzMzA5IEMyLjM2Mzk2MTAzLDE2LjMwMjcwNTcgMi41NTU1OTkxOSwxNi41IDIuNzkzMzMwMDYsMTYuNSBMMTQuOTM0NTkyLDE2LjUgQzE1LjE3MTI1MSwxNi41IDE1LjM2Mzk2MSwxNi4zMDI2ODM0IDE1LjM2Mzk2MSwxNi4wNjAzMzA5IEwxNS4zNjM5NjEsMTQuOTM5NjY5MSBDMTUuMzYzOTI0NywxNC42OTYyMjA5IDE1LjE3MTI1MSwxNC41IDE0LjkzNDU5MiwxNC41IFoiIGlkPSJQYXRoIiBmaWxsPSIjQkZDM0M3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS44NjM5NjEwMywxMC4zOTk0OTQ5IEwxMy40NjAxNTUxLDYuODAzMzAwODYgQzEzLjY1NTQxNzMsNi42MDgwMzg3MSAxMy45NzE5OTk3LDYuNjA4MDM4NzEgMTQuMTY3MjYxOSw2LjgwMzMwMDg2IEwxNC44NzQzNjg3LDcuNTEwNDA3NjQgQzE1LjA2OTYzMDgsNy43MDU2Njk3OSAxNS4wNjk2MzA4LDguMDIyMjUyMjggMTQuODc0MzY4Nyw4LjIxNzUxNDQyIEw5LjIxNzUxNDQyLDEzLjg3NDM2ODcgQzkuMDIyMjUyMjgsMTQuMDY5NjMwOCA4LjcwNTY2OTc5LDE0LjA2OTYzMDggOC41MTA0MDc2NCwxMy44NzQzNjg3IEwyLjg1MzU1MzM5LDguMjE3NTE0NDIgQzIuNjU4MjkxMjQsOC4wMjIyNTIyOCAyLjY1ODI5MTI0LDcuNzA1NjY5NzkgMi44NTM1NTMzOSw3LjUxMDQwNzY0IEwzLjU2MDY2MDE3LDYuODAzMzAwODYgQzMuNzU1OTIyMzIsNi42MDgwMzg3MSA0LjA3MjUwNDgxLDYuNjA4MDM4NzEgNC4yNjc3NjY5NSw2LjgwMzMwMDg2IEw3Ljg2Mzk2MTAzLDEwLjM5OTQ5NDkgTDcuODYzOTYxMDMsMiBDNy44NjM5NjEwMywxLjcyMzg1NzYzIDguMDg3ODE4NjYsMS41IDguMzYzOTYxMDMsMS41IEw5LjM2Mzk2MTAzLDEuNSBDOS42NDAxMDM0MSwxLjUgOS44NjM5NjEwMywxLjcyMzg1NzYzIDkuODYzOTYxMDMsMiBMOS44NjM5NjEwMywxMC4zOTk0OTQ5IFoiIGlkPSLlkIjlubblvaLnirYiIGZpbGw9IiNCRkMzQzciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .dependence-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7kvp3otZY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5L6d6LWWIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSJndWFubGlhbi0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgNC4wMDAwMDApIiBmaWxsPSIjQkZDM0M3Ij4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjQ2MjI2MTczLDguOTM2NjQgTDEuOTYwNzcwMzcsOC45MzY2NCBMMS45NjA3NzAzNywyLjA2MzUyIEw1LjQ2MjI2MTczLDIuMDYzNTIgQzYuMDE0NTQ2NDgsMi4wNjM1MiA2LjQ2MjI2MTczLDEuNjE1ODA0NzUgNi40NjIyNjE3MywxLjA2MzUyIEw2LjQ2MjI2MTczLDEuMDE3NiBDNi40NjIyNjE3MywwLjQ2NTMxNTI1IDYuMDE0NTQ2NDgsMC4wMTc2IDUuNDYyMjYxNzMsMC4wMTc2IEwxLjAxNjkwODY0LDAuMDE3NiBDMC40NjQ2MjM4OTIsMC4wMTc2IDAuMDE2OTA4NjQyLDAuNDY1MzE1MjUgMC4wMTY5MDg2NDIsMS4wMTc2IEwwLjAxNjkwODY0Miw5Ljk4MjQgQzAuMDE2OTA4NjQyLDEwLjUzNDY4NDcgMC40NjQ2MjM4OTIsMTAuOTgyNCAxLjAxNjkwODY0LDEwLjk4MjQgTDUuNDYyMjYxNzMsMTAuOTgyNCBDNi4wMTQ1NDY0OCwxMC45ODI0IDYuNDYyMjYxNzMsMTAuNTM0Njg0NyA2LjQ2MjI2MTczLDkuOTgyNCBMNi40NjIyNjE3Myw5LjkzNjY0IEM2LjQ2MjI2MTczLDkuMzg0MzU1MjUgNi4wMTQ1NDY0OCw4LjkzNjY0IDUuNDYyMjYxNzMsOC45MzY2NCBaIE05LjUzNzczODI3LDEuMDE3NiBMOS41Mzc3MzgyNywxLjA2MzUyIEM5LjUzNzczODI3LDEuNjE1ODA0NzUgOS45ODU0NTM1MiwyLjA2MzUyIDEwLjUzNzczODMsMi4wNjM1MiBMMTQuMDM5Mzg3NywyLjA2MzUyIEwxNC4wMzkzODc3LDguOTM2NjQgTDEwLjUzNzczODMsOC45MzY2NCBDOS45ODU0NTM1Miw4LjkzNjY0IDkuNTM3NzM4MjcsOS4zODQzNTUyNSA5LjUzNzczODI3LDkuOTM2NjQgTDkuNTM3NzM4MjcsOS45ODI0IEM5LjUzNzczODI3LDEwLjUzNDY4NDcgOS45ODU0NTM1MiwxMC45ODI0IDEwLjUzNzczODMsMTAuOTgyNCBMMTQuOTgzMDkxNCwxMC45ODI0IEMxNS41MzUzNzYxLDEwLjk4MjQgMTUuOTgzMDkxNCwxMC41MzQ2ODQ3IDE1Ljk4MzA5MTQsOS45ODI0IEwxNS45ODMwOTE0LDEuMDE3NiBDMTUuOTgzMDkxNCwwLjQ2NTMxNTI1IDE1LjUzNTM3NjEsMC4wMTc2IDE0Ljk4MzA5MTQsMC4wMTc2IEwxMC41Mzc3MzgzLDAuMDE3NiBDOS45ODU0NTM1MiwwLjAxNzYgOS41Mzc3MzgyNywwLjQ2NTMxNTI1IDkuNTM3NzM4MjcsMS4wMTc2IFoiIGlkPSJTaGFwZSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC43MTI2MzIxLDMuODYzODQgTDExLjI4NzM2NzksMy44NjM4NCBDMTEuODM5NjUyNywzLjg2Mzg0IDEyLjI4NzM2NzksNC4zMTE1NTUyNSAxMi4yODczNjc5LDQuODYzODQgTDEyLjI4NzM2NzksNi4xMzYgQzEyLjI4NzM2NzksNi42ODgyODQ3NSAxMS44Mzk2NTI3LDcuMTM2IDExLjI4NzM2NzksNy4xMzYgTDQuNzEyNjMyMSw3LjEzNiBDNC4xNjAzNDczNSw3LjEzNiAzLjcxMjYzMjEsNi42ODgyODQ3NSAzLjcxMjYzMjEsNi4xMzYgTDMuNzEyNjMyMSw0Ljg2Mzg0IEMzLjcxMjYzMjEsNC4zMTE1NTUyNSA0LjE2MDM0NzM1LDMuODYzODQgNC43MTI2MzIxLDMuODYzODQgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .buildStatus-icon--success {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7mnoTlu7o8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5p6E5bu6IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiM0NkNGODQiIGN4PSI5IiBjeT0iOSIgcj0iOSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4wMDExMDA3NSwxMi45OTk5OTk0IEw2LjAwMjIwMTQ2LDEyLjk5OTk5OTQgTDYuMDAwMDAwMDMsMTIuOTk5OTk5NCBMNi4wMDExMDA3NSwxMi45OTk5OTk0IEM1LjY0MzgzNTM3LDEzLjAwMDM5MjcgNS4zMTM0OTg3NCwxMi44MTAxNTcyIDUuMTM0NTI1NDgsMTIuNTAwOTUzIEM0Ljk1NTU1MjIzLDEyLjE5MTc0ODcgNC45NTUxMzI2NCwxMS44MTA1NTExIDUuMTMzNDI0NzcsMTEuNTAwOTUzNSBDNS4zMTE3MTY5LDExLjE5MTM1NiA1LjY0MTYzMzk0LDExLjAwMDM5MzkgNS45OTg4OTkzMiwxMS4wMDAwMDA2IEM2LjU1MTE4MzcxLDEwLjk5OTM5MjcgNi45OTkzOTE0NywxMS40NDY2MTQ5IDYuOTk5OTk5MzgsMTEuOTk4ODk5MyBDNy4wMDA2MDcyOSwxMi41NTExODM3IDYuNTUzMzg1MTQsMTIuOTk5MzkxNSA2LjAwMTEwMDc1LDEyLjk5OTk5OTQgTTEzLjgwNDI1NzcsNi41MTE3NDQwOSBMMTMuODAyMTg2NSw2LjUxMTc0NDA5IEwxMi4yMzUzNDA4LDguMDkyNjQ1MDggQzEyLjA5MTM5MzksOC4yMzc1ODY4OSAxMS41OTk0ODkzLDguMjIyMDU3NDEgMTEuNTk5NDg5Myw4LjIyMjA1NzQxIEMxMS41OTk0ODkzLDguMjIyMDU3NDEgMTAuMzAxODk2Nyw4LjA3NzExNTYgMTAuMTE0NDU1MSw3Ljg4OTcyNjU1IEM5LjkyODA0OTEzLDcuNzAzMzcyOCA5Ljc5OTYzNjEzLDYuMzQ0MDI1NzEgOS43OTk2MzYxMyw2LjM0NDAyNTcxIEM5Ljc5OTYzNjEzLDYuMzQ0MDI1NzEgOS43NjMzOTA1Myw1Ljk2NTEwNjQyIDkuOTUwODMyMDksNS43Nzg3NTI2NyBMMTEuNTIzODkxMyw0LjIwMDk1NzU3IEMxMS41MjM4OTEzLDQuMjAwOTU3NTcgMTEuNzAyMDEyNiw0LjAwMzIxNTUzIDExLjQ0NDE1MSw0LjAwMDEwOTY0IEMxMC42MTE1Mzc3LDMuOTk4MDM5MDQgOC45MjI0OTI1LDQuMDE2Njc0NDIgOC4xMDMzNDE4Myw0LjgzNjYzMDkyIEw3LjkzMjQ2OTcsNS4wMDUzODQ2IEM3LjAxMTc1NjUsNS45MjE3MTg2OCA2Ljg4MjA2Nzk4LDcuMzY2NjY0MDIgNy42MjQ4OTk4NSw4LjQzMjIyMzAzIEw0LjQ1Mjg5MTY0LDExLjI0MzA1ODggQzQuMDcyODMwNTksMTEuNjI2MTE5MyAzLjY1OTYzMDY5LDEyLjc1MTQ4ODkgNC40NTI4OTE2NCwxMy41NDQ1Mjc2IEM1LjI0NjE1MjU5LDE0LjM0MTcwNzUgNi4zNjg3MzA3NSwxMy45Mjc1ODgxIDYuNzUxODk4NTcsMTMuNTQ0NTI3NiBDNi43NTE4OTg1NywxMy41NDQ1Mjc2IDkuMDE5ODM3ODQsMTAuOTkxNDgxMiA5LjU2OTczNTQ0LDEwLjM4NTgzMTUgQzEwLjYyODg0MTIsMTEuMTU3NDEwNiAxMi4wOTM3MzE3LDExLjAzNTc3NDUgMTMuMDEwOTk2NywxMC4xMDAwODkxIEwxMy4xNzk3OTc3LDkuOTMyMzcwNzMgQzEzLjk3MzA1ODYsOS4xMzQxNTU0OSAxMy45OTc5MTI4LDcuNDU4MDA3MDMgMTMuOTk5OTgzOSw2LjYwOTA2MjE2IEMxNC4wMDIwNTUxLDYuMzM5ODg0NTIgMTMuODAzMjIyMSw2LjUxMjc3OTM5IDEzLjgwMzIyMjEsNi41MTI3NzkzOSIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .buildStatus-icon--fail {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7mnoTlu7ogY29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwMy3pppbpobXop4TliJkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NDMuMDAwMDAwLCAtMTYwNC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuaehOW7ui1jb3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDMuMDAwMDAwLCAxNjA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuaehOW7uiI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGNDc1QSIgY3g9IjkiIGN5PSI5IiByPSI5Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4wMDExMDA3NSwxMi45OTk5OTk0IEw2LjAwMjIwMTQ2LDEyLjk5OTk5OTQgTDYuMDAwMDAwMDMsMTIuOTk5OTk5NCBMNi4wMDExMDA3NSwxMi45OTk5OTk0IEM1LjY0MzgzNTM3LDEzLjAwMDM5MjcgNS4zMTM0OTg3NCwxMi44MTAxNTcyIDUuMTM0NTI1NDgsMTIuNTAwOTUzIEM0Ljk1NTU1MjIzLDEyLjE5MTc0ODcgNC45NTUxMzI2NCwxMS44MTA1NTExIDUuMTMzNDI0NzcsMTEuNTAwOTUzNSBDNS4zMTE3MTY5LDExLjE5MTM1NiA1LjY0MTYzMzk0LDExLjAwMDM5MzkgNS45OTg4OTkzMiwxMS4wMDAwMDA2IEM2LjU1MTE4MzcxLDEwLjk5OTM5MjcgNi45OTkzOTE0NywxMS40NDY2MTQ5IDYuOTk5OTk5MzgsMTEuOTk4ODk5MyBDNy4wMDA2MDcyOSwxMi41NTExODM3IDYuNTUzMzg1MTQsMTIuOTk5MzkxNSA2LjAwMTEwMDc1LDEyLjk5OTk5OTQgTTEzLjgwNDI1NzcsNi41MTE3NDQwOSBMMTMuODAyMTg2NSw2LjUxMTc0NDA5IEwxMi4yMzUzNDA4LDguMDkyNjQ1MDggQzEyLjA5MTM5MzksOC4yMzc1ODY4OSAxMS41OTk0ODkzLDguMjIyMDU3NDEgMTEuNTk5NDg5Myw4LjIyMjA1NzQxIEMxMS41OTk0ODkzLDguMjIyMDU3NDEgMTAuMzAxODk2Nyw4LjA3NzExNTYgMTAuMTE0NDU1MSw3Ljg4OTcyNjU1IEM5LjkyODA0OTEzLDcuNzAzMzcyOCA5Ljc5OTYzNjEzLDYuMzQ0MDI1NzEgOS43OTk2MzYxMyw2LjM0NDAyNTcxIEM5Ljc5OTYzNjEzLDYuMzQ0MDI1NzEgOS43NjMzOTA1Myw1Ljk2NTEwNjQyIDkuOTUwODMyMDksNS43Nzg3NTI2NyBMMTEuNTIzODkxMyw0LjIwMDk1NzU3IEMxMS41MjM4OTEzLDQuMjAwOTU3NTcgMTEuNzAyMDEyNiw0LjAwMzIxNTUzIDExLjQ0NDE1MSw0LjAwMDEwOTY0IEMxMC42MTE1Mzc3LDMuOTk4MDM5MDQgOC45MjI0OTI1LDQuMDE2Njc0NDIgOC4xMDMzNDE4Myw0LjgzNjYzMDkyIEw3LjkzMjQ2OTcsNS4wMDUzODQ2IEM3LjAxMTc1NjUsNS45MjE3MTg2OCA2Ljg4MjA2Nzk4LDcuMzY2NjY0MDIgNy42MjQ4OTk4NSw4LjQzMjIyMzAzIEw0LjQ1Mjg5MTY0LDExLjI0MzA1ODggQzQuMDcyODMwNTksMTEuNjI2MTE5MyAzLjY1OTYzMDY5LDEyLjc1MTQ4ODkgNC40NTI4OTE2NCwxMy41NDQ1Mjc2IEM1LjI0NjE1MjU5LDE0LjM0MTcwNzUgNi4zNjg3MzA3NSwxMy45Mjc1ODgxIDYuNzUxODk4NTcsMTMuNTQ0NTI3NiBDNi43NTE4OTg1NywxMy41NDQ1Mjc2IDkuMDE5ODM3ODQsMTAuOTkxNDgxMiA5LjU2OTczNTQ0LDEwLjM4NTgzMTUgQzEwLjYyODg0MTIsMTEuMTU3NDEwNiAxMi4wOTM3MzE3LDExLjAzNTc3NDUgMTMuMDEwOTk2NywxMC4xMDAwODkxIEwxMy4xNzk3OTc3LDkuOTMyMzcwNzMgQzEzLjk3MzA1ODYsOS4xMzQxNTU0OSAxMy45OTc5MTI4LDcuNDU4MDA3MDMgMTMuOTk5OTgzOSw2LjYwOTA2MjE2IEMxNC4wMDIwNTUxLDYuMzM5ODg0NTIgMTMuODAzMjIyMSw2LjUxMjc3OTM5IDEzLjgwMzIyMjEsNi41MTI3NzkzOSIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .d-tip-li {
    white-space: nowrap; }
  .cmp-header .ant-tooltip {
    max-width: 999px; }

.ant-drawer-body {
  padding: 0; }

.ant-drawer-content-wrapper {
  max-width: 1000px;
  min-width: 767px; }

.build-title {
  position: relative;
  padding: 16px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: #33383D;
  line-height: 0px; }
  .build-title .anticon:nth-child(1) {
    margin-right: 8px; }
  .build-title .close-icon {
    float: right;
    right: 0;
    margin-right: 8px;
    cursor: pointer; }

.func-button-group {
  display: inline-block;
  margin: 20px 0px 0px 0px;
  vertical-align: middle; }
  .func-button-group a.ant-btn {
    line-height: 30px; }
  .func-button-group .anticon {
    vertical-align: middle; }
  .func-button-group .ant-btn {
    line-height: 30px;
    height: 30px;
    margin-right: 16px !important; }
  .func-button-group .ant-btn:not(:last-child) {
    border-radius: 15px;
    font-size: 14px;
    font-family: "PingFang SC", "Hiragino Sans GB",STHeitiSC,Helvetica,"Helvetica Neue","Microsoft YaHei",Tahoma;
    background-color: #fff;
    color: #4F73FF;
    border: 1px solid #4F73FF;
    height: 30px;
    padding: 0 12px; }
    .func-button-group .ant-btn:not(:last-child):hover {
      background-color: rgba(79, 115, 255, 0.1); }
    .func-button-group .ant-btn:not(:last-child):active {
      background-color: rgba(79, 115, 255, 0.2); }
    .func-button-group .ant-btn:not(:last-child)[disabled]:hover, .func-button-group .ant-btn:not(:last-child)[disabled]:active, .func-button-group .ant-btn:not(:last-child)[disabled] {
      color: rgba(79, 115, 255, 0.5);
      background-color: #fff;
      border: 1px solid rgba(79, 115, 255, 0.5); }

.ant-dropdown-menu-root {
  max-height: 500px;
  overflow-y: auto; }

.cm-s-erlang-dark { background: #002240; color: white; }
.cm-s-erlang-dark div.CodeMirror-selected { background: #b36539 !important; }
.cm-s-erlang-dark .CodeMirror-gutter { background: #002240; border-right: 1px solid #aaa; }
.cm-s-erlang-dark .CodeMirror-gutter-text { color: #d0d0d0; }
.cm-s-erlang-dark .CodeMirror-cursor { border-left: 1px solid white !important; }

.cm-s-erlang-dark span.cm-atom       { color: #845dc4; }
.cm-s-erlang-dark span.cm-attribute  { color: #ff80e1; }
.cm-s-erlang-dark span.cm-bracket    { color: #ff9d00; }
.cm-s-erlang-dark span.cm-builtin    { color: #eeaaaa; }
.cm-s-erlang-dark span.cm-comment    { color: #7777ff; }
.cm-s-erlang-dark span.cm-def        { color: #ee77aa; }
.cm-s-erlang-dark span.cm-error      { color: #9d1e15; }
.cm-s-erlang-dark span.cm-keyword    { color: #ffee80; }
.cm-s-erlang-dark span.cm-meta       { color: #50fefe; }
.cm-s-erlang-dark span.cm-number     { color: #ffd0d0; }
.cm-s-erlang-dark span.cm-operator   { color: #dd1111; }
.cm-s-erlang-dark span.cm-string     { color: #3ad900; }
.cm-s-erlang-dark span.cm-tag        { color: #9effff; }
.cm-s-erlang-dark span.cm-variable   { color: #50fe50; }
.cm-s-erlang-dark span.cm-variable-2 { color: #ee00ee; }
.example-component {
  position: relative; }
  .example-component .example-component-content .content--mobile-wrapper {
    overflow-x: auto;
    padding: 20px 0;
    position: relative; }
  .example-component .example-component-content .content--mobile {
    margin: 0 auto;
    border-radius: 3px;
    position: relative;
    overflow: hidden; }
  .example-component .example-component-content .device-size-select {
    display: flex;
    justify-content: flex-end; }
    .example-component .example-component-content .device-size-select .ant-btn {
      margin-left: 10px; }
  .example-component .example-component-content .iframe--is-mobile {
    overflow: auto;
    width: 100%; }
  .example-component .example-component-content .iframs--width-larger {
    width: calc(100% + 15px); }
  .example-component .storybook-link {
    position: absolute;
    right: 0;
    top: -2.8em; }
  .example-component .codesandbox-link {
    position: absolute;
    right: 30;
    top: -2.8em; }

.sand-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 2; }
  .sand-btn button {
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer; }
    .sand-btn button i {
      font-size: 20px; }

.hl-wrapper {
  position: relative; }
  .hl-wrapper pre {
    position: relative;
    margin-bottom: 24px;
    border-radius: 12px;
    background: #fff;
    overflow: hidden; }
  .hl-wrapper code {
    display: block;
    padding: 12px 24px;
    overflow-y: auto;
    font-weight: 300;
    font-family: Menlo, monospace;
    font-size: 0.8em; }
  .hl-wrapper code.has-numbering {
    margin-left: 51px; }
  .hl-wrapper .pre-numbering {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    padding: 6px 2px 12px 0;
    border-right: 1px solid #c3ccd0;
    border-radius: 3px 0 0 3px;
    text-align: right;
    font-family: Menlo, monospace;
    font-size: 0.8em;
    color: #aaa; }
    .hl-wrapper .pre-numbering li {
      text-align: center; }

.CodeMirror {
  height: auto !important; }

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* 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-linenumbers {}
.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-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.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,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.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, .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;
}
.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 */
  -moz-border-radius: 0; -webkit-border-radius: 0; 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-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-widget {}

.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 {
  -moz-box-sizing: content-box;
  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, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .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; }

.nav-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 64px;
  color: rgba(255, 255, 255, 0.9);
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  background: RGB(var(--skin-css-var-M9, 255, 255, 255));
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); }
  .nav-wrapper .nav-sign-in, .nav-wrapper .nav-sign-out {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin: 0;
    line-height: 64px;
    padding: 0 15px;
    width: 116px;
    font-size: 16px;
    height: 64px; }
    .nav-wrapper .nav-sign-in-img, .nav-wrapper .nav-sign-out-img {
      margin-right: 4px;
      width: 20px;
      height: 20px;
      vertical-align: middle; }
  .nav-wrapper .nav-sign-in {
    color: white;
    color: RGB(var(--skin-css-var-M9, 255, 255, 255));
    background: #1d86f0;
    background: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
  .nav-wrapper .nav-sign-out {
    color: #33383d;
    color: RGB(var(--skin-css-var-M2, 51, 56, 61));
    background: #f0f2f5;
    background: RGB(var(--skin-css-var-M7, 240, 242, 245)); }
    .nav-wrapper .nav-sign-out:hover {
      color: #1d86f0;
      color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
      .nav-wrapper .nav-sign-out:hover .nav-sign-out-img svg g path {
        fill: #1d86f0;
        fill: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
  .nav-wrapper .nav-item {
    color: RGB(var(--skin-css-var-M2, 51, 56, 61));
    cursor: pointer;
    font-family: PingFangSC-Semibold; }
    .nav-wrapper .nav-item:hover {
      color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
  .nav-wrapper .nav-doc-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer; }
    .nav-wrapper .nav-doc-wrapper .nav-item-select {
      padding: 4px 0px;
      list-style: none;
      position: absolute;
      background: #fff;
      margin-bottom: 0;
      display: none;
      width: 170px;
      margin-left: 15px;
      border-radius: 3px;
      margin-top: 1px;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); }
      .nav-wrapper .nav-doc-wrapper .nav-item-select__li {
        height: 28px; }
        .nav-wrapper .nav-doc-wrapper .nav-item-select__li a {
          line-height: 28px;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #0e1114;
          width: 100%;
          padding: 0 10px;
          position: absolute; }
        .nav-wrapper .nav-doc-wrapper .nav-item-select__li--active {
          background: rgba(255, 255, 255, 0.1); }
        .nav-wrapper .nav-doc-wrapper .nav-item-select__li:hover {
          background: rgba(133, 194, 255, 0.1); }
    .nav-wrapper .nav-doc-wrapper:hover .nav-item-select {
      display: block; }
  .nav-wrapper .nav-left {
    float: left;
    line-height: 64px;
    margin: 0 60px; }
    .nav-wrapper .nav-left .home-wrapper {
      cursor: pointer;
      position: relative;
      width: 160px;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .nav-wrapper .nav-left .home-wrapper .logo {
        background-image: url("/static/beisen.svg");
        background-repeat: no-repeat;
        background-position-y: 50%;
        width: 160px;
        height: 38px; }
      .nav-wrapper .nav-left .home-wrapper .nav-item {
        display: inline-block;
        padding-left: 76px;
        line-height: 24px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600; }
      .nav-wrapper .nav-left .home-wrapper img {
        margin-right: 5px; }
  .nav-wrapper .nav-center {
    float: left; }
    .nav-wrapper .nav-center .nav-item {
      margin: 0 20px; }
  .nav-wrapper .nav-right {
    float: right; }
    .nav-wrapper .nav-right .nav-item {
      font-size: 12px;
      line-height: 20px;
      margin: 0 12px;
      font-weight: 600; }
  .nav-wrapper .nav-center, .nav-wrapper .nav-right {
    line-height: 64px; }
    .nav-wrapper .nav-center .nav-item-wrapper, .nav-wrapper .nav-right .nav-item-wrapper {
      display: inline-block; }
      .nav-wrapper .nav-center .nav-item-wrapper .nav-item.nav-item-active, .nav-wrapper .nav-right .nav-item-wrapper .nav-item.nav-item-active {
        color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
  .nav-wrapper .nav-menu {
    display: none; }

@keyframes menuShow {
  0% {
    right: -280px; }
  100% {
    right: 0px; } }

@media screen and (max-width: 1200px) {
  .nav-wrapper {
    display: flex;
    align-items: center; }
    .nav-wrapper .nav-center, .nav-wrapper .nav-right {
      display: none; }
    .nav-wrapper .nav-left {
      display: flex;
      flex: 1;
      justify-content: center; }
    .nav-wrapper .nav-menu {
      width: 64px;
      height: 64px;
      display: flex;
      align-items: center; }
      .nav-wrapper .nav-menu ul, .nav-wrapper .nav-menu li {
        list-style-type: none; }
      .nav-wrapper .nav-menu-icon {
        cursor: pointer; }
      .nav-wrapper .nav-menu-show {
        display: block;
        animation: menuShow 0.3s ease; }
      .nav-wrapper .nav-menu-list {
        position: fixed;
        width: 100vw;
        height: calc(100vh - 64px);
        color: #33383d;
        top: 64px;
        right: 0; }
        .nav-wrapper .nav-menu-list .nav-menu-item {
          height: 40px;
          margin-bottom: 16px;
          cursor: pointer; }
          .nav-wrapper .nav-menu-list .nav-menu-item-active {
            color: #1d86f0; }
        .nav-wrapper .nav-menu-list-content {
          width: 280px;
          position: absolute;
          right: 0;
          top: 0;
          background: white;
          height: 100%;
          overflow-y: auto;
          overflow-x: hidden;
          padding-bottom: 64px; }
          .nav-wrapper .nav-menu-list-content::-webkit-scrollbar {
            width: 10px;
            height: 10px; }
            .nav-wrapper .nav-menu-list-content::-webkit-scrollbar-track {
              border-radius: 100px;
              background-color: transparent; }
            .nav-wrapper .nav-menu-list-content::-webkit-scrollbar-thumb {
              border: 2px solid transparent;
              border-radius: 100px;
              background-color: rgba(0, 0, 0, 0.1);
              background-clip: content-box; }
              .nav-wrapper .nav-menu-list-content::-webkit-scrollbar-thumb:hover {
                background-color: rgba(14, 17, 20, 0.3); }
          .nav-wrapper .nav-menu-list-content .ant-menu-inline {
            border-right: 0px; }
        .nav-wrapper .nav-menu-list-line {
          margin: 16px 20px 16px 24px;
          width: calc(100% - 60px);
          height: 1px;
          background-color: #f0f2f5; }
      .nav-wrapper .nav-menu-mask {
        height: 100%;
        opacity: 1;
        background: rgba(14, 17, 20, 0.3); } }

.templateCard {
  position: relative;
  width: 320px;
  margin: 0 12px 11px 0;
  border: 1px solid #f0f2f5;
  border-radius: 3px;
  background: #ffffff;
  color: #241d1d;
  transition: all 0.15s ease-out; }
  .templateCard .templateCard-screenshots {
    position: relative;
    height: 181px;
    overflow: hidden;
    margin: 12px 12px 0;
    box-sizing: border-box;
    background: #fafbfc; }
    .templateCard .templateCard-screenshots .templateCard-container {
      height: 100%;
      cursor: pointer; }
      .templateCard .templateCard-screenshots .templateCard-container ul {
        padding: 0;
        margin: 0;
        transition: all 1.5s ease-out;
        cursor: pointer; }
      .templateCard .templateCard-screenshots .templateCard-container li {
        list-style: none; }
    .templateCard .templateCard-screenshots img {
      width: 100%;
      object-fit: scale-down; }
  .templateCard .templateCard-content {
    padding: 12px 12px 2px 12px;
    width: 100%; }
  .templateCard .templateCard-title .templateCard-title__name-zh-wrapper {
    display: flex;
    margin-bottom: 4px;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
    line-height: 1.2;
    font-family: PingFangSC-Medium;
    font-size: 13px;
    font-weight: 500; }
  .templateCard .templateCard-title .templateCard-title__name-en {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #33383D;
    line-height: 22px;
    margin-bottom: 9px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .templateCard .templateCard-title .templateCard-title__name-en .ant-tooltip-inner {
      font-size: 12px;
      font-family: PingFangSC-Regular;
      line-height: 20px;
      padding: 4px 10px;
      border-radius: 3px;
      white-space: initial; }
  .templateCard .templateCard-title .templateCard-title__device {
    height: 16px;
    width: 16px; }
  .templateCard .templateCard-title .templateCard-title__device--pc {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGMxOHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InBjMThweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InR2Ij4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTQzIiBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTE0LjIsMS43NSBDMTQuNjQxODI3OCwxLjc1IDE1LDIuMTA4MTcyMiAxNSwyLjU1IEwxNSwxMC43MTM0ODYyIEMxNSwxMS4xNTUzMTQgMTQuNjQxODI3OCwxMS41MTM0ODYyIDE0LjIsMTEuNTEzNDg2MiBMOC43NSwxMS41MTMgTDguNzUsMTIuODM3MzQ2MSBMMTAuMjUsMTIuODM3MzQ2MSBDMTAuNjY0MjEzNiwxMi44MzczNDYxIDExLjAyMDkyNywxMy4wODU3ODY0IDExLjAyMDkyNywxMy41IEMxMS4wMjA5MjcsMTMuOTE0MjEzNiAxMC42NjQyMTM2LDE0LjI1IDEwLjI1LDE0LjI1IEw1Ljc1LDE0LjI1IEM1LjMzNTc4NjQ0LDE0LjI1IDQuOTQ4MjQyMjQsMTMuOTE0MjEzNiA0Ljk0ODI0MjI0LDEzLjUgQzQuOTQ4MjQyMjQsMTMuMDg1Nzg2NCA1LjMzNTc4NjQ0LDEyLjgzNzM0NjEgNS43NSwxMi44MzczNDYxIEw3LjI1LDEyLjgzNzM0NjEgTDcuMjUsMTEuNTEzIEwxLjgsMTEuNTEzNDg2MiBDMS4zNTgxNzIyLDExLjUxMzQ4NjIgMSwxMS4xNTUzMTQgMSwxMC43MTM0ODYyIEwxLDIuNTUgQzEsMi4xMDgxNzIyIDEuMzU4MTcyMiwxLjc1IDEuOCwxLjc1IEwxNC4yLDEuNzUgWiBNNy45ODgwNzQ5NCw5LjU1OTk0MDM1IEM3LjU3Mzg2MTM4LDkuNTU5OTQwMzUgNy4yMzgwNzQ5NCw5Ljg5NTcyNjc4IDcuMjM4MDc0OTQsMTAuMzA5OTQwMyBDNy4yMzgwNzQ5NCwxMC43MjQxNTM5IDcuNTczODYxMzgsMTEuMDU5OTQwMyA3Ljk4ODA3NDk0LDExLjA1OTk0MDMgQzguNDAyMjg4NSwxMS4wNTk5NDAzIDguNzM4MDc0OTQsMTAuNzI0MTUzOSA4LjczODA3NDk0LDEwLjMwOTk0MDMgQzguNzM4MDc0OTQsOS44OTU3MjY3OCA4LjQwMjI4ODUsOS41NTk5NDAzNSA3Ljk4ODA3NDk0LDkuNTU5OTQwMzUgWiBNMTMuMDY3MTk4OSwzLjI0ODU4MDcgTDIuOTY4OTY3NTIsMy4yNDg1ODA3IEMyLjgyNjk1MTQ1LDMuMjQ4NTgwNyAyLjcwNzk4MzM0LDMuMzQ3MjYwNzkgMi42NzY4OTA3NCwzLjQ3OTc5MzQ1IEwyLjY2ODk2NzUyLDMuNTQ4NTgwNyBMMi42Njg5Njc1Miw4LjU0NTIwMDAzIEMyLjY2ODk2NzUyLDguNzkwNjU5OTIgMi44NDU4NDI2OCw4Ljk5NDgwODQgMy4wNzkwOTE4OSw5LjAzNzE0NDM2IEwzLjE2ODk2NzUyLDkuMDQ1MjAwMDMgTDEyLjg2NzE5ODksOS4wNDUyMDAwMyBDMTMuMTEyNjU4OCw5LjA0NTIwMDAzIDEzLjMxNjgwNzMsOC44NjgzMjQ4NyAxMy4zNTkxNDMyLDguNjM1MDc1NjYgTDEzLjM2NzE5ODksOC41NDUyMDAwMyBMMTMuMzY3MTk4OSwzLjU0ODU4MDcgQzEzLjM2NzE5ODksMy40MDY1NjQ2MiAxMy4yNjg1MTg4LDMuMjg3NTk2NTEgMTMuMTM1OTg2MiwzLjI1NjUwMzkxIEwxMy4wNjcxOTg5LDMuMjQ4NTgwNyBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjODVDMkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }
  .templateCard .templateCard-title .templateCard-title__device--mobile {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+bW9iaWxlcGhvbmUxOHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Im1vYmlsZXBob25lMThweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Im1vYmlsZXBob25lIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTQ0IiBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTEzLDAgQzEzLjU1MjI4NDcsLTEuMDE0NTMwNjNlLTE2IDE0LDAuNDQ3NzE1MjUgMTQsMSBMMTQsMTUgQzE0LDE1LjU1MjI4NDcgMTMuNTUyMjg0NywxNiAxMywxNiBMMywxNiBDMi40NDc3MTUyNSwxNiAyLDE1LjU1MjI4NDcgMiwxNSBMMiwxIEMyLDAuNDQ3NzE1MjUgMi40NDc3MTUyNSwxLjAxNDUzMDYzZS0xNiAzLDAgTDEzLDAgWiBNOS41LDEzLjUgTDYuNSwxMy41IEM2LjIyMzg1NzYzLDEzLjUgNiwxMy43MjM4NTc2IDYsMTQgQzYsMTQuMjc2MTQyNCA2LjIyMzg1NzYzLDE0LjUgNi41LDE0LjUgTDYuNSwxNC41IEw5LjUsMTQuNSBDOS43NzYxNDIzNywxNC41IDEwLDE0LjI3NjE0MjQgMTAsMTQgQzEwLDEzLjcyMzg1NzYgOS43NzYxNDIzNywxMy41IDkuNSwxMy41IEw5LjUsMTMuNSBaIE0xMiwzIEw0LDMgTDQsMTIgTDEyLDEyIEwxMiwzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzg1QzJGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); }
  .templateCard .templateCard-title .ant-rate {
    position: absolute !important; }
    .templateCard .templateCard-title .ant-rate .ant-rate-star {
      margin-right: 3px; }
  .templateCard .templateCard-title a {
    margin-right: 4px;
    line-height: 24px;
    overflow: hidden;
    max-width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    transition: color 0.15s ease-out;
    cursor: pointer;
    color: #0e1114;
    text-decoration: none; }
  .templateCard .templateCard-tab-wrapper {
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    flex-wrap: wrap; }
    .templateCard .templateCard-tab-wrapper .ant-tag {
      font-weight: 100 !important;
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 6px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .templateCard .templateCard-tab-wrapper .des-wrapper {
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-family: PingFangSC-Regular;
      line-height: 20px; }
      .templateCard .templateCard-tab-wrapper .des-wrapper .templateCard-tab-des {
        line-height: 20px;
        vertical-align: top;
        font-size: 12px;
        color: #565e66; }

.empty-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzZweCIgaGVpZ2h0PSI4NXB4IiB2aWV3Qm94PSIwIDAgNzYgODUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7nqbrmlbDmja4zLTQgY29weSAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjAyLemmlumhtS3lpKfljaHniYctY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkyNC4wMDAwMDAsIC04NzkuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlhoXlrrkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMy4wMDAwMDAsIDQwNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLliJfooagxLWNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTU4LjAwMDAwMCwgNDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnqbrmlbDmja4zLTQtY29weS0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzMuMDAwMDAwLCA1OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHRleHQgaWQ9IuaXoOmihOiniOWbvuKApiIgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtUmVndWxhciwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSJub3JtYWwiIGZpbGw9IiNCQkJGRUUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRzcGFuIHg9IjMiIHk9IjgzIj7ml6DpooTop4jlm77igKY8L3RzcGFuPgogICAgICAgICAgICAgICAgICAgICAgICA8L3RleHQ+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnqbrmlbDmja4zLTQtY29weS00Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNi40MzU2OTk3LDQwLjU3NDgyMDcgQzM3Ljg1MDc5MDcsNDEuMzc3NDI0MyAzOS4yOTA1MjM2LDQxLjc4NTcxNDMgNDAuNzQyNDExOSw0MS43ODU3MTQzIEM0MS43NDYxNDU0LDQxLjc4NTcxNDMgNDIuMzA0ODY5NSw0MS41OTU1Nzc4IDQzLjE2MDA2MSw0MS4xMTA1MzQ5IEM0My43MjE2NjY4LDQwLjc5MjAwNjQgNDMuOTUwMDUyMyw0MC43MTQyODU3IDQ0LjUyMDUzOCw0MC43MTQyODU3IEM0NS4wOTEwMjM4LDQwLjcxNDI4NTcgNDUuMzE5NDA5Miw0MC43OTIwMDY0IDQ1Ljg4MTAxNTEsNDEuMTEwNTM0OSBDNDYuNzM2MjA2NSw0MS41OTU1Nzc4IDQ3LjI5NDkzMDcsNDEuNzg1NzE0MyA0OC4yOTg2NjQyLDQxLjc4NTcxNDMgQzQ5LjMwMjM5NzcsNDEuNzg1NzE0MyA0OS44NjExMjE4LDQxLjU5NTU3NzggNTAuNzE2MzEzMyw0MS4xMTA1MzQ5IEM1MS4yNzc5MTkyLDQwLjc5MjAwNjQgNTEuNTA2MzA0Niw0MC43MTQyODU3IDUyLjA3Njc5MDMsNDAuNzE0Mjg1NyBDNTIuNjQ3Mjc2MSw0MC43MTQyODU3IDUyLjg3NTY2MTUsNDAuNzkyMDA2NCA1My40MzcyNjc0LDQxLjExMDUzNDkgQzU0LjI5MjQ1ODksNDEuNTk1NTc3OCA1NC44NTExODMsNDEuNzg1NzE0MyA1NS44NTQ5MTY1LDQxLjc4NTcxNDMgQzU2Ljg1ODY1LDQxLjc4NTcxNDMgNTcuNDE3Mzc0Miw0MS41OTU1Nzc4IDU4LjI3MjU2NTYsNDEuMTEwNTM0OSBDNTguODM0MTcxNSw0MC43OTIwMDY0IDU5LjA2MjU1NjksNDAuNzE0Mjg1NyA1OS42MzMwNDI3LDQwLjcxNDI4NTcgQzYwLjIwMzUyODQsNDAuNzE0Mjg1NyA2MC40MzE5MTM5LDQwLjc5MjAwNjQgNjAuOTkzNTE5Nyw0MS4xMTA1MzQ5IEM2MS44NDg3MTEyLDQxLjU5NTU3NzggNjIuNDA3NDM1Myw0MS43ODU3MTQzIDYzLjQxMTE2ODgsNDEuNzg1NzE0MyBDNjQuNDE0OTAyMyw0MS43ODU3MTQzIDY0Ljk3MzYyNjUsNDEuNTk1NTc3OCA2NS44Mjg4MTc5LDQxLjExMDUzNDkgQzY2LjM5MDQyMzgsNDAuNzkyMDA2NCA2Ni42MTg4MDkzLDQwLjcxNDI4NTcgNjcuMTg5Mjk1LDQwLjcxNDI4NTcgQzY3Ljc1OTc4MDcsNDAuNzE0Mjg1NyA2Ny45ODgxNjYyLDQwLjc5MjAwNjQgNjguNTQ5NzcyLDQxLjExMDUzNDkgQzY5LjQwNDk2MzUsNDEuNTk1NTc3OCA2OS45NjM2ODc2LDQxLjc4NTcxNDMgNzAuOTY3NDIxMSw0MS43ODU3MTQzIEM3Mi40MTkzMDk0LDQxLjc4NTcxNDMgNzMuODU5MDQyMyw0MS4zNzc0MjQzIDc1LjI3NDEzMzMsNDAuNTc0ODIwNyBMNzQuMjE2OTYxMywzOC43MTA4OTM2IEM3My4xMTMzMDE1LDM5LjMzNjg2MTQgNzIuMDM0MjgzNywzOS42NDI4NTcxIDcwLjk2NzQyMTEsMzkuNjQyODU3MSBDNzAuMzk2OTM1NCwzOS42NDI4NTcxIDcwLjE2ODU0OTksMzkuNTY1MTM2NSA2OS42MDY5NDQxLDM5LjI0NjYwNzkgQzY4Ljc1MTc1MjYsMzguNzYxNTY1MSA2OC4xOTMwMjg1LDM4LjU3MTQyODYgNjcuMTg5Mjk1LDM4LjU3MTQyODYgQzY2LjE4NTU2MTUsMzguNTcxNDI4NiA2NS42MjY4MzczLDM4Ljc2MTU2NTEgNjQuNzcxNjQ1OSwzOS4yNDY2MDc5IEM2NC4yMTAwNCwzOS41NjUxMzY1IDYzLjk4MTY1NDUsMzkuNjQyODU3MSA2My40MTExNjg4LDM5LjY0Mjg1NzEgQzYyLjg0MDY4MzEsMzkuNjQyODU3MSA2Mi42MTIyOTc2LDM5LjU2NTEzNjUgNjIuMDUwNjkxOCwzOS4yNDY2MDc5IEM2MS4xOTU1MDAzLDM4Ljc2MTU2NTEgNjAuNjM2Nzc2MiwzOC41NzE0Mjg2IDU5LjYzMzA0MjcsMzguNTcxNDI4NiBDNTguNjI5MzA5MiwzOC41NzE0Mjg2IDU4LjA3MDU4NSwzOC43NjE1NjUxIDU3LjIxNTM5MzYsMzkuMjQ2NjA3OSBDNTYuNjUzNzg3NywzOS41NjUxMzY1IDU2LjQyNTQwMjIsMzkuNjQyODU3MSA1NS44NTQ5MTY1LDM5LjY0Mjg1NzEgQzU1LjI4NDQzMDgsMzkuNjQyODU3MSA1NS4wNTYwNDUzLDM5LjU2NTEzNjUgNTQuNDk0NDM5NSwzOS4yNDY2MDc5IEM1My42MzkyNDgsMzguNzYxNTY1MSA1My4wODA1MjM5LDM4LjU3MTQyODYgNTIuMDc2NzkwMywzOC41NzE0Mjg2IEM1MS4wNzMwNTY4LDM4LjU3MTQyODYgNTAuNTE0MzMyNywzOC43NjE1NjUxIDQ5LjY1OTE0MTIsMzkuMjQ2NjA3OSBDNDkuMDk3NTM1NCwzOS41NjUxMzY1IDQ4Ljg2OTE0OTksMzkuNjQyODU3MSA0OC4yOTg2NjQyLDM5LjY0Mjg1NzEgQzQ3LjcyODE3ODUsMzkuNjQyODU3MSA0Ny40OTk3OTMsMzkuNTY1MTM2NSA0Ni45MzgxODcxLDM5LjI0NjYwNzkgQzQ2LjA4Mjk5NTcsMzguNzYxNTY1MSA0NS41MjQyNzE1LDM4LjU3MTQyODYgNDQuNTIwNTM4LDM4LjU3MTQyODYgQzQzLjUxNjgwNDUsMzguNTcxNDI4NiA0Mi45NTgwODA0LDM4Ljc2MTU2NTEgNDIuMTAyODg4OSwzOS4yNDY2MDc5IEM0MS41NDEyODMxLDM5LjU2NTEzNjUgNDEuMzEyODk3NiwzOS42NDI4NTcxIDQwLjc0MjQxMTksMzkuNjQyODU3MSBDMzkuNjc1NTQ5MywzOS42NDI4NTcxIDM4LjU5NjUzMTUsMzkuMzM2ODYxNCAzNy40OTI4NzE3LDM4LjcxMDg5MzYgTDM2LjQzNTY5OTcsNDAuNTc0ODIwNyBaIiBpZD0iUGF0aC03MSIgZmlsbD0iI0VBRUJGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4wMDcxMjgyNjIyNywxOC4wNzQ4MjA3IEMxLjQyMjIxOTI2LDE4Ljg3NzQyNDMgMi44NjE5NTIyMSwxOS4yODU3MTQzIDQuMzEzODQwNDQsMTkuMjg1NzE0MyBDNS4zMTc1NzM5NSwxOS4yODU3MTQzIDUuODc2Mjk4MSwxOS4wOTU1Nzc4IDYuNzMxNDg5NTUsMTguNjEwNTM0OSBDNy4yOTMwOTU0MSwxOC4yOTIwMDY0IDcuNTIxNDgwODgsMTguMjE0Mjg1NyA4LjA5MTk2NjYsMTguMjE0Mjg1NyBDOC42NjI0NTIzMywxOC4yMTQyODU3IDguODkwODM3OCwxOC4yOTIwMDY0IDkuNDUyNDQzNjYsMTguNjEwNTM0OSBDMTAuMzA3NjM1MSwxOS4wOTU1Nzc4IDEwLjg2NjM1OTMsMTkuMjg1NzE0MyAxMS44NzAwOTI4LDE5LjI4NTcxNDMgQzEyLjg3MzgyNjMsMTkuMjg1NzE0MyAxMy40MzI1NTA0LDE5LjA5NTU3NzggMTQuMjg3NzQxOSwxOC42MTA1MzQ5IEMxNC44NDkzNDc3LDE4LjI5MjAwNjQgMTUuMDc3NzMzMiwxOC4yMTQyODU3IDE1LjY0ODIxODksMTguMjE0Mjg1NyBDMTYuMjE4NzA0NiwxOC4yMTQyODU3IDE2LjQ0NzA5MDEsMTguMjkyMDA2NCAxNy4wMDg2OTYsMTguNjEwNTM0OSBDMTcuODYzODg3NCwxOS4wOTU1Nzc4IDE4LjQyMjYxMTYsMTkuMjg1NzE0MyAxOS40MjYzNDUxLDE5LjI4NTcxNDMgQzIwLjQzMDA3ODYsMTkuMjg1NzE0MyAyMC45ODg4MDI3LDE5LjA5NTU3NzggMjEuODQzOTk0MiwxOC42MTA1MzQ5IEMyMi40MDU2LDE4LjI5MjAwNjQgMjIuNjMzOTg1NSwxOC4yMTQyODU3IDIzLjIwNDQ3MTIsMTguMjE0Mjg1NyBDMjMuNzc0OTU3LDE4LjIxNDI4NTcgMjQuMDAzMzQyNCwxOC4yOTIwMDY0IDI0LjU2NDk0ODMsMTguNjEwNTM0OSBDMjUuNDIwMTM5NywxOS4wOTU1Nzc4IDI1Ljk3ODg2MzksMTkuMjg1NzE0MyAyNi45ODI1OTc0LDE5LjI4NTcxNDMgTDI2Ljk4MjU5NzQsMTcuMTQyODU3MSBDMjYuNDEyMTExNywxNy4xNDI4NTcxIDI2LjE4MzcyNjIsMTcuMDY1MTM2NSAyNS42MjIxMjAzLDE2Ljc0NjYwNzkgQzI0Ljc2NjkyODksMTYuMjYxNTY1MSAyNC4yMDgyMDQ3LDE2LjA3MTQyODYgMjMuMjA0NDcxMiwxNi4wNzE0Mjg2IEMyMi4yMDA3Mzc3LDE2LjA3MTQyODYgMjEuNjQyMDEzNiwxNi4yNjE1NjUxIDIwLjc4NjgyMjEsMTYuNzQ2NjA3OSBDMjAuMjI1MjE2MywxNy4wNjUxMzY1IDE5Ljk5NjgzMDgsMTcuMTQyODU3MSAxOS40MjYzNDUxLDE3LjE0Mjg1NzEgQzE4Ljg1NTg1OTQsMTcuMTQyODU3MSAxOC42Mjc0NzM5LDE3LjA2NTEzNjUgMTguMDY1ODY4LDE2Ljc0NjYwNzkgQzE3LjIxMDY3NjYsMTYuMjYxNTY1MSAxNi42NTE5NTI0LDE2LjA3MTQyODYgMTUuNjQ4MjE4OSwxNi4wNzE0Mjg2IEMxNC42NDQ0ODU0LDE2LjA3MTQyODYgMTQuMDg1NzYxMywxNi4yNjE1NjUxIDEzLjIzMDU2OTgsMTYuNzQ2NjA3OSBDMTIuNjY4OTY0LDE3LjA2NTEzNjUgMTIuNDQwNTc4NSwxNy4xNDI4NTcxIDExLjg3MDA5MjgsMTcuMTQyODU3MSBDMTEuMjk5NjA3LDE3LjE0Mjg1NzEgMTEuMDcxMjIxNiwxNy4wNjUxMzY1IDEwLjUwOTYxNTcsMTYuNzQ2NjA3OSBDOS42NTQ0MjQyNiwxNi4yNjE1NjUxIDkuMDk1NzAwMTEsMTYuMDcxNDI4NiA4LjA5MTk2NjYsMTYuMDcxNDI4NiBDNy4wODgyMzMwOSwxNi4wNzE0Mjg2IDYuNTI5NTA4OTUsMTYuMjYxNTY1MSA1LjY3NDMxNzUsMTYuNzQ2NjA3OSBDNS4xMTI3MTE2NCwxNy4wNjUxMzY1IDQuODg0MzI2MTcsMTcuMTQyODU3MSA0LjMxMzg0MDQ0LDE3LjE0Mjg1NzEgQzMuMjQ2OTc3OSwxNy4xNDI4NTcxIDIuMTY3OTYwMDgsMTYuODM2ODYxNCAxLjA2NDMwMDMxLDE2LjIxMDg5MzYgTDAuMDA3MTI4MjYyMjcsMTguMDc0ODIwNyBaIiBpZD0iUGF0aC03MS1Db3B5IiBmaWxsPSIjRUFFQkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzkuNzc2NzUwLCAzMS4wMDI1NzgpIHJvdGF0ZSgtMzAuMDAwMDAwKSB0cmFuc2xhdGUoLTM5Ljc3Njc1MCwgLTMxLjAwMjU3OCkgdHJhbnNsYXRlKDguMjc2NzUwLCAxNi4wMDI1NzgpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTUxIiBmaWxsPSIjOUZBN0Y1IiBwb2ludHM9IjYyLjc0Mzg0MzkgNS43NTYzMTU5NiA0OC45Mjg2ODU2IDI5LjkzMjg0MyAyOS4yNTY3MjcyIDI5LjkzMjg0MyAyNy4zNTgwMzMzIDIzLjUxMzQ1NDIgMTguNTU0MDY5IDI1Ljc5NDYzOTIgMzQuMjUwMDc5OSAxMi4wODgyNjM1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4LjkyODY4NTYsNS43NTYzMTU5NiBMNDEuOTE2NDAwNywxOC4wMjc4MTQ2IEwzOS40ODc1NDM3LDE4LjExNzg0ODggTDI5LjE0Njg4NzEsMjMuNzc4NzM0OCBDMjQuOTUzNTc2LDI2LjM0MjM1NjQgMjIuNjc4NTA3OSwyNy43NTg5NjU4IDIyLjMyMTY4MywyOC4wMjg1NjMgQzIxLjk2NDg1OCwyOC4yOTgxNjAzIDIxLjUyNDgzOTksMjguOTMyOTIwMyAyMS4wMDE2Mjg1LDI5LjkzMjg0MyBMLTEuMzA3Mzk4NjNlLTEyLDI5LjkzMjg0MyBMMTkuODU5MjkwMSwxMS44MDA0NDc3IEw0OC45Mjg2ODU2LDUuNzU2MzE1OTYgWiIgaWQ9IlJlY3RhbmdsZS01MSIgZmlsbD0iIzgxOEJFQiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuNDY0MzQzLCAxNy44NDQ1NzkpIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI0LjQ2NDM0MywgLTE3Ljg0NDU3OSkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMCIgZmlsbD0iI0Q3REFGRiIgcG9pbnRzPSIzMS42NTk3Mzc4IDAgNDMuNzQ4MDAxMyAxNi42OTMzMTYzIDMxLjY1OTczNzggMjEuODc0MDAwNiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMTAiIGZpbGw9IiNDNkNCRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjYxNTYwNiwgMTAuOTM3MDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS42MTU2MDYsIC0xMC45MzcwMDApICIgcG9pbnRzPSIxOS41NzE0NzQzIDAgMzEuNjU5NzM3OCAxNi42OTMzMTYzIDE5LjU3MTQ3NDMgMjEuODc0MDAwNiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNTEiIGZpbGw9IiNFQUVCRkYiIHBvaW50cz0iNjIuNzQzODQzOSA1Ljc1NjMxNTk2IDQ4LjkyODY4NTYgMjkuOTMyODQzIDI4LjY1ODg1NjQgMjkuOTMyODQzIDIzLjE1NjY5MjkgMjUuMzE3MDI1OSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNC45Mzc2ODkzLDI5LjkzMjg0MyBDMjQuODk4ODkxNiwyOS45MTI1MzY5IDI0Ljg1ODUwMDUsMjkuODkwMTYyMiAyNC44MTU4OTY5LDI5Ljg2NTU2NSBDMjQuNDAwNzQ4MSwyOS42MjU4Nzg3IDI0LjI3MzQwOTcsMjkuNDYyNjE1OCAyNC4wMjM5ODcxLDI4Ljk1MDgwNjUgQzIzLjY0NDE3NjEsMjguMTcxNDQzMyAyMy4zMzI2NTQ2LDI3Ljc3MjAzNTUgMjIuNjAyMjI2NCwyNy4zNTAzMjI2IEMyMS44NzE3OTgzLDI2LjkyODYwOTcgMjEuMzcwMTQwMiwyNi44NTg1MjggMjAuNTA1Mjg2MywyNi45MTkyODM2IEMxOS45MzczMzUyLDI2Ljk1OTE4MiAxOS43MzIyNzYyLDI2LjkzMDUzNTIgMTkuMzE3MTI3MywyNi42OTA4NDg5IEMxOC45MDE5Nzg0LDI2LjQ1MTE2MjYgMTguNzc0NjQwMSwyNi4yODc4OTk3IDE4LjUyNTIxNzUsMjUuNzc2MDkwNCBDMTguMTQ1NDA2NSwyNC45OTY3MjcxIDE3LjgzMzg4NDksMjQuNTk3MzE5NCAxNy4xMDM0NTY4LDI0LjE3NTYwNjUgQzE2LjM3MzAyODYsMjMuNzUzODkzNiAxNS44NzEzNzA2LDIzLjY4MzgxMTkgMTUuMDA2NTE2NywyMy43NDQ1Njc1IEMxNC40Mzg1NjU1LDIzLjc4NDQ2NTkgMTQuMjMzNTA2NSwyMy43NTU4MTkxIDEzLjgxODM1NzcsMjMuNTE2MTMyOCBDMTMuNDAzMjA4OCwyMy4yNzY0NDY1IDEzLjI3NTg3MDUsMjMuMTEzMTgzNSAxMy4wMjY0NDc5LDIyLjYwMTM3NDIgQzEyLjY0NjYzNjksMjEuODIyMDExIDEyLjMzNTExNTMsMjEuNDIyNjAzMiAxMS42MDQ2ODcxLDIxLjAwMDg5MDMgQzEwLjg3NDI1OSwyMC41NzkxNzc1IDEwLjM3MjYwMDksMjAuNTA5MDk1NyA5LjUwNzc0NzA5LDIwLjU2OTg1MTQgQzguOTQ5ODkzMzQsMjAuNjA5MDQwNCA4Ljc0MjE0Mjk4LDIwLjU4MjA5OTkgOC4zNDE1MzQ0NSwyMC4zNTQwMDEzIEwtMS4zMDczOTg2M2UtMTIsNS43NTYzMTU5NiBMNDguOTI4Njg1NiwyOS45MzI4NDMgTDI0LjkzNzY4OTMsMjkuOTMyODQzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0EzQUFGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS45NTcxOTgzLDI2LjkzODU4NTUgTDMxLjM3MTkyMiwyMS4yOTgzNjkgTDQ4LjkyODY4NTYsMjkuOTczNDc1OCBMMjQuOTUyNDA3MSwyOS45NzM0NzU4IEMyNC44OTUxNDEsMjkuOTQ1NjE1NCAyNC44MzQ4OTcyLDI5LjkxMzA2NTUgMjQuNzY5NDI4NywyOS44NzUyNjcyIEMyNC4zNTQyNzk5LDI5LjYzNTU4MDkgMjQuMjI2OTQxNSwyOS40NzIzMTggMjMuOTc3NTE4OSwyOC45NjA1MDg3IEMyMy41OTc3MDc5LDI4LjE4MTE0NTQgMjMuMjg2MTg2MywyNy43ODE3Mzc3IDIyLjU1NTc1ODIsMjcuMzYwMDI0OCBDMjEuODI1MzMwMSwyNi45MzgzMTE5IDIxLjMyMzY3MiwyNi44NjgyMzAyIDIwLjQ1ODgxODEsMjYuOTI4OTg1OCBDMjAuMjUzMDY2MywyNi45NDM0Mzk4IDIwLjA5NDk0MDQsMjYuOTQ4ODk4IDE5Ljk1NzE5ODMsMjYuOTM4NTg1NSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNCNkJDRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMjItQ29weS0yIiBmaWxsPSIjQTBEQ0ZGIiBjeD0iMTkuMDE3ODU3MSIgY3k9IjEuMzM5Mjg1NzEiIHI9IjEuMzM5Mjg1NzEiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yMi1Db3B5LTQiIGZpbGw9IiM4MkU1RDEiIGN4PSI2OC44MzkyODU3IiBjeT0iMzYuNjk2NDI4NiIgcj0iMSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIyLUNvcHktMyIgZmlsbD0iI0ZGNjM5MiIgY3g9IjQyLjMyMTQyODYiIGN5PSI2Ljk2NDI4NTcxIiByPSIxLjA3MTQyODU3Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMTEiIGZpbGw9IiNGRUQwMEYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3LjY0MTg3OCwgOC4yMDgzMTkpIHJvdGF0ZSgyMC4wMDAwMDApIHRyYW5zbGF0ZSgtNDcuNjQxODc4LCAtOC4yMDgzMTkpICIgcG9pbnRzPSI0Ni41NzA0NDk3IDQuOTk0MDMzNTggNDguNzEzMzA2OCA0Ljk5NDAzMzU4IDQ4LjcxMzMwNjggMTEuNDIyNjA1IDQ2LjU3MDQ0OTcgMTEuNDIyNjA1Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMiIgZmlsbD0iI0ZGNjM5MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC41Mzc3ODEsIDI4Ljk5NzcwNSkgcm90YXRlKC0zMC4wMDAwMDApIHRyYW5zbGF0ZSgtOC41Mzc3ODEsIC0yOC45OTc3MDUpICIgcG9pbnRzPSI3LjQ2NjM1MjQ1IDI2LjMxOTEzMzUgOS42MDkyMDk1OSAyNi4zMTkxMzM1IDkuNjA5MjA5NTkgMzEuNjc2Mjc2MyA3LjQ2NjM1MjQ1IDMxLjY3NjI3NjMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center; }

body {
  overflow-y: overlay; }

.home-list {
  padding: 51px 3% 132px;
  background: #fafbfc;
  min-height: 600px; }
  .home-list .cardLoading {
    text-align: center;
    padding: 200px; }
  .home-list .home-list-wrapper {
    margin: 0 auto;
    max-width: 1340px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #0E1114; }
    .home-list .home-list-wrapper .fine-template-wrapper,
    .home-list .home-list-wrapper .fine-component-wrapper,
    .home-list .home-list-wrapper .inspiration-module-wrapper {
      margin-bottom: 38px; }
      .home-list .home-list-wrapper .fine-template-wrapper .recommend-list,
      .home-list .home-list-wrapper .fine-component-wrapper .recommend-list,
      .home-list .home-list-wrapper .inspiration-module-wrapper .recommend-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
      .home-list .home-list-wrapper .fine-template-wrapper .recommend-title,
      .home-list .home-list-wrapper .fine-component-wrapper .recommend-title,
      .home-list .home-list-wrapper .inspiration-module-wrapper .recommend-title {
        margin-bottom: 12px; }

.main-page .company-culture, .main-page .exquisite-article, .main-page .icon-summary, .main-page .icon-cmps-content {
  max-width: 1200px;
  padding-left: 60px;
  padding-right: 60px;
  margin: auto; }

.main-page .company-culture {
  margin-top: 60px; }

.main-page .exquisite-article {
  margin-top: 80px; }

.main-page .homepage-description {
  margin-bottom: 40px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  text-align: center;
  color: #83898f; }

.main-page .homepage-title {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #0e1114;
  color: RGB(var(--skin-css-var-M1, 14, 17, 20));
  margin-bottom: 8px;
  font-family: Source Han Sans CN;
  font-weight: 500; }

.main-page .company-culture-content {
  padding: 40px 50px;
  display: flex;
  align-items: center;
  border: 1px solid #e6e8eb;
  border-radius: 6px;
  justify-content: space-around; }

.main-page .home-description {
  display: flex;
  align-items: center; }
  .main-page .home-description:not(:first-child) {
    margin-left: 40px; }
  .main-page .home-description:not(:last-child) {
    margin-right: 40px; }
  .main-page .home-description-right {
    margin-left: 10px; }
  .main-page .home-description-title {
    font-size: 20px;
    line-height: 28px;
    color: #33383d;
    color: RGB(var(--skin-css-var-M2, 51, 56, 61)); }
    .main-page .home-description-title span {
      font-weight: 500; }
  .main-page .home-description-intro {
    font-size: 12px;
    line-height: 20px;
    color: #83898f;
    color: RGB(var(--skin-css-var-M4, 131, 137, 143));
    font-weight: 400;
    margin-top: 4px; }

.main-page .exquisite-article {
  margin-bottom: 80px; }
  .main-page .exquisite-article-content {
    padding-bottom: 200px; }
  .main-page .exquisite-article-top, .main-page .exquisite-article-bottom {
    display: flex;
    align-items: center; }
  .main-page .exquisite-article-top {
    position: relative; }
    .main-page .exquisite-article-top > div {
      flex-shrink: 0; }
    .main-page .exquisite-article-top-left {
      width: 636px;
      margin-bottom: 20px; }
    .main-page .exquisite-article-top-right {
      margin-left: 20px; }
      .main-page .exquisite-article-top-right > div {
        width: 424px;
        margin-bottom: 20px; }
    .main-page .exquisite-article-top-angle {
      position: absolute;
      top: -5px;
      height: 44px;
      width: 130px;
      left: 0; }
    .main-page .exquisite-article-top img {
      border-radius: 6px;
      width: 100%;
      height: 100%;
      cursor: pointer;
      transition: 0.5s; }
      .main-page .exquisite-article-top img:hover {
        box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1); }
  .main-page .exquisite-article-bottom {
    justify-content: space-between; }
    .main-page .exquisite-article-bottom-item {
      flex-shrink: 0;
      width: 347px;
      border: 1px solid #e6e8eb;
      border-radius: 3px;
      cursor: pointer;
      transition: 0.5s; }
      .main-page .exquisite-article-bottom-item:hover {
        box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1); }
      .main-page .exquisite-article-bottom-item:not(:first) {
        margin-left: 20px; }
      .main-page .exquisite-article-bottom-item:not(:last-child) {
        margin-right: 20px; }
      .main-page .exquisite-article-bottom-item img {
        border-radius: 3px;
        width: 346px; }
      .main-page .exquisite-article-bottom-item-title {
        padding-left: 20px;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #33383d;
        font-family: PingFangSC-Medium;
        margin: 12px 0 8px; }
      .main-page .exquisite-article-bottom-item-desc {
        font-size: 14px;
        line-height: 22px;
        padding-left: 20px;
        font-weight: 400;
        color: #83898f;
        font-family: PingFangSC-Regular;
        margin-bottom: 12px; }

.main-page .icon-cmps {
  background-color: rgba(86, 94, 102, 0.1);
  height: 680px; }
  .main-page .icon-cmps-wrapper {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
  .main-page .icon-cmps-content {
    height: 100%;
    background-color: white; }

@media screen and (max-width: 913px) {
  .company-culture-content {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 40px !important; }
    .company-culture-content .home-description {
      margin: 0 !important;
      margin-bottom: 40px !important; }
      .company-culture-content .home-description:last-child {
        margin-bottom: 0 !important; } }

@media screen and (max-width: 500px) {
  .company-culture-content {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 40px !important; }
    .company-culture-content .home-description {
      margin: 0 !important;
      margin-bottom: 40px !important; }
      .company-culture-content .home-description:last-child {
        margin-bottom: 0 !important; }
  .exquisite-article-content, .exquisite-article-top, .exquisite-article-top-left, .exquisite-article-top-right, .exquisite-article-bottom {
    margin: 0 !important;
    width: calc(100vw - 120px) !important; }
  .exquisite-article-top {
    flex-direction: column; }
    .exquisite-article-top .exquisite-article-top-left {
      margin-bottom: 20px !important; }
    .exquisite-article-top .exquisite-article-top-right > div {
      width: 100%; }
  .exquisite-article-bottom {
    flex-direction: column; }
    .exquisite-article-bottom .exquisite-article-bottom-item {
      width: 100%;
      margin: 0 !important;
      margin-bottom: 20px !important; }
      .exquisite-article-bottom .exquisite-article-bottom-item img {
        width: 100%; } }

.main-page {
  background-color: #fff; }
  .main-page .page-container.component-create {
    padding: 80px 90px 80px 90px; }
    .main-page .page-container.component-create .create-content {
      background-color: #fff;
      padding: 40px;
      box-sizing: border-box;
      width: 800px;
      margin: 0 auto; }
      .main-page .page-container.component-create .create-content .button-wrapper {
        text-align: right; }
  .main-page .page-container .loading-wraper {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; }

@charset "UTF-8";
.main-page {
  height: 100%; }

.cmp-doc-list {
  padding: 30px 5%;
  background: #fbfbfb;
  padding-top: 110px;
  min-height: 100vh; }
  .cmp-doc-list .cmp-doc-list-wrapper {
    margin: 0 auto;
    max-width: 1400px; }
    .cmp-doc-list .cmp-doc-list-wrapper .cdlw-content {
      display: flex;
      display: -ms-flexbox; }
    .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left {
      width: 320px; }
      .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left .cdlw-search {
        position: fixed;
        z-index: 2;
        background: #fafbfc; }
        .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left .cdlw-search .ant-input {
          border-radius: 3px;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #0E1114;
          letter-spacing: 0;
          line-height: 20px; }
      .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left ul {
        height: calc(100vh - 140px);
        overflow-y: scroll;
        display: block;
        position: fixed;
        padding: 0;
        padding-top: 50px;
        -ms-overflow-style: none;
        /*火狐下隐藏滚动条*/ }
        .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left ul .cdlw-title {
          list-style: none;
          position: relative;
          height: 38px;
          cursor: pointer; }
        .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left ul .cdlw-title--active {
          border-right: 3px solid #1d86f0;
          background: rgba(133, 194, 255, 0.1);
          color: #1d86f0; }
        .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left ul a {
          padding-left: 30px;
          text-decoration: none;
          color: #565e66;
          display: inline-block;
          border-bottom: 1px solid transparent;
          transition: border 0.2s ease;
          line-height: 38px;
          font-size: 14px; }
      .cmp-doc-list .cmp-doc-list-wrapper .cdlw-left ul::-webkit-scrollbar {
        display: none; }
    .cmp-doc-list .cmp-doc-list-wrapper .cdlw-right {
      width: 80%; }
      .cmp-doc-list .cmp-doc-list-wrapper .cdlw-right .cdlw-doc-wrapper {
        max-width: 1180px;
        padding: 0 3%;
        box-sizing: border-box; }

.cmp-build-page-list {
  padding: 80px 5%;
  background: #fbfbfb;
  min-height: 700px; }
  .cmp-build-page-list .cmp-build-page-list-wrapper {
    margin: 0 auto;
    max-width: 1100px; }

.cmp-build-action {
  margin: 0 auto;
  max-width: 1100px;
  padding: 10px 0 26px 0;
  box-sizing: border-box; }

.component-wrapper {
  display: flex;
  padding-top: 60px; }
  .component-wrapper .component-left {
    flex: 0 0 210px;
    border-radius: 3px;
    background: #ffffff; }
    .component-wrapper .component-left .component-left-wrapper .component-left-title {
      padding: 24px 0 15px 24px;
      border-bottom: 1px dashed #e6e8eb;
      line-height: 26px;
      font-family: PingFangSC-Medium;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0;
      color: #0e1114; }
    .component-wrapper .component-left .component-left-wrapper .component-types-group {
      margin: 21px 0 0 24px; }
      .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types {
        margin-bottom: 24px;
        font-size: 14px;
        color: #0e1114;
        letter-spacing: 0;
        line-height: 26px; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .ant-checkbox-wrapper {
          line-height: 22px;
          font-family: PingFangSC-Regular; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .ant-checkbox-inner {
          width: 14px;
          height: 14px; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .type-title {
          margin-bottom: 4px;
          font-family: PingFangSC-Medium;
          font-weight: 500; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .showmore {
          font-size: 12px;
          font-family: PingFangSC-Regular;
          color: #1890ff;
          cursor: pointer; }
          .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .showmore img {
            margin-left: 4px;
            margin-bottom: 2px;
            width: 12px; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .type-hide {
          display: none; }
        .component-wrapper .component-left .component-left-wrapper .component-types-group .component-types .ant-checkbox + span {
          font-size: 14px;
          color: #33383d;
          line-height: 22px; }
  .component-wrapper .component-right {
    flex: 1;
    background: #fafbfc; }
    .component-wrapper .component-right .component-right-wrapper {
      margin: 16px 0 0 20px; }
      .component-wrapper .component-right .component-right-wrapper .ant-input-suffix .anticon-search {
        display: none; }
      .component-wrapper .component-right .component-right-wrapper .ant-select-selection-selected-value {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #33383d; }
      .component-wrapper .component-right .component-right-wrapper .ant-select {
        height: 30px; }
        .component-wrapper .component-right .component-right-wrapper .ant-select .ant-select-selection {
          height: 30px; }
      .component-wrapper .component-right .component-right-wrapper .ant-input-affix-wrapper {
        height: 30px; }
        .component-wrapper .component-right .component-right-wrapper .ant-input-affix-wrapper .ant-input {
          height: 30px; }
          .component-wrapper .component-right .component-right-wrapper .ant-input-affix-wrapper .ant-input::placeholder {
            font-family: PingFangSC-Regular;
            font-size: 12px;
            color: #bfc3c7; }
      .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-has-search-data {
        margin-top: 20px; }
      .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items {
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        flex-wrap: wrap; }
        .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .no-advice-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 320px;
          width: 100%;
          font-weight: bolder;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #565e66; }
          .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .no-advice-wrapper .no-advice-content {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .no-advice-wrapper .no-advice-content .empty-image {
              width: 147px;
              height: 116px;
              margin-bottom: 24px;
              background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQ3cHgiIGhlaWdodD0iOTJweCIgdmlld0JveD0iMCAwIDE0NyA5MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuNSAoNjc0NjkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkdyb3VwIDM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjEwNSI+PC9yZWN0PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLlsI/luIboiLkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuepuuaVsOaNrjMtMiI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjRDhEOEQ4IiBvcGFjaXR5PSIwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8ZyBtYXNrPSJ1cmwoI21hc2stMikiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03MSw3OC43Mzk2NjUyIEM3My43NjkwODQ4LDgwLjIzNzg1ODcgNzYuNTg2Mzg5Niw4MSA3OS40Mjc0ODAxLDgxIEM4MS4zOTE2MTA0LDgxIDgyLjQ4NDkzNTYsODAuNjQ1MDc4NiA4NC4xNTgzOTUyLDc5LjczOTY2NTIgQzg1LjI1NzM1OTMsNzkuMTQ1MDc4NiA4NS43MDQyNjk2LDc5IDg2LjgyMDYxMDEsNzkgQzg3LjkzNjk1MDUsNzkgODguMzgzODYwOCw3OS4xNDUwNzg2IDg5LjQ4MjgyNDksNzkuNzM5NjY1MiBDOTEuMTU2Mjg0Niw4MC42NDUwNzg2IDkyLjI0OTYwOTcsODEgOTQuMjEzNzQsODEgQzk2LjE3Nzg3MDQsODEgOTcuMjcxMTk1NSw4MC42NDUwNzg2IDk4Ljk0NDY1NTEsNzkuNzM5NjY1MiBDMTAwLjA0MzYxOSw3OS4xNDUwNzg2IDEwMC40OTA1Myw3OSAxMDEuNjA2ODcsNzkgQzEwMi43MjMyMSw3OSAxMDMuMTcwMTIxLDc5LjE0NTA3ODYgMTA0LjI2OTA4NSw3OS43Mzk2NjUyIEMxMDUuOTQyNTQ1LDgwLjY0NTA3ODYgMTA3LjAzNTg3LDgxIDEwOSw4MSBDMTEwLjk2NDEzLDgxIDExMi4wNTc0NTUsODAuNjQ1MDc4NiAxMTMuNzMwOTE1LDc5LjczOTY2NTIgQzExNC44Mjk4NzksNzkuMTQ1MDc4NiAxMTUuMjc2NzksNzkgMTE2LjM5MzEzLDc5IEMxMTcuNTA5NDcsNzkgMTE3Ljk1NjM4MSw3OS4xNDUwNzg2IDExOS4wNTUzNDUsNzkuNzM5NjY1MiBDMTIwLjcyODgwNCw4MC42NDUwNzg2IDEyMS44MjIxMyw4MSAxMjMuNzg2MjYsODEgQzEyNS43NTAzOSw4MSAxMjYuODQzNzE1LDgwLjY0NTA3ODYgMTI4LjUxNzE3NSw3OS43Mzk2NjUyIEMxMjkuNjE2MTM5LDc5LjE0NTA3ODYgMTMwLjA2MzA0OSw3OSAxMzEuMTc5MzksNzkgQzEzMi4yOTU3Myw3OSAxMzIuNzQyNjQxLDc5LjE0NTA3ODYgMTMzLjg0MTYwNSw3OS43Mzk2NjUyIEMxMzUuNTE1MDY0LDgwLjY0NTA3ODYgMTM2LjYwODM5LDgxIDEzOC41NzI1Miw4MSBDMTQxLjQxMzYxLDgxIDE0NC4yMzA5MTUsODAuMjM3ODU4NyAxNDcsNzguNzM5NjY1MiBMMTQ0LjkzMTMsNzUuMjYwMzM0OCBDMTQyLjc3MTYzMSw3Ni40Mjg4MDc5IDE0MC42NjAxODMsNzcgMTM4LjU3MjUyLDc3IEMxMzcuNDU2MTc5LDc3IDEzNy4wMDkyNjksNzYuODU0OTIxNCAxMzUuOTEwMzA1LDc2LjI2MDMzNDggQzEzNC4yMzY4NDUsNzUuMzU0OTIxNCAxMzMuMTQzNTIsNzUgMTMxLjE3OTM5LDc1IEMxMjkuMjE1MjYsNzUgMTI4LjEyMTkzNCw3NS4zNTQ5MjE0IDEyNi40NDg0NzUsNzYuMjYwMzM0OCBDMTI1LjM0OTUxMSw3Ni44NTQ5MjE0IDEyNC45MDI2LDc3IDEyMy43ODYyNiw3NyBDMTIyLjY2OTkxOSw3NyAxMjIuMjIzMDA5LDc2Ljg1NDkyMTQgMTIxLjEyNDA0NSw3Ni4yNjAzMzQ4IEMxMTkuNDUwNTg1LDc1LjM1NDkyMTQgMTE4LjM1NzI2LDc1IDExNi4zOTMxMyw3NSBDMTE0LjQyOSw3NSAxMTMuMzM1Njc1LDc1LjM1NDkyMTQgMTExLjY2MjIxNSw3Ni4yNjAzMzQ4IEMxMTAuNTYzMjUxLDc2Ljg1NDkyMTQgMTEwLjExNjM0LDc3IDEwOSw3NyBDMTA3Ljg4MzY2LDc3IDEwNy40MzY3NDksNzYuODU0OTIxNCAxMDYuMzM3Nzg1LDc2LjI2MDMzNDggQzEwNC42NjQzMjUsNzUuMzU0OTIxNCAxMDMuNTcxLDc1IDEwMS42MDY4Nyw3NSBDOTkuNjQyNzM5Nyw3NSA5OC41NDk0MTQ1LDc1LjM1NDkyMTQgOTYuODc1OTU0OSw3Ni4yNjAzMzQ4IEM5NS43NzY5OTA4LDc2Ljg1NDkyMTQgOTUuMzMwMDgwNSw3NyA5NC4yMTM3NCw3NyBDOTMuMDk3Mzk5Niw3NyA5Mi42NTA0ODkzLDc2Ljg1NDkyMTQgOTEuNTUxNTI1Miw3Ni4yNjAzMzQ4IEM4OS44NzgwNjU1LDc1LjM1NDkyMTQgODguNzg0NzQwNCw3NSA4Ni44MjA2MTAxLDc1IEM4NC44NTY0Nzk3LDc1IDgzLjc2MzE1NDYsNzUuMzU0OTIxNCA4Mi4wODk2OTUsNzYuMjYwMzM0OCBDODAuOTkwNzMwOCw3Ni44NTQ5MjE0IDgwLjU0MzgyMDUsNzcgNzkuNDI3NDgwMSw3NyBDNzcuMzM5ODE3Myw3NyA3NS4yMjgzNjg3LDc2LjQyODgwNzkgNzMuMDY4NzAwMiw3NS4yNjAzMzQ4IEw3MSw3OC43Mzk2NjUyIFoiIGlkPSJQYXRoLTcxIiBmaWxsPSIjRUFFQkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDM0LjczOTY2NTIgQzIuNzI3ODM4ODMsMzYuMjM3ODU4NyA1LjUwMzE3OTM4LDM3IDguMzAxOTUxMzksMzcgQzEwLjIzNjgyNTcsMzcgMTEuMzEzODY1NiwzNi42NDUwNzg2IDEyLjk2MjM5ODcsMzUuNzM5NjY1MiBDMTQuMDQ0OTkzNiwzNS4xNDUwNzg2IDE0LjQ4NTI0NzEsMzUgMTUuNTg0OTU5NSwzNSBDMTYuNjg0NjcxOSwzNSAxNy4xMjQ5MjU0LDM1LjE0NTA3ODYgMTguMjA3NTIwMywzNS43Mzk2NjUyIEMxOS44NTYwNTM0LDM2LjY0NTA3ODYgMjAuOTMzMDkzMywzNyAyMi44Njc5Njc2LDM3IEMyNC44MDI4NDE5LDM3IDI1Ljg3OTg4MTgsMzYuNjQ1MDc4NiAyNy41Mjg0MTQ5LDM1LjczOTY2NTIgQzI4LjYxMTAwOTgsMzUuMTQ1MDc4NiAyOS4wNTEyNjMzLDM1IDMwLjE1MDk3NTcsMzUgQzMxLjI1MDY4ODEsMzUgMzEuNjkwOTQxNiwzNS4xNDUwNzg2IDMyLjc3MzUzNjUsMzUuNzM5NjY1MiBDMzQuNDIyMDY5NiwzNi42NDUwNzg2IDM1LjQ5OTEwOTUsMzcgMzcuNDMzOTgzOCwzNyBDMzkuMzY4ODU4MSwzNyA0MC40NDU4OTgsMzYuNjQ1MDc4NiA0Mi4wOTQ0MzExLDM1LjczOTY2NTIgQzQzLjE3NzAyNiwzNS4xNDUwNzg2IDQzLjYxNzI3OTUsMzUgNDQuNzE2OTkxOSwzNSBDNDUuODE2NzA0MywzNSA0Ni4yNTY5NTc4LDM1LjE0NTA3ODYgNDcuMzM5NTUyNywzNS43Mzk2NjUyIEM0OC45ODgwODU4LDM2LjY0NTA3ODYgNTAuMDY1MTI1NywzNyA1MiwzNyBMNTIsMzMgQzUwLjkwMDI4NzYsMzMgNTAuNDYwMDM0MSwzMi44NTQ5MjE0IDQ5LjM3NzQzOTIsMzIuMjYwMzM0OCBDNDcuNzI4OTA2MSwzMS4zNTQ5MjE0IDQ2LjY1MTg2NjIsMzEgNDQuNzE2OTkxOSwzMSBDNDIuNzgyMTE3NiwzMSA0MS43MDUwNzc3LDMxLjM1NDkyMTQgNDAuMDU2NTQ0NiwzMi4yNjAzMzQ4IEMzOC45NzM5NDk3LDMyLjg1NDkyMTQgMzguNTMzNjk2MiwzMyAzNy40MzM5ODM4LDMzIEMzNi4zMzQyNzE0LDMzIDM1Ljg5NDAxNzksMzIuODU0OTIxNCAzNC44MTE0MjMsMzIuMjYwMzM0OCBDMzMuMTYyODg5OSwzMS4zNTQ5MjE0IDMyLjA4NTg1LDMxIDMwLjE1MDk3NTcsMzEgQzI4LjIxNjEwMTQsMzEgMjcuMTM5MDYxNSwzMS4zNTQ5MjE0IDI1LjQ5MDUyODQsMzIuMjYwMzM0OCBDMjQuNDA3OTMzNSwzMi44NTQ5MjE0IDIzLjk2NzY4LDMzIDIyLjg2Nzk2NzYsMzMgQzIxLjc2ODI1NTIsMzMgMjEuMzI4MDAxNywzMi44NTQ5MjE0IDIwLjI0NTQwNjgsMzIuMjYwMzM0OCBDMTguNTk2ODczNywzMS4zNTQ5MjE0IDE3LjUxOTgzMzgsMzEgMTUuNTg0OTU5NSwzMSBDMTMuNjUwMDg1MiwzMSAxMi41NzMwNDUzLDMxLjM1NDkyMTQgMTAuOTI0NTEyMiwzMi4yNjAzMzQ4IEM5Ljg0MTkxNzI3LDMyLjg1NDkyMTQgOS40MDE2NjM3OCwzMyA4LjMwMTk1MTM5LDMzIEM2LjI0NTM4NDY3LDMzIDQuMTY1Mzg2NDgsMzIuNDI4ODA3OSAyLjAzNzg4NjU4LDMxLjI2MDMzNDggTDAsMzQuNzM5NjY1MiBaIiBpZD0iUGF0aC03MS1Db3B5IiBmaWxsPSIjRUFFQkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3LjU4MDg2NywgNTkuODQwMDY0KSByb3RhdGUoLTMwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny41ODA4NjcsIC01OS44NDAwNjQpIHRyYW5zbGF0ZSgxNi4wODA4NjcsIDMwLjg0MDA2NCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNTEiIGZpbGw9IiM5RkE3RjUiIHBvaW50cz0iMTIyLjEwNTc1IDExLjEyODg3NzUgOTUuMjIwMDgwNCA1Ny44NzAxNjMxIDU2LjkzNjQ5NiA1Ny44NzAxNjMxIDUzLjI0MTQ0OTEgNDUuNDU5MzQ0NyAzNi4xMDgwNjA2IDQ5Ljg2OTYzNTkgNjYuNjU0MDU2MyAyMy4zNzA2NDI4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTk1LjIyMDA4MDQsMTEuMTI4ODc3NSBMODEuNTczNDc3NywzNC44NTM3NzQ5IEw3Ni44NDY2ODA3LDM1LjAyNzg0MDkgTDU2LjcyMjczNjMsNDUuOTcyMjIwNiBDNDguNTYyMTM2NSw1MC45Mjg1NTU3IDQ0LjEzNDYyODIsNTMuNjY3MzMzOSA0My40NDAyMTE0LDU0LjE4ODU1NTIgQzQyLjc0NTc5NDYsNTQuNzA5Nzc2NiA0MS44ODk0NzU2LDU1LjkzNjk3OTIgNDAuODcxMjU0NCw1Ny44NzAxNjMxIEwtMS4zMDczOTg2M2UtMTIsNTcuODcwMTYzMSBMMzguNjQ4MTUwMywyMi44MTQxOTg5IEw5NS4yMjAwODA0LDExLjEyODg3NzUgWiIgaWQ9IlJlY3RhbmdsZS01MSIgZmlsbD0iIzgxOEJFQiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuNjEwMDQwLCAzNC40OTk1MjApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTQ3LjYxMDA0MCwgLTM0LjQ5OTUyMCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMCIgZmlsbD0iI0Q3REFGRiIgcG9pbnRzPSI2MS42MTI5OTMyIDAgODUuMTM3OTU0MyAzMi4yNzM3NDQ4IDYxLjYxMjk5MzIgNDIuMjg5NzM0NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMTAiIGZpbGw9IiNDNkNCRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5Ljg1MDUxMywgMjEuMTQ0ODY3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC00OS44NTA1MTMsIC0yMS4xNDQ4NjcpICIgcG9pbnRzPSIzOC4wODgwMzIyIDAgNjEuNjEyOTkzMiAzMi4yNzM3NDQ4IDM4LjA4ODAzMjIgNDIuMjg5NzM0NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNTEiIGZpbGw9IiNFQUVCRkYiIHBvaW50cz0iMTIyLjEwNTc1IDExLjEyODg3NzUgOTUuMjIwMDgwNCA1Ny44NzAxNjMxIDU1Ljc3Mjk4MDIgNTcuODcwMTYzMSA0NS4wNjUyMjM2IDQ4Ljk0NjI1MDEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDguNTMxMjE5NSw1Ny44NzAxNjMxIEM0OC40NTU3MTUyLDU3LjgzMDkwNDYgNDguMzc3MTEwMiw1Ny43ODc2NDY5IDQ4LjI5NDE5OTQsNTcuNzQwMDkyNCBDNDcuNDg2Mjc4NSw1Ny4yNzY2OTg5IDQ3LjIzODQ2NTUsNTYuOTYxMDU3MiA0Ni43NTMwNjQzLDU1Ljk3MTU1OTIgQzQ2LjAxMzkxNDQsNTQuNDY0NzkwMyA0NS40MDc2NjI1LDUzLjY5MjYwMTkgNDMuOTg2MTc2OCw1Mi44NzcyOTA0IEM0Mi41NjQ2OTExLDUyLjA2MTk3ODggNDEuNTg4NDE0Nyw1MS45MjY0ODc1IDM5LjkwNTMyMzIsNTIuMDQzOTQ4NCBDMzguODAwMDMzOCw1Mi4xMjEwODUyIDM4LjQwMDk2ODcsNTIuMDY1NzAxNCAzNy41OTMwNDc4LDUxLjYwMjMwNzkgQzM2Ljc4NTEyNjgsNTEuMTM4OTE0MyAzNi41MzczMTM4LDUwLjgyMzI3MjcgMzYuMDUxOTEyNiw0OS44MzM3NzQ3IEMzNS4zMTI3NjI3LDQ4LjMyNzAwNTggMzQuNzA2NTEwOCw0Ny41NTQ4MTc0IDMzLjI4NTAyNTEsNDYuNzM5NTA1OSBDMzEuODYzNTM5NCw0NS45MjQxOTQzIDMwLjg4NzI2Myw0NS43ODg3MDI5IDI5LjIwNDE3MTUsNDUuOTA2MTYzOSBDMjguMDk4ODgyMiw0NS45ODMzMDA3IDI3LjY5OTgxNyw0NS45Mjc5MTY5IDI2Ljg5MTg5NjEsNDUuNDY0NTIzNCBDMjYuMDgzOTc1Miw0NS4wMDExMjk4IDI1LjgzNjE2MjEsNDQuNjg1NDg4MiAyNS4zNTA3NjEsNDMuNjk1OTkwMiBDMjQuNjExNjExMSw0Mi4xODkyMjEzIDI0LjAwNTM1OTEsNDEuNDE3MDMyOSAyMi41ODM4NzM0LDQwLjYwMTcyMTMgQzIxLjE2MjM4NzcsMzkuNzg2NDA5OCAyMC4xODYxMTEzLDM5LjY1MDkxODQgMTguNTAzMDE5OSwzOS43NjgzNzkzIEMxNy40MTczODExLDM5Ljg0NDE0NDggMTcuMDEzMDc4MiwzOS43OTIwNTk4IDE2LjIzMzQ1NDMsMzkuMzUxMDY5MSBMLTEuMzA3Mzk4NjNlLTEyLDExLjEyODg3NzUgTDk1LjIyMDA4MDQsNTcuODcwMTYzMSBMNDguNTMxMjE5NSw1Ny44NzAxNjMxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0EzQUFGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOC44Mzg2ODk0LDUyLjA4MTI2NTIgTDYxLjA1Mjg3NTEsNDEuMTc2ODQ2OCBMOTUuMjIwMDgwNCw1Ny45NDg3MTk5IEw0OC41NTk4NjE5LDU3Ljk0ODcxOTkgQzQ4LjQ0ODQxNjIsNTcuODk0ODU2NCA0OC4zMzExNzU4LDU3LjgzMTkyNjUgNDguMjAzNzY3Nyw1Ny43NTg4NSBDNDcuMzk1ODQ2OCw1Ny4yOTU0NTY0IDQ3LjE0ODAzMzcsNTYuOTc5ODE0OCA0Ni42NjI2MzI2LDU1Ljk5MDMxNjggQzQ1LjkyMzQ4MjcsNTQuNDgzNTQ3OSA0NS4zMTcyMzA3LDUzLjcxMTM1OTUgNDMuODk1NzQ1MSw1Mi44OTYwNDc5IEM0Mi40NzQyNTk0LDUyLjA4MDczNjQgNDEuNDk3OTgyOSw1MS45NDUyNDUgMzkuODE0ODkxNSw1Mi4wNjI3MDU5IEMzOS40MTQ0NzgsNTIuMDkwNjUwMyAzOS4xMDY3NDkyLDUyLjEwMTIwMjcgMzguODM4Njg5NCw1Mi4wODEyNjUyIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0I2QkNGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yMi1Db3B5LTIiIGZpbGw9IiNBMERDRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY3g9IjM3LjUiIGN5PSIyLjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIyLUNvcHktNCIgZmlsbD0iIzgyRTVEMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjeD0iMTMzLjUiIGN5PSI3MC41IiByPSIxLjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yMi1Db3B5LTMiIGZpbGw9IiNGRjYzOTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY3g9IjgyIiBjeT0iMTMiIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI0ZFRDAwRiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Mi43MTU4MjYsIDE1Ljg2OTQxNykgcm90YXRlKDIwLjAwMDAwMCkgdHJhbnNsYXRlKC05Mi43MTU4MjYsIC0xNS44Njk0MTcpICIgcG9pbnRzPSI5MC42NDU1MDcgOS42NTQ3Mjc1NSA5NC44MTI1MTk4IDkuNjQ1OTM1NjIgOTQuNzg2MTQ0IDIyLjA4NDEwNyA5MC42MTkxMzEyIDIyLjA5Mjg5OSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMS1Db3B5LTIiIGZpbGw9IiNGRjYzOTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjE1MzcwLCA1Ni4wNjIyMjkpIHJvdGF0ZSgtMzAuMDAwMDAwKSB0cmFuc2xhdGUoLTE2LjYxNTM3MCwgLTU2LjA2MjIyOSkgIiBwb2ludHM9IjE0LjUxODg3NiA1MC44NjkxODY4IDE4LjY4MjI0OTkgNTAuODgxMDMyMSAxOC43MTE4NjMyIDYxLjI1NTI3MjIgMTQuNTQ4NDg5MyA2MS4yNDM0MjY5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }
        .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .divider {
          color: #e6e8eb;
          margin-top: 0;
          margin-bottom: 40px; }
          .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .divider .ant-divider-inner-text {
            padding: 0 12px; }
          .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .divider .divider-content {
            font-family: PingFangSC-Regular;
            font-size: 16px;
            color: #bfc3c7;
            line-height: 24px; }
        .component-wrapper .component-right .component-right-wrapper .cmp-list .search-list-items .divider-has-search-data {
          margin-top: 29px; }
      .component-wrapper .component-right .component-right-wrapper .cardLoading {
        text-align: center;
        padding: 200px 0; }

.input-group {
  display: flex;
  width: 320px; }
  .input-group .select-selection .select-selection-button {
    display: flex;
    word-break: keep-all;
    align-items: center;
    height: 30px;
    cursor: pointer;
    border: 1px solid #e6e8eb;
    border-radius: 3px 0px 0px 3px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #33383d;
    padding: 5px 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid transparent; }
    .input-group .select-selection .select-selection-button span {
      margin-right: 4px; }
    .input-group .select-selection .select-selection-button:hover {
      border-color: #7dbcf0;
      border-right: 1px solid #7dbcf0; }
  .input-group ul {
    user-select: none;
    list-style: none;
    display: block;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 0;
    margin-top: 4px; }
    .input-group ul .select-option {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #0e1114;
      line-height: 20px;
      width: 170px;
      cursor: pointer;
      display: flex;
      height: 30px;
      align-items: center;
      padding-left: 12px; }
    .input-group ul .select-option-selected {
      background-color: #e6f7ff; }

.ant-input-search .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #e6e8eb; }

.loginWrapper {
  width: 500px;
  margin: 0 auto; }

.main-page {
  background-color: #fbfbfb; }
  .main-page .page-wrapper {
    padding: 100px 90px; }
    .main-page .page-wrapper .content-wraper {
      background-color: #fff;
      padding: 40px;
      box-sizing: border-box;
      width: 800px;
      margin: 0 auto; }
      .main-page .page-wrapper .content-wraper .form-area {
        position: relative;
        display: flex; }
        .main-page .page-wrapper .content-wraper .form-area .menu-wraper {
          margin-right: 40px; }
        .main-page .page-wrapper .content-wraper .form-area .form-wraper {
          width: 100%;
          padding: 20px; }
      .main-page .page-wrapper .content-wraper .ant-spin-nested-loading div .ant-spin {
        max-height: 100%;
        height: 100vh; }

.ND-resourceArea .resource--title {
  font-family: PingFangSC-Medium;
  font-size: 20px;
  color: #0E1114;
  line-height: 42px;
  margin-bottom: 12px; }

.ND-resourceArea .resource--list {
  column-count: 2;
  column-gap: 20px; }

.ND-card--box {
  break-inside: avoid;
  page-break-inside: avoid;
  will-change: transform;
  padding: 40px;
  min-width: 380px;
  border: 1px solid #E4EBF0;
  border-radius: 5px;
  margin-bottom: 24px; }
  .ND-card--box:hover {
    border-color: #85C2FF; }
    .ND-card--box:hover .card--title {
      color: #1D86F0; }
  .ND-card--box .card--icon {
    margin-right: 24px;
    vertical-align: top; }
  .ND-card--box .card--content {
    display: inline-block; }
  .ND-card--box .card--title {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #33383D;
    line-height: 32px;
    margin: 5px 0 12px; }
  .ND-card--box .card--desc {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #565E66;
    line-height: 22px; }

.ND-resourceArea {
  padding-right: 50px; }

.ND--title {
  font-family: PingFangSC-Regular;
  font-size: 32px;
  color: #0E1114;
  line-height: 40px;
  margin-bottom: 12px; }

.ND--desc {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #0E1114;
  line-height: 22px;
  margin-bottom: 50px; }

.tab-frame-wrapper {
  margin: 0 auto;
  position: relative; }

.doc-wrapper {
  padding-top: 40px;
  padding-bottom: 64px;
  max-width: calc(100% - 180px); }
  .doc-wrapper .markdown-body {
    font-size: 10px; }
    .doc-wrapper .markdown-body table {
      display: table; }

.tab-examples {
  margin-bottom: 14px; }
  .tab-examples .ant-tag {
    border-radius: 100px;
    background-color: #e6e8eb;
    color: #83898f; }
  .tab-examples .ant-tag-checkable-checked {
    background: #0cc991;
    border: 1px solid #eee;
    color: #fff;
    font-weight: 400;
    user-select: none; }

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  background: #f2f4f5;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 400;
  user-select: none; }

.ant-tag-checkable:active {
  background: #f2f4f5;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 400;
  user-select: none; }

.sand-btn {
  position: absolute;
  right: 25px;
  top: 70px; }
  .sand-btn button {
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer; }


.cmp-detail-content {
  border-radius: 2px;
  background: #FFFFFF; }

.ske {
  height: 800px;
  padding-top: 80px; }

.ant-drawer-body {
  padding: 0; }

.cmp-detail-wrapper {
  max-width: 100%;
  margin: auto;
  background-color: white;
  padding-top: 1px; }
  .cmp-detail-wrapper .anchor-wrapper {
    width: 240px;
    padding-left: 20px;
    padding-right: 60px;
    position: absolute;
    max-height: 280px;
    overflow: auto; }
    .cmp-detail-wrapper .anchor-wrapper::-webkit-scrollbar {
      width: 10px;
      height: 10px; }
      .cmp-detail-wrapper .anchor-wrapper::-webkit-scrollbar-track {
        border-radius: 100px;
        background-color: transparent; }
      .cmp-detail-wrapper .anchor-wrapper::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 100px;
        background-color: rgba(0, 0, 0, 0.1);
        background-clip: content-box; }
        .cmp-detail-wrapper .anchor-wrapper::-webkit-scrollbar-thumb:hover {
          background-color: rgba(14, 17, 20, 0.3); }

@media screen and (min-width: 1200px) {
  .cmp-detail-wrapper {
    padding-left: 64px;
    padding-right: 304px; } }

@media screen and (max-width: 1200px) {
  .cmp-detail-wrapper {
    padding-left: 40px;
    padding-right: 280px; }
  .nature-left {
    display: none; }
    .nature-left.show {
      display: block;
      position: fixed;
      left: 0; }
  .nature-content-wrapper .nature-left-expand {
    display: block; }
  .main-page .nature-content-wrapper .nature-right .nature-frame-wrapper {
    width: 100vw;
    max-width: calc(100vw - 10px); } }

@media screen and (max-width: 880px) {
  .anchor-wrapper {
    display: none; }
  .cmp-detail-wrapper {
    padding: 0 40px; } }

.anchor-item {
  font-family: PingFangSC-Regular;
  font-weight: normal;
  padding: 0 0 0 14px;
  color: #565e66;
  color: RGB(var(--skin-css-var-M3, 86, 94, 102));
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  .anchor-item:not(:last-child) {
    padding-bottom: 8px; }
  .anchor-item::after {
    content: " ";
    width: 2px;
    height: 100%;
    background: #e6e8eb;
    background: RGB(var(--skin-css-var-M6, 230, 232, 235));
    position: absolute;
    left: 0px;
    top: 0; }
  .anchor-item-active {
    color: #1d86f0;
    color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
    .anchor-item-active::before {
      position: absolute;
      background: #1d86f0;
      background: RGB(var(--skin-css-var-S3, 29, 134, 240));
      z-index: 1;
      content: ' ';
      width: 2px;
      height: 12px;
      left: 0;
      top: 4px;
      border-radius: 1px; }

.main-page {
  font-family: 'PingFangSC-Medium, Microsoft YaHei';
  font-style: normal;
  font-weight: 300;
  background: #fff;
  overflow: hidden; }
  .main-page .main-interior .nav-wrapper {
    position: relative; }
  .main-page .page-wrapper {
    padding-bottom: 24px; }
  .main-page .main-interior {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto; }

.ant-drawer-body {
  padding: 0; }

.anchor {
  width: 38px;
  height: 156px;
  background-color: #e6f8f9;
  padding: 4px 14px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.5s;
  transition: width 0.5s;
  overflow: hidden; }
  .anchor .anchor__line {
    position: absolute;
    height: 77%;
    width: 1px;
    background: white;
    top: 11%;
    left: 19px; }
  .anchor .anchor__item {
    padding: 4px 0;
    margin-left: 24px;
    position: relative; }
    .anchor .anchor__item a {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #565E66;
      letter-spacing: 0;
      line-height: 20px; }
      .anchor .anchor__item a::before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background: white;
        border-radius: 50%;
        top: 10px;
        left: -24px;
        border: 2px solid #e6f8f9;
        background-color: white; }
    .anchor .anchor__item:hover a {
      color: #0CC0C9; }
  .anchor .anchor__item--active a {
    color: #0CC0C9; }
    .anchor .anchor__item--active a::before {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IueUu+advyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWumuS9jSI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iLTMuODI5MTU5MjFlLTEzIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDAuOTk5OTk1MTkgQzEwLjczMzY3OTYsMC45OTk5OTUxOSAxMi4zOTMwNjg5LDEuNzAxMDAyMzkgMTMuNTk4MDAyMiwyLjk0MjQxNjE0IEMxNi4xMzM5OTkzLDUuNTU0NTQ2NDkgMTYuMTMzOTk5Myw5LjY5ODY3NTYgMTMuNTk4MDAyMiwxMi4zMTA4MDYgTDEzLjU5ODAwMjIsMTIuMzEwODA2IEw5LDE2Ljk5OTk5NTIgTDQuNDAxOTk3ODQsMTIuMzEwODA2IEMxLjg2NjAwMDcyLDkuNjk4Njc1NiAxLjg2NjAwMDcyLDUuNTU0NTQ2NDkgNC40MDE5OTc4NCwyLjk0MjQxNjE0IEM1LjYwNjkzMTA2LDEuNzAxMDAyMzkgNy4yNjYzMjA0MSwwLjk5OTk5NTE5IDksMC45OTk5OTUxOSBaIE04Ljk4NTk4NjQ0LDUuMDAyMDMzNSBDNy43MTI1MzAwOSw1LjAwMzk5MzI2IDYuNjE3NzQyNjgsNS45MDUxNDE3IDYuMzcxMDU4Nyw3LjE1NDQ3ODI1IEM2LjEyNDM3NDcyLDguNDAzODE0OCA2Ljc5NDQ4NjQxLDkuNjUzNDQ2MDggNy45NzE2Mzc2MiwxMC4xMzkyNTQ1IEM5LjE0ODc4ODgyLDEwLjYyNTA2MyAxMC41MDUxODcxLDEwLjIxMTc2OTEgMTEuMjExNDI5NSw5LjE1MjA5MTYzIEMxMS45MTc2NzIsOC4wOTI0MTQxNCAxMS43NzcwOTY2LDYuNjgxNDMzNDIgMTAuODc1NjYxNyw1Ljc4MTkyODExIEMxMC4zNzU0NTQsNS4yNzk2NTY2OCA5LjY5NDg0MDAzLDQuOTk4NzY4MzcgOC45ODU5ODY0NCw1LjAwMjAzMzUgWiIgaWQ9IuWQiOW5tuW9oueKtiIgZmlsbD0iIzBDQzBDOSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
      top: 5px;
      left: -27px;
      border: none;
      background-color: #e6f8f9; }

.anchor--hasScrollbar {
  right: 15px;
  white-space: nowrap; }

.anchor--noScrollbar {
  right: 0px;
  white-space: nowrap; }

.anchor--hasScrollbar:hover {
  width: 118px;
  right: 15px; }

.anchor--noScrollbar:hover {
  width: 118px;
  right: 0; }

@keyframes hideLeftAnimation {
  from {
    left: 0;
    opacity: 1; }
  to {
    left: -280px;
    opacity: 0; } }

@keyframes showLeftAnimation {
  from {
    display: block;
    position: fixed;
    left: -280px;
    opacity: 0;
    z-index: 101; }
  to {
    display: block;
    position: fixed;
    left: 0px;
    z-index: 101;
    opacity: 1; } }

.nature-content-wrapper {
  display: flex; }
  .nature-content-wrapper .nature-left {
    flex: 0 0 280px;
    position: relative;
    border-radius: 3px;
    background: #FFFFFF;
    box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1); }
    .nature-content-wrapper .nature-left.showLeft {
      display: block;
      position: fixed;
      z-index: 101;
      top: 0;
      height: 100vh;
      width: 280px; }
      .nature-content-wrapper .nature-left.showLeft .nature-left-wrapper .nature-menus {
        max-height: 100%; }
    .nature-content-wrapper .nature-left.hideLeftAnimation {
      animation: hideLeftAnimation 0.3s ease; }
    .nature-content-wrapper .nature-left.showLeftAnimation {
      animation: showLeftAnimation 0.3s ease; }
    .nature-content-wrapper .nature-left-top {
      padding: 20px; }
    .nature-content-wrapper .nature-left .nature-left-wrapper {
      position: sticky;
      background: white;
      top: 0;
      height: calc(100vh - 64px); }
      .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar {
        width: 10px;
        height: 10px; }
        .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar-track {
          border-radius: 100px;
          background-color: transparent; }
        .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar-thumb {
          border: 2px solid transparent;
          border-radius: 100px;
          background-color: rgba(0, 0, 0, 0.1);
          background-clip: content-box; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar-thumb:hover {
            background-color: rgba(14, 17, 20, 0.3); }
      .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title {
        padding: 4px;
        background-color: #f0f2f5;
        display: flex;
        align-items: center;
        border-radius: 3px; }
        .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-mobile, .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-pc {
          font-family: PingFangSC-Regular;
          color: #565e66;
          font-size: 12px;
          line-height: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex: 1;
          height: 26px;
          cursor: pointer;
          border-radius: 3px; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-mobile:hover, .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-pc:hover {
            color: #0e1114; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-mobile > svg, .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-pc > svg {
            margin-right: 4px; }
            .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-mobile > svg g path, .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-pc > svg g path {
              fill: #565e66;
              fill: RGB(var(--skin-css-var-M3, 86, 94, 102)); }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-mobile.active, .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-pc.active {
            font-family: PingFangSC-Semibold;
            font-weight: 600;
            color: #1d86f0;
            color: RGB(var(--skin-css-var-S3, 29, 134, 240));
            background: white; }
            .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-mobile.active > svg g path, .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title .nature-title-pc.active > svg g path {
              fill: #1d86f0;
              fill: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
      .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus {
        width: 280px;
        margin-top: 4px;
        font-size: 14px;
        color: #0E1114;
        letter-spacing: 0;
        line-height: 22px;
        max-height: calc(100% - 34px);
        overflow: auto;
        padding: 0 20px 80px; }
        .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar {
          width: 10px;
          height: 10px; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar-track {
            border-radius: 100px;
            background-color: transparent; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar-thumb {
            border: 2px solid transparent;
            border-radius: 100px;
            background-color: rgba(0, 0, 0, 0.1);
            background-clip: content-box; }
            .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus::-webkit-scrollbar-thumb:hover {
              background-color: rgba(14, 17, 20, 0.3); }
        .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline {
          border: none; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-item-group-title {
            padding-left: 24px;
            color: #83898f;
            line-height: 22px; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-item {
            margin: 0;
            padding: 9px 16px !important;
            height: 40px;
            width: 100%;
            font-weight: 500;
            line-height: 22px !important;
            font-size: 14px;
            letter-spacing: 0;
            color: #0e1114;
            color: RGB(var(--skin-css-var-M1, 14, 17, 20));
            margin-bottom: 4px !important;
            transition: unset; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-item-group-title {
            font-size: 14px; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-item-active {
            color: #1d86f0;
            color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-submenu-title {
            margin: 0;
            padding: 9px 16px !important;
            height: 40px;
            width: 100%;
            line-height: 16px !important;
            font-family: PingFangSC-Medium;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0;
            color: #0e1114;
            color: RGB(var(--skin-css-var-M1, 14, 17, 20)); }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-sub .ant-menu-item {
            margin: 0;
            padding: 6px 0;
            padding-left: 32px !important;
            height: 34px;
            line-height: 16px !important;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #33383d;
            color: RGB(var(--skin-css-var-M2, 51, 56, 61)); }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-sub .ant-menu-item-active {
            color: #1d86f0;
            color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
    .nature-content-wrapper .nature-left .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
      border-radius: 6px;
      background: #1d86f0;
      background: RGB(var(--skin-css-var-S3, 29, 134, 240));
      color: white !important;
      color: RGB(var(--skin-css-var-M9, 255, 255, 255)) !important;
      box-shadow: 0px 10px 15px 0px rgba(0, 106, 255, 0.1); }
      .nature-content-wrapper .nature-left .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected::after {
        content: unset; }
    .nature-content-wrapper .nature-left .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .nature-content-wrapper .nature-left .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
      background: linear-gradient(to right, #1d86f0, #1d86f0); }
  .nature-content-wrapper .nature-right {
    flex: 1; }
    .nature-content-wrapper .nature-right .nature-right-wrapper {
      margin: 16px 24px 46px 24px;
      padding: 24px 0 24px 30px;
      border-radius: 2px;
      background: #FFFFFF; }
      .nature-content-wrapper .nature-right .nature-right-wrapper .image-wrapper {
        height: 3463px;
        width: 1000px;
        background-size: contain;
        background-repeat: no-repeat; }
    .nature-content-wrapper .nature-right .nature-frame-wrapper {
      max-width: calc(100vw - 280px);
      height: 100%; }

.nav-wrapper.natureDesign {
  position: relative; }

.nature-left-expand {
  display: none;
  max-width: calc(100vw - 280px);
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 10; }
  .nature-left-expand-icon {
    width: 40px;
    height: 40px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 280px;
    box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border-radius: 0px 3px 3px 0px; }
    .nature-left-expand-icon img {
      width: 24px;
      height: 24px; }
  .nature-left-expand-mask {
    background-color: rgba(14, 17, 20, 0.3);
    width: 100%;
    height: 100%; }

.report-page {
  height: 800px;
  width: 1200; }

.report-page-container {
  padding-top: 120px;
  margin: 0 auto;
  max-width: 1340px;
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #0E1114; }

.report-link-list {
  height: 1000px;
  padding: 0 0 0 20px;
  position: relative;
  left: 90px;
  box-sizing: border-box; }
  .report-link-list span {
    display: inline-block;
    font-size: 14px;
    color: #314659;
    width: 100%;
    line-height: 34px;
    height: 38px;
    box-sizing: border-box;
    padding: 2px 6px;
    cursor: pointer; }
    .report-link-list span:hover {
      color: #1890ff; }
  .report-link-list .active {
    background-color: #e6f7ff;
    color: #1890ff; }

.report-iframe-container {
  width: 100%;
  height: 4000px; }
  .report-iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden; }

#report-cmps-group-details {
  height: 600px;
  width: 100%; }

.report-details {
  height: 800px;
  width: 1200; }

.report-details-container {
  padding-top: 120px;
  margin: 0 auto;
  max-width: 1340px;
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #0E1114; }

.report-dep-cricle-details {
  margin-top: 40px; }

.report-dep-cricle-details {
  height: 800px;
  width: 1200; }

.report-dep-cricle-details-container {
  padding-top: 120px;
  margin: 0 auto;
  max-width: 1340px;
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #0E1114; }

.report-statics-details {
  margin-top: 40px; }

.report-statics-details {
  height: 800px;
  width: 1200; }

.report-statics-details-container {
  padding-top: 120px;
  margin: 0 auto;
  max-width: 1340px;
  font-family: PingFangSC-Medium;
  font-size: 24px;
  color: #0E1114; }

@charset "UTF-8";
.main-page {
  height: 100%; }

.cmp-solution-doc-list {
  padding: 30px 5%;
  background: #fbfbfb;
  padding-top: 110px;
  min-height: 100vh; }
  .cmp-solution-doc-list .cmp-solution-doc-list-wrapper {
    margin: 0 auto;
    max-width: 1400px; }
    .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-content {
      display: flex;
      display: -ms-flexbox; }
    .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left {
      width: 320px; }
      .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left .cdlw-search {
        position: fixed;
        z-index: 2;
        background: #fafbfc; }
        .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left .cdlw-search .ant-input {
          border-radius: 3px;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #0E1114;
          letter-spacing: 0;
          line-height: 20px; }
      .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left ul {
        height: calc(100vh - 140px);
        overflow-y: scroll;
        display: block;
        position: fixed;
        padding: 0;
        padding-top: 50px;
        -ms-overflow-style: none;
        /*火狐下隐藏滚动条*/ }
        .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left ul .cdlw-title {
          list-style: none;
          position: relative;
          height: 38px;
          cursor: pointer; }
        .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left ul .cdlw-title--active {
          border-right: 3px solid #1d86f0;
          background: rgba(133, 194, 255, 0.1);
          color: #1d86f0; }
        .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left ul a {
          padding-left: 30px;
          text-decoration: none;
          color: #565e66;
          display: inline-block;
          border-bottom: 1px solid transparent;
          transition: border 0.2s ease;
          line-height: 38px;
          font-size: 14px; }
      .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-left ul::-webkit-scrollbar {
        display: none; }
    .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-right {
      width: 80%; }
      .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-right .cdlw-solution-doc-wrapper {
        max-width: 1180px;
        padding: 0 3%;
        box-sizing: border-box; }
        .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-right .cdlw-solution-doc-wrapper .top-image {
          width: 100%;
          margin-bottom: 10px; }
          .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-right .cdlw-solution-doc-wrapper .top-image:last-of-type {
            margin-bottom: 25px; }
        .cmp-solution-doc-list .cmp-solution-doc-list-wrapper .cdlw-right .cdlw-solution-doc-wrapper .cdlw-title {
          font-weight: 600; }

.ant-modal {
  width: 100% !important;
  transform-origin: 0% !important; }
  .ant-modal .ant-modal-content {
    background-color: transparent;
    box-shadow: unset; }
    .ant-modal .ant-modal-content .ant-modal-close {
      display: none; }
    .ant-modal .ant-modal-content .ant-modal-body {
      display: flex;
      justify-content: center;
      padding: 0; }
      .ant-modal .ant-modal-content .ant-modal-body img {
        user-select: none;
        height: fit-content; }

.template-detail-wrapper {
  padding-top: 60px; }
  .template-detail-wrapper .template-detail {
    position: relative;
    padding: 0 90px 128px 90px;
    background: #FAFBFC; }
    .template-detail-wrapper .template-detail .template-detail-content {
      padding: 24px 40px 0;
      border-radius: 2px;
      background: #FFFFFF; }
      .template-detail-wrapper .template-detail .template-detail-content .using-time {
        font-size: 14px;
        color: #565E66;
        letter-spacing: 0;
        margin-bottom: 40px; }
        .template-detail-wrapper .template-detail .template-detail-content .using-time .using-time-body {
          font-family: PingFangSC-Regular; }
          .template-detail-wrapper .template-detail .template-detail-content .using-time .using-time-body h2 {
            margin: 16px 0px;
            font-size: 20px;
            font-family: PingFangSC-Medium;
            font-weight: 500;
            color: #0E1114;
            letter-spacing: 0; }
          .template-detail-wrapper .template-detail .template-detail-content .using-time .using-time-body p {
            margin: 0; }
          .template-detail-wrapper .template-detail .template-detail-content .using-time .using-time-body pre {
            margin: 12px 0;
            padding: 10px;
            letter-spacing: 0;
            border: 1px solid #e5e5e5;
            font-family: PingFangSC-Regular; }
            .template-detail-wrapper .template-detail .template-detail-content .using-time .using-time-body pre code {
              font-family: PingFangSC-Regular; }
        .template-detail-wrapper .template-detail .template-detail-content .using-time ul,
        .template-detail-wrapper .template-detail .template-detail-content .using-time ol {
          list-style: none;
          padding-left: 0;
          margin: 0; }
          .template-detail-wrapper .template-detail .template-detail-content .using-time ul li,
          .template-detail-wrapper .template-detail .template-detail-content .using-time ol li {
            margin-bottom: 8px; }
            .template-detail-wrapper .template-detail .template-detail-content .using-time ul li::before,
            .template-detail-wrapper .template-detail .template-detail-content .using-time ol li::before {
              content: "";
              display: inline-block;
              width: 8px;
              line-height: 16px;
              margin-right: 12px;
              margin-bottom: 4px;
              border-bottom: 1px solid #565E66;
              font-size: 12px;
              text-align: center; }
            .template-detail-wrapper .template-detail .template-detail-content .using-time ul li:last-of-type,
            .template-detail-wrapper .template-detail .template-detail-content .using-time ol li:last-of-type {
              margin-bottom: 0; }
      .template-detail-wrapper .template-detail .template-detail-content .using-method {
        font-size: 14px;
        color: #565E66;
        letter-spacing: 0;
        padding-bottom: 40px; }
        .template-detail-wrapper .template-detail .template-detail-content .using-method .using-method-body {
          font-family: PingFangSC-Regular; }
          .template-detail-wrapper .template-detail .template-detail-content .using-method .using-method-body h2 {
            margin: 16px 0 13px;
            font-size: 20px;
            color: #0E1114;
            letter-spacing: 0;
            font-weight: 500;
            font-family: PingFangSC-Medium; }
          .template-detail-wrapper .template-detail .template-detail-content .using-method .using-method-body pre {
            margin: 12px 0;
            padding: 10px;
            letter-spacing: 0;
            border: 1px solid #e5e5e5;
            font-family: PingFangSC-Regular; }
            .template-detail-wrapper .template-detail .template-detail-content .using-method .using-method-body pre code {
              font-family: PingFangSC-Regular; }
    .template-detail-wrapper .template-detail .footer-image {
      position: absolute;
      left: 50%;
      bottom: 50px;
      transform: translateX(-50%); }

.main-interior {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto; }

@charset "UTF-8";
.ui-design-cmps-wrapper {
  max-width: calc(100vw - 280px);
  margin: auto;
  padding-right: 304px;
  padding-left: 64px; }
  .ui-design-cmps-wrapper h1 {
    font-family: PingFangSC-Semibold;
    font-size: 46px;
    font-weight: 600;
    color: #0e1114;
    color: RGB(var(--skin-css-var-M1, 14, 17, 20)); }
  .ui-design-cmps-wrapper h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 80px; }
  .ui-design-cmps-wrapper h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px; }
  .ui-design-cmps-wrapper h2,
  .ui-design-cmps-wrapper h3 {
    font-weight: 500;
    font-family: PingFangSC-Medium;
    color: #0e1114;
    color: RGB(var(--skin-css-var-M1, 14, 17, 20)); }
  .ui-design-cmps-wrapper p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #33383d; }
  .ui-design-cmps-wrapper .design-cmps h3 {
    margin-top: 40px; }
  .ui-design-cmps-wrapper .ui-design-cmps-cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 196px;
    margin-bottom: 12px; }
  .ui-design-cmps-wrapper .design-card {
    display: flex;
    flex-direction: column;
    width: 320px;
    border-radius: 12px;
    margin-right: 30px;
    margin-top: 40px;
    opacity: 1;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    cursor: pointer;
    min-height: 196px;
    padding: 20px 24px;
    transition: 0.5s; }
    .ui-design-cmps-wrapper .design-card:hover {
      box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1); }
    .ui-design-cmps-wrapper .design-card img {
      width: 54px;
      height: 54px;
      opacity: 1; }
    .ui-design-cmps-wrapper .design-card .title {
      margin-top: 18px;
      height: 26px;
      opacity: 1;
      /* PC-加粗/Fs4-18px */
      font-family: PingFangSC-Medium;
      font-size: 18px;
      font-weight: 500;
      line-height: 26px;
      letter-spacing: 0em;
      color: #0E1114; }
    .ui-design-cmps-wrapper .design-card .description {
      margin-top: 8px;
      opacity: 1;
      /* PC-常规/Fs2-14px */
      font-family: PingFangSC-Regular;
      font-size: 14px;
      font-weight: normal;
      line-height: 22px;
      letter-spacing: 0em;
      color: #838383; }
    .ui-design-cmps-wrapper .design-card .link {
      margin-top: 10px; }
      .ui-design-cmps-wrapper .design-card .link a {
        color: #106ecc;
        font-size: 12px;
        margin-right: 20px; }
        .ui-design-cmps-wrapper .design-card .link a:hover {
          color: #1d86f0; }
      .ui-design-cmps-wrapper .design-card .link a:last-child {
        margin-right: 0px; }
  .ui-design-cmps-wrapper .anchor-wrapper {
    width: 240px;
    padding-left: 20px;
    padding-right: 60px;
    position: fixed;
    max-height: 280px;
    overflow: auto;
    right: 0; }
    .ui-design-cmps-wrapper .anchor-wrapper::-webkit-scrollbar {
      width: 10px;
      height: 10px; }
      .ui-design-cmps-wrapper .anchor-wrapper::-webkit-scrollbar-track {
        border-radius: 100px;
        background-color: transparent; }
      .ui-design-cmps-wrapper .anchor-wrapper::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 100px;
        background-color: rgba(0, 0, 0, 0.1);
        background-clip: content-box; }
        .ui-design-cmps-wrapper .anchor-wrapper::-webkit-scrollbar-thumb:hover {
          background-color: rgba(14, 17, 20, 0.3); }
  .ui-design-cmps-wrapper .anchor-item {
    font-family: PingFangSC-Regular;
    font-weight: normal;
    padding: 0 0 0 14px;
    color: #565e66;
    color: RGB(var(--skin-css-var-M3, 86, 94, 102));
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative; }
    .ui-design-cmps-wrapper .anchor-item:not(:last-child) {
      padding-bottom: 8px; }
    .ui-design-cmps-wrapper .anchor-item::after {
      content: " ";
      width: 2px;
      height: 100%;
      background: #e6e8eb;
      background: RGB(var(--skin-css-var-M6, 230, 232, 235));
      position: absolute;
      left: 0px;
      top: 0; }
    .ui-design-cmps-wrapper .anchor-item-active {
      color: #1d86f0;
      color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
      .ui-design-cmps-wrapper .anchor-item-active::before {
        position: absolute;
        background: #1d86f0;
        background: RGB(var(--skin-css-var-S3, 29, 134, 240));
        z-index: 1;
        content: ' ';
        width: 2px;
        height: 12px;
        left: 0;
        top: 4px;
        border-radius: 1px; }
  .ui-design-cmps-wrapper .ui-design-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    z-index: 2;
    top: 0;
    background: white;
    border-bottom: 1px solid #e6e8eb; }
    .ui-design-cmps-wrapper .ui-design-header-left {
      display: flex;
      flex-direction: column;
      height: 200px; }
      .ui-design-cmps-wrapper .ui-design-header-left-title {
        margin-top: 48px;
        margin-bottom: 16px;
        font-size: 34px;
        font-weight: 500;
        color: #0e1114; }
      .ui-design-cmps-wrapper .ui-design-header-left .ant-tabs {
        position: absolute;
        bottom: 0; }
        .ui-design-cmps-wrapper .ui-design-header-left .ant-tabs .ant-tabs-bar {
          margin: 0;
          padding: 0;
          border-bottom: none; }
          .ui-design-cmps-wrapper .ui-design-header-left .ant-tabs .ant-tabs-bar .ant-tabs-tab {
            padding: 4px 16px 8px; }
    .ui-design-cmps-wrapper .ui-design-header-right {
      padding-left: 40px;
      height: 200px; }
  .ui-design-cmps-wrapper .ui-design-cmps-content {
    padding-bottom: 64px;
    max-width: 1000px; }

.ant-modal-content {
  background-color: transparent !important;
  box-shadow: none !important; }
  .ant-modal-content .ant-modal-close {
    display: none; }

.design-guide-recommend-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px; }
  .design-guide-recommend-content > div:first-child {
    margin-right: 32px; }
  .design-guide-recommend-content > div {
    max-width: 368px;
    width: calc(50% - 32px); }
    .design-guide-recommend-content > div img {
      width: 100%; }
  .design-guide-recommend-content .careful-content {
    border: 1px solid #E6E8EB;
    border-radius: 6px; }
    .design-guide-recommend-content .careful-content > img {
      padding: 24px 34px; }
    .design-guide-recommend-content .careful-content .careful-red {
      width: 100%;
      height: 15px;
      background-color: #FF475A;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }

.design-guide-recommend-bottom {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-left: 12px; }
  .design-guide-recommend-bottom > span {
    margin-left: 8px; }
  .design-guide-recommend-bottom.correct {
    color: #46CF84; }
  .design-guide-recommend-bottom.error {
    color: #FF4D4E; }
  .design-guide-recommend-bottom img {
    width: 18px !important;
    height: 18px !important; }

.design-guide-usage {
  display: flex;
  flex-wrap: wrap; }
  .design-guide-usage-img {
    margin-bottom: 8px; }
    .design-guide-usage-img > img {
      width: 100%; }
  .design-guide-usage-item {
    max-width: 368px;
    margin-right: 32px;
    margin-bottom: 32px;
    width: calc(50% - 32px); }
  .design-guide-usage .design-guide-description {
    margin-left: 16px; }

.ant-table-wrapper .ant-table-body .ant-table-thead .ant-table-row-cell-break-word {
  background-color: #f0f2f5;
  font-size: 18px; }

.ant-table-wrapper .ant-table-body .ant-table-row-cell-break-word {
  padding: 12px 20px;
  color: #0e1114;
  font-size: 16px;
  font-weight: 400; }

.back-top {
  position: fixed;
  right: 80px;
  bottom: 100px;
  cursor: pointer; }

@media screen and (max-width: 1200px) {
  .ui-design-cmps-wrapper {
    max-width: 100vw;
    padding-left: 40px;
    padding-right: 280px; } }

@media screen and (min-width: 1700px) {
  .ui-design-cmps-cards {
    width: 1050px !important; } }

.gaishu-img {
  width: 100%;
  margin-bottom: 12px; }

.values-card:first-of-type {
  margin-top: 60px; }

.values-card {
  display: flex;
  min-height: 240px;
  margin-bottom: 32px;
  border: 1px solid #E6E8EB; }
  .values-card-left {
    width: 240px;
    height: 240px; }
  .values-card-right {
    box-sizing: border-box;
    flex: 1;
    padding: 32px 40px;
    height: 240px; }
    .values-card-right .title {
      display: block;
      font-family: PingFangSC-Medium;
      font-size: 28px;
      font-weight: 500;
      line-height: 36px;
      letter-spacing: 0em;
      color: #0E1114; }
    .values-card-right img {
      margin-top: 20px;
      margin-bottom: 20px; }
    .values-card-right p:first-of-type {
      margin-bottom: 10px; }
    .values-card-right p:last-of-type {
      margin-bottom: 0; }

.ui-design .nav-wrapper {
  position: relative; }

.ui-design-content {
  display: flex; }

.ui-design-left {
  flex: 0 0 280px;
  position: relative;
  border-radius: 3px;
  background: white;
  background: RGB(var(--skin-css-var-M9, 255, 255, 255)); }
  .ui-design-left-wrapper {
    position: sticky;
    top: 0;
    height: calc(100vh);
    box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.1); }
  .ui-design-left.showLeft {
    display: block;
    position: fixed;
    z-index: 101;
    top: 0;
    width: 280px; }
    .ui-design-left.showLeft .ui-design-left-wrapper {
      height: 100vh; }
      .ui-design-left.showLeft .ui-design-left-wrapper .ui-design-menus {
        max-height: 100%; }

.ui-design-right {
  flex: 1;
  height: 100%; }

.ui-design-content .ui-design-menus {
  width: 280px;
  font-size: 14px;
  color: #0e1114;
  color: RGB(var(--skin-css-var-M1, 14, 17, 20));
  letter-spacing: 0;
  line-height: 22px;
  overflow: auto;
  padding: 20px 20px 80px;
  max-height: calc(100%); }
  .ui-design-content .ui-design-menus::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
    .ui-design-content .ui-design-menus::-webkit-scrollbar-track {
      border-radius: 100px;
      background-color: transparent; }
    .ui-design-content .ui-design-menus::-webkit-scrollbar-thumb {
      border: 2px solid transparent;
      border-radius: 100px;
      background-color: rgba(0, 0, 0, 0.1);
      background-clip: content-box; }
      .ui-design-content .ui-design-menus::-webkit-scrollbar-thumb:hover {
        background-color: rgba(14, 17, 20, 0.3); }
  .ui-design-content .ui-design-menus .ant-menu-inline {
    border: none; }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-item-group-title {
      padding-left: 24px;
      color: #83898f;
      line-height: 22px; }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-item {
      margin: 0;
      padding: 9px 16px !important;
      height: 40px;
      width: 100%;
      font-weight: 500;
      line-height: 22px !important;
      font-size: 14px;
      letter-spacing: 0;
      color: #0e1114;
      color: RGB(var(--skin-css-var-M1, 14, 17, 20));
      margin-bottom: 4px !important;
      transition: unset; }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-item-group-title {
      font-size: 14px; }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-item-active {
      color: #1d86f0;
      color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-submenu-title {
      margin: 0;
      padding: 9px 16px !important;
      height: 40px;
      width: 100%;
      line-height: 16px !important;
      font-family: PingFangSC-Medium;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0;
      color: #0e1114;
      color: RGB(var(--skin-css-var-M1, 14, 17, 20)); }
      .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-submenu-title:hover {
        color: #106ecc; }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-sub .ant-menu-item {
      margin: 0;
      padding: 6px 0;
      padding-left: 32px !important;
      height: 34px;
      line-height: 16px !important;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #0e1114;
      font-weight: 400; }
    .ui-design-content .ui-design-menus .ant-menu-inline .ant-menu-sub .ant-menu-item-active {
      color: #1d86f0;
      color: RGB(var(--skin-css-var-S3, 29, 134, 240)); }
  .ui-design-content .ui-design-menus .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    border-radius: 6px;
    background: #1d86f0;
    background: RGB(var(--skin-css-var-S3, 29, 134, 240));
    color: white !important;
    color: RGB(var(--skin-css-var-M9, 255, 255, 255)) !important;
    box-shadow: 0px 10px 15px 0px rgba(0, 106, 255, 0.1); }
    .ui-design-content .ui-design-menus .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected::after {
      content: unset; }
  .ui-design-content .ui-design-menus .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before, .ui-design-content .ui-design-menus .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
    background: linear-gradient(to right, #1d86f0, #1d86f0); }

.ui-design-left-expand {
  display: none;
  max-width: calc(100vw - 280px);
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 10; }
  .ui-design-left-expand-icon {
    width: 40px;
    height: 40px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 280px;
    box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border-radius: 0px 3px 3px 0px; }
    .ui-design-left-expand-icon img {
      width: 24px;
      height: 24px; }
  .ui-design-left-expand-mask {
    background-color: rgba(14, 17, 20, 0.3);
    width: 100%;
    height: 100%; }

@media screen and (max-width: 1200px) {
  .ui-design-left {
    display: none; }
  .ui-design-content .ui-design-left-expand {
    display: block; } }