.search-header {
  width: 100%;
  position: relative;
  padding-top: 115px;
  height: 340px;
  background-size: cover;
  background-image: url(/static/bg.png); }
  .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: 50%;
      float: left;
      padding: 0 40px 0 0;
      color: #fff;
      margin-top: 20px;
      font-family: PingFangSC-Medium;
      font-weight: 500; }
      .search-header .search-header-left .search-header-details .search-header-title {
        font-size: 28px;
        letter-spacing: 1px;
        line-height: 60px; }
      .search-header .search-header-left .search-header-details .search-header-description {
        font-size: 36px;
        letter-spacing: 1px;
        line-height: 60px; }
    .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: 256px;
      position: absolute;
      bottom: 16px;
      right: 0px; }
  .search-header .search-header-wrapper {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    height: 100%; }
    .search-header .search-header-wrapper .search-header-title-wrapper {
      display: flex;
      align-items: center;
      letter-spacing: 1.5px;
      margin-bottom: 15px; }

.edit-cmp-drawer .ant-drawer-content {
  background-color: #FAFBFC; }
  .edit-cmp-drawer .ant-drawer-content .ant-drawer-body {
    background-color: #FAFBFC;
    padding: 16px; }
    .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-title {
      font-family: PingFangSC-Medium;
      font-size: 18px;
      color: #33383D;
      line-height: 24px;
      position: relative;
      padding: 0px 0px 16px 16px; }
      .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-title .close-icon {
        position: absolute;
        top: 3px;
        right: 0px;
        cursor: pointer; }
    .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content {
      box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 8px 0px;
      padding: 24px 32px 60px 32px;
      background: white; }
      .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .ant-alert {
        margin-bottom: 20px; }
      .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .ant-form-item {
        margin-bottom: 24px; }
        .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .ant-form-item .ant-form-text {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #0E1114;
          line-height: 22px; }
        .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .ant-form-item .ant-form-item-label {
          text-align: left;
          line-height: 30px; }
          .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .ant-form-item .ant-form-item-label > label {
            font-family: PingFangSC-Semibold;
            font-size: 12px;
            color: #33383D;
            line-height: 20px;
            padding-left: 14px;
            position: relative; }
            .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .ant-form-item .ant-form-item-label > label.ant-form-item-required:before {
              position: absolute;
              left: 4px;
              top: 2px; }
      .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .button-wrapper {
        position: absolute;
        box-sizing: border-box;
        width: 100%;
        bottom: 0px;
        left: 0px;
        padding: 0px 32px 0px 16px; }
        .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .button-wrapper .button-content {
          text-align: right;
          border-top: 1px solid #f0f2f5;
          padding: 16px 40px 20px;
          background: white; }
          .edit-cmp-drawer .ant-drawer-content .ant-drawer-body .edit-content .button-wrapper .button-content button:first-child {
            margin-right: 10px; }

.edit-cmp-modal {
  border-radius: 6px; }
  .edit-cmp-modal .ant-modal-content {
    background-color: unset; }
    .edit-cmp-modal .ant-modal-content .ant-modal-close {
      z-index: 1000;
      color: rgba(255, 255, 255, 0.95); }
      .edit-cmp-modal .ant-modal-content .ant-modal-close:hover {
        color: rgba(255, 255, 255, 0.95); }
      .edit-cmp-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .edit-cmp-modal .ant-modal-content .ant-modal-header {
      position: absolute;
      z-index: 999;
      left: 0px;
      right: 0px;
      background-image: linear-gradient(270deg, #5CADFF 0%, #1D86F0 100%);
      border-radius: 6px 6px 0px 0px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #FFFFFF;
      text-align: center;
      line-height: 24px;
      padding: 8px 16px;
      height: 40px; }
      .edit-cmp-modal .ant-modal-content .ant-modal-header .ant-modal-title {
        text-align: left; }
    .edit-cmp-modal .ant-modal-content .ant-modal-body {
      max-height: 90vh;
      overflow-y: hidden;
      padding-top: 64px;
      padding-left: 0px;
      padding-right: 0px;
      background-color: #fff;
      border-radius: 6px; }
      .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-title {
        display: none; }
      .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-content .ant-alert {
        position: absolute;
        left: 24px;
        right: 24px;
        z-index: 10; }
      .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-content .ant-form {
        max-height: calc(90vh - 114px);
        overflow-y: auto;
        padding-left: 24px;
        padding-right: 24px; }
        .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-content .ant-form .ant-row .dropbox {
          margin-bottom: 24px; }
      .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-content .button-wrapper {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px; }
        .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-content .button-wrapper .button-content {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding-right: 24px;
          width: 100%;
          height: 100%;
          background-color: #fff;
          border-top: 1px solid #f0f2f5;
          border-radius: 0px 0px 6px 6px; }
          .edit-cmp-modal .ant-modal-content .ant-modal-body .edit-content .button-wrapper .button-content button:first-child {
            margin-right: 10px; }

.publish-drawer .ant-drawer-body {
  height: 100%;
  background-color: #FAFBFC;
  padding: 16px; }
  .publish-drawer .ant-drawer-body .publish-title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #33383D;
    line-height: 24px;
    position: relative;
    padding: 0px 0px 16px 16px; }
    .publish-drawer .ant-drawer-body .publish-title .close-icon {
      position: absolute;
      top: 3px;
      right: 0px;
      cursor: pointer; }
  .publish-drawer .ant-drawer-body .publish-content {
    overflow-y: auto;
    height: calc(100% - 40px);
    box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 8px 0px;
    padding: 24px 58px 70px 32px;
    background: white; }
    .publish-drawer .ant-drawer-body .publish-content .publish-status .ant-alert {
      margin-bottom: 20px; }
    .publish-drawer .ant-drawer-body .publish-content .publish-status .ant-alert-error {
      background: rgba(255, 71, 90, 0.04);
      border: 1px solid rgba(255, 71, 90, 0.15);
      border-radius: 3px; }
    .publish-drawer .ant-drawer-body .publish-content .ant-form-item {
      margin-bottom: 24px; }
      .publish-drawer .ant-drawer-body .publish-content .ant-form-item .ant-form-text {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #0E1114;
        line-height: 22px; }
      .publish-drawer .ant-drawer-body .publish-content .ant-form-item .ant-form-item-label {
        text-align: left;
        line-height: 30px; }
        .publish-drawer .ant-drawer-body .publish-content .ant-form-item .ant-form-item-label > label {
          font-family: PingFangSC-Semibold;
          font-size: 12px;
          color: #33383D;
          line-height: 20px; }
    .publish-drawer .ant-drawer-body .publish-content .ant-form-item:nth-last-child(2) {
      margin-bottom: 0; }
    .publish-drawer .ant-drawer-body .publish-content .ant-form-item-control-wrapper {
      padding-left: 16px; }
      .publish-drawer .ant-drawer-body .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 .ant-drawer-body .publish-content .ant-form-item-control-wrapper input::placeholder {
          color: #BFC3C7; }
      .publish-drawer .ant-drawer-body .publish-content .ant-form-item-control-wrapper .ant-form-item-control {
        line-height: 30px; }
        .publish-drawer .ant-drawer-body .publish-content .ant-form-item-control-wrapper .ant-form-item-control .selected-tag-wrapper {
          padding-bottom: 8px; }
        .publish-drawer .ant-drawer-body .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 .ant-drawer-body .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 .ant-drawer-body .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload {
          background: #FFFFFF; }
          .publish-drawer .ant-drawer-body .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-drag {
            border-radius: 3px; }
            .publish-drawer .ant-drawer-body .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 .ant-drawer-body .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-text, .publish-drawer .ant-drawer-body .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 .ant-drawer-body .publish-content .ant-form-item-control-wrapper .ant-form-item-control .ant-upload .ant-upload-hint {
            color: #4F73FF; }
    .publish-drawer .ant-drawer-body .publish-content .button-wrapper {
      position: fixed;
      bottom: 0;
      right: 16px;
      width: calc(65% - 16px); }
      .publish-drawer .ant-drawer-body .publish-content .button-wrapper .button-content {
        border-top: 1px solid #F0F2F5;
        margin: 0 0px 0 16px;
        padding: 32px 40px 16px 0px;
        text-align: right;
        background: #FFFFFF; }
        .publish-drawer .ant-drawer-body .publish-content .button-wrapper .button-content button:first-child {
          margin-right: 10px; }
  .publish-drawer .ant-drawer-body .ant-message {
    position: absolute; }

.publish-modal {
  border-radius: 6px; }
  .publish-modal .ant-modal-content {
    background-color: unset; }
    .publish-modal .ant-modal-content .ant-modal-close {
      z-index: 1000;
      color: rgba(255, 255, 255, 0.95); }
      .publish-modal .ant-modal-content .ant-modal-close:hover {
        color: rgba(255, 255, 255, 0.95); }
      .publish-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .publish-modal .ant-modal-content .ant-modal-header {
      position: absolute;
      z-index: 999;
      left: 0px;
      right: 0px;
      background-image: linear-gradient(270deg, #5CADFF 0%, #1D86F0 100%);
      border-radius: 6px 6px 0px 0px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #FFFFFF;
      text-align: center;
      line-height: 24px;
      padding: 8px 16px;
      height: 40px; }
      .publish-modal .ant-modal-content .ant-modal-header .ant-modal-title {
        text-align: left; }
    .publish-modal .ant-modal-content .ant-modal-body {
      max-height: 90vh;
      overflow-y: auto;
      padding-top: 64px;
      background-color: #fff;
      border-radius: 6px; }
      .publish-modal .ant-modal-content .ant-modal-body .publish-title {
        display: none; }
      .publish-modal .ant-modal-content .ant-modal-body .publish-content {
        padding-bottom: 30px; }
        .publish-modal .ant-modal-content .ant-modal-body .publish-content .ant-alert {
          margin-bottom: 20px; }
        .publish-modal .ant-modal-content .ant-modal-body .publish-content .ant-form .ant-row .dropbox {
          margin-bottom: 60px; }
        .publish-modal .ant-modal-content .ant-modal-body .publish-content .ant-form .button-wrapper {
          position: absolute;
          bottom: 0px;
          left: 0px;
          width: 100%;
          height: 50px; }
          .publish-modal .ant-modal-content .ant-modal-body .publish-content .ant-form .button-wrapper .button-content {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 24px;
            width: 100%;
            height: 100%;
            background-color: #fff;
            border-top: 1px solid #f0f2f5;
            border-radius: 0px 0px 6px 6px; }
            .publish-modal .ant-modal-content .ant-modal-body .publish-content .ant-form .button-wrapper .button-content button:first-child {
              margin-right: 10px; }
    .publish-modal .ant-modal-content .ant-message {
      position: absolute; }

.wrap-page-button {
  background: #FFFFFF;
  border: 1px solid #E6E8EB;
  border-radius: 3px;
  height: 26px;
  width: 58px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #33383D;
  text-align: center;
  line-height: 26px;
  display: inline-block; }
  .wrap-page-button:hover {
    color: #1890ff; }

ul.ant-dropdown-menu {
  padding: 10px 0px; }
  ul.ant-dropdown-menu .ant-dropdown-menu-item {
    box-sizing: border-box;
    width: 200px;
    padding: 0px 10px; }
    ul.ant-dropdown-menu .ant-dropdown-menu-item.filter-menu-all div {
      height: 20px;
      line-height: 20px; }
      ul.ant-dropdown-menu .ant-dropdown-menu-item.filter-menu-all div .ant-checkbox-wrapper {
        font-size: 12px; }
        ul.ant-dropdown-menu .ant-dropdown-menu-item.filter-menu-all div .ant-checkbox-wrapper .ant-checkbox-inner {
          width: 12px;
          height: 12px; }
    ul.ant-dropdown-menu .ant-dropdown-menu-item:hover {
      background-color: unset; }
    ul.ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-group {
      display: flex;
      flex-direction: column; }
      ul.ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-group .ant-checkbox-group-item {
        margin-right: 0px;
        font-size: 12px;
        height: 20px;
        line-height: 20px; }
        ul.ant-dropdown-menu .ant-dropdown-menu-item .ant-checkbox-group .ant-checkbox-group-item .ant-checkbox-inner {
          width: 12px;
          height: 12px; }
    ul.ant-dropdown-menu .ant-dropdown-menu-item.cmp-from-menu {
      max-height: 200px;
      overflow-y: auto;
      display: block; }
    ul.ant-dropdown-menu .ant-dropdown-menu-item .footer {
      text-align: right; }

.cmp-table-wrapper {
  position: relative; }
  .cmp-table-wrapper .table-filter-search {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cmp-table-wrapper .table-filter-search .ant-input-affix-wrapper .ant-input {
      min-height: auto;
      height: 30px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      line-height: 30px; }
    .cmp-table-wrapper .table-filter-search .ant-input-affix-wrapper .ant-input::placeholder {
      color: #bfc3c7;
      font-size: 12px;
      line-height: 30px; }
    .cmp-table-wrapper .table-filter-search .search {
      width: 230px; }
    .cmp-table-wrapper .table-filter-search .filter {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #33383D;
      display: flex; }
      .cmp-table-wrapper .table-filter-search .filter .divider {
        height: 1px;
        background: #F0F2F5;
        margin-top: 10px; }
      .cmp-table-wrapper .table-filter-search .filter i {
        margin-left: 4px; }
      .cmp-table-wrapper .table-filter-search .filter .filter-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        z-index: 2;
        background: white;
        border-radius: 3px;
        padding: 10px 0;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
        .cmp-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-group {
          display: flex;
          flex-direction: column; }
        .cmp-table-wrapper .table-filter-search .filter .filter-menu.cmp-from-menu .ant-checkbox-group {
          display: block;
          flex-direction: column; }
        .cmp-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-wrapper {
          margin-left: 0;
          font-size: 12px;
          height: 20px;
          line-height: 20px;
          padding: 0 10px; }
          .cmp-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-wrapper span {
            font-size: 12px; }
          .cmp-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-wrapper .ant-checkbox-inner {
            width: 12px;
            height: 12px; }
        .cmp-table-wrapper .table-filter-search .filter .filter-menu .ant-btn {
          font-size: 12px;
          width: 44px;
          height: 26px;
          line-height: 26px;
          padding: 0;
          text-align: center;
          margin-top: 8px;
          align-self: flex-end;
          margin-right: 10px; }
      .cmp-table-wrapper .table-filter-search .filter .cmp-filter-menu {
        width: 200px;
        display: none; }
      .cmp-table-wrapper .table-filter-search .filter .cmp-visiable-menu {
        width: 200px;
        display: none; }
      .cmp-table-wrapper .table-filter-search .filter .cmp-from-menu {
        display: none;
        width: 200px;
        overflow-y: auto; }
        .cmp-table-wrapper .table-filter-search .filter .cmp-from-menu .ant-checkbox-wrapper {
          width: 200px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
      .cmp-table-wrapper .table-filter-search .filter .cmp-type {
        width: 78px;
        margin-right: 12px;
        cursor: pointer; }
        .cmp-table-wrapper .table-filter-search .filter .cmp-type:hover .cmp-filter-menu {
          display: flex; }
      .cmp-table-wrapper .table-filter-search .filter .cmp-visiable {
        width: 78px;
        margin-right: 12px;
        cursor: pointer; }
        .cmp-table-wrapper .table-filter-search .filter .cmp-visiable:hover .cmp-visiable-menu {
          display: flex; }
      .cmp-table-wrapper .table-filter-search .filter .cmp-from {
        width: 78px;
        cursor: pointer; }
        .cmp-table-wrapper .table-filter-search .filter .cmp-from:hover .cmp-from-menu {
          display: flex; }
  .cmp-table-wrapper .ant-table-thead th {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 12px;
    color: #0e1114; }
  .cmp-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row td {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 13px;
    padding: 10px 12px;
    color: #33383d; }
    .cmp-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row td .edit-cmp, .cmp-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row td .publish-cmp {
      margin-right: 10px; }
  .cmp-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row tr td:first-child {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .cmp-table-wrapper .ant-pagination-item {
    min-width: 26px;
    height: 26px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #106ecc;
    text-align: center;
    line-height: 20px; }
    .cmp-table-wrapper .ant-pagination-item a {
      line-height: 26px; }
  .cmp-table-wrapper .table-bottom {
    height: 32px;
    margin-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px; }
    .cmp-table-wrapper .table-bottom__pagination-wrapper {
      display: flex;
      align-items: center; }
    .cmp-table-wrapper .table-bottom__total-info {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #83898f;
      line-height: 26px; }
    .cmp-table-wrapper .table-bottom__pagination {
      padding-bottom: 2px; }
    .cmp-table-wrapper .table-bottom__pagesize-select {
      margin-right: 16px; }
      .cmp-table-wrapper .table-bottom__pagesize-select .ant-select {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #33383d;
        text-align: right;
        line-height: 20px; }
        .cmp-table-wrapper .table-bottom__pagesize-select .ant-select-selection--single {
          height: 26px; }
          .cmp-table-wrapper .table-bottom__pagesize-select .ant-select-selection--single .ant-select-selection__rendered {
            line-height: 26px; }
  .cmp-table-wrapper .cmp-nameCN {
    display: inline-block;
    width: 256px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .cmp-table-wrapper .cmp-name {
    display: inline-block;
    width: 190;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #33383d;
  text-align: right;
  height: 26px;
  text-align: left; }

.edit-cmp__form-btn-wraper {
  text-align: right; }
  .edit-cmp__form-btn-wraper button:first-child {
    margin-right: 10px; }

.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;
    strokeWidth: 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;
  margin-left: 10px; }

.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; }

.build-table-wrapper {
  position: relative; }
  .build-table-wrapper .table-filter-search {
    position: relative;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
    .build-table-wrapper .table-filter-search .ant-input-affix-wrapper .ant-input {
      min-height: auto;
      height: 30px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      line-height: 30px; }
    .build-table-wrapper .table-filter-search .ant-input-affix-wrapper .ant-input::placeholder {
      color: #bfc3c7;
      font-size: 12px;
      line-height: 30px; }
    .build-table-wrapper .table-filter-search .search {
      width: 230px; }
    .build-table-wrapper .table-filter-search .filter {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #33383D;
      display: flex; }
      .build-table-wrapper .table-filter-search .filter i {
        margin-left: 4px; }
      .build-table-wrapper .table-filter-search .filter .divider {
        height: 1px;
        background: #F0F2F5;
        margin-top: 10px; }
      .build-table-wrapper .table-filter-search .filter .filter-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        z-index: 2;
        border-radius: 3px;
        background: white;
        padding: 10px 0;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
        .build-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-group {
          display: flex;
          flex-direction: column; }
        .build-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-wrapper {
          margin-left: 0;
          font-size: 12px;
          height: 20px;
          line-height: 20px;
          padding: 0 10px; }
          .build-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-wrapper span {
            font-size: 12px; }
          .build-table-wrapper .table-filter-search .filter .filter-menu .ant-checkbox-wrapper .ant-checkbox-inner {
            width: 12px;
            height: 12px; }
        .build-table-wrapper .table-filter-search .filter .filter-menu .ant-btn {
          font-size: 12px;
          width: 44px;
          height: 26px;
          line-height: 26px;
          padding: 0;
          text-align: center;
          margin-top: 8px;
          align-self: flex-end;
          margin-right: 10px; }
      .build-table-wrapper .table-filter-search .filter .build-filter-menu {
        display: none;
        width: 200px; }
      .build-table-wrapper .table-filter-search .filter .build-from-menu {
        display: none; }
      .build-table-wrapper .table-filter-search .filter .build-process {
        width: 78px;
        margin-right: 12px;
        cursor: pointer; }
        .build-table-wrapper .table-filter-search .filter .build-process:hover .build-filter-menu {
          display: flex; }
      .build-table-wrapper .table-filter-search .filter .build-from {
        width: 78px;
        cursor: pointer; }
        .build-table-wrapper .table-filter-search .filter .build-from:hover .build-from-menu {
          display: flex; }
  .build-table-wrapper .ant-table-thead th {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 12px;
    color: #0e1114; }
  .build-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row td {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 13px;
    padding: 10px 12px;
    color: #33383d; }
  .build-table-wrapper .ant-table-body .ant-table-tbody .ant-table-row tr td:first-child {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .build-table-wrapper .ant-pagination-item {
    min-width: 26px;
    height: 26px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #106ecc;
    text-align: center;
    line-height: 20px; }
    .build-table-wrapper .ant-pagination-item a {
      line-height: 26px; }
  .build-table-wrapper .table-bottom {
    height: 32px;
    margin-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px; }
    .build-table-wrapper .table-bottom__pagination-wrapper {
      display: flex;
      align-items: center; }
    .build-table-wrapper .table-bottom__total-info {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #83898f;
      line-height: 26px; }
    .build-table-wrapper .table-bottom__pagination {
      padding-bottom: 2px; }
    .build-table-wrapper .table-bottom__pagesize-select {
      margin-right: 16px; }
      .build-table-wrapper .table-bottom__pagesize-select .ant-select {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #33383d;
        text-align: right;
        line-height: 20px; }
        .build-table-wrapper .table-bottom__pagesize-select .ant-select-selection--single {
          height: 26px; }
          .build-table-wrapper .table-bottom__pagesize-select .ant-select-selection--single .ant-select-selection__rendered {
            line-height: 26px; }
  .build-table-wrapper .build-cmp-nameCN {
    display: inline-block;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .build-table-wrapper .build-cmp-name {
    display: inline-block;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #33383d;
  text-align: right;
  height: 26px;
  text-align: left; }

.ant-popover.stop-ci {
  width: 260px; }
  .ant-popover.stop-ci .ant-popover-inner-content {
    padding: 12px 16px; }
    .ant-popover.stop-ci .ant-popover-inner-content .ant-popover-message .ant-popover-message-title {
      font-weight: 600; }
    .ant-popover.stop-ci .ant-popover-inner-content .ant-popover-buttons button {
      width: 48px;
      height: 26px;
      margin: 0px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      line-height: 12px; }
      .ant-popover.stop-ci .ant-popover-inner-content .ant-popover-buttons button:first-child {
        margin-right: 10px;
        border-radius: 3px; }

.build-info-drawer .ant-drawer-body {
  padding: 0px; }
  .build-info-drawer .ant-drawer-body .RunDetails-content {
    margin: 0px; }

.create-cmp-drawer .ant-drawer-body {
  height: 100%;
  background-color: #FAFBFC;
  padding: 16px; }
  .create-cmp-drawer .ant-drawer-body .create-title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #33383D;
    line-height: 24px;
    position: relative;
    padding: 0px 0px 16px 16px; }
    .create-cmp-drawer .ant-drawer-body .create-title .close-icon {
      position: absolute;
      top: 3px;
      right: 0px;
      cursor: pointer; }
  .create-cmp-drawer .ant-drawer-body .create-content {
    box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 8px 0px;
    padding: 24px 58px 70px 32px;
    background: white; }
    .create-cmp-drawer .ant-drawer-body .create-content .ant-alert {
      margin-bottom: 20px; }
    .create-cmp-drawer .ant-drawer-body .create-content .ant-form-item {
      margin-bottom: 24px; }
      .create-cmp-drawer .ant-drawer-body .create-content .ant-form-item .ant-form-item-control .ant-form-extra {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #BFC3C7;
        line-height: 20px; }
      .create-cmp-drawer .ant-drawer-body .create-content .ant-form-item .ant-form-text {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #0E1114;
        line-height: 22px; }
      .create-cmp-drawer .ant-drawer-body .create-content .ant-form-item .ant-form-item-label {
        text-align: left;
        line-height: 30px; }
        .create-cmp-drawer .ant-drawer-body .create-content .ant-form-item .ant-form-item-label > label {
          font-family: PingFangSC-Semibold;
          font-size: 12px;
          color: #33383D;
          line-height: 20px;
          padding-left: 14px;
          position: relative; }
          .create-cmp-drawer .ant-drawer-body .create-content .ant-form-item .ant-form-item-label > label.ant-form-item-required:before {
            position: absolute;
            left: 4px;
            top: 2px; }
    .create-cmp-drawer .ant-drawer-body .create-content .button-wrapper {
      position: absolute;
      bottom: 0px;
      right: 16px;
      width: calc(100% - 16px); }
      .create-cmp-drawer .ant-drawer-body .create-content .button-wrapper .button-content {
        text-align: right;
        border-top: 1px solid #f0f2f5;
        padding: 16px 40px 20px;
        margin-left: 16px;
        background: white; }
        .create-cmp-drawer .ant-drawer-body .create-content .button-wrapper .button-content button:first-child {
          margin-right: 10px; }

.create-cmp-modal {
  border-radius: 6px; }
  .create-cmp-modal .ant-modal-content {
    background-color: unset; }
    .create-cmp-modal .ant-modal-content .ant-modal-close {
      z-index: 1000;
      color: rgba(255, 255, 255, 0.95); }
      .create-cmp-modal .ant-modal-content .ant-modal-close:hover {
        color: rgba(255, 255, 255, 0.95); }
      .create-cmp-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center; }
    .create-cmp-modal .ant-modal-content .ant-modal-header {
      position: absolute;
      z-index: 999;
      left: 0px;
      right: 0px;
      background-image: linear-gradient(270deg, #5CADFF 0%, #1D86F0 100%);
      border-radius: 6px 6px 0px 0px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #FFFFFF;
      text-align: center;
      line-height: 24px;
      padding: 8px 16px;
      height: 40px; }
      .create-cmp-modal .ant-modal-content .ant-modal-header .ant-modal-title {
        text-align: left; }
    .create-cmp-modal .ant-modal-content .ant-modal-body {
      max-height: 90vh;
      overflow-y: hidden;
      padding-top: 64px;
      padding-left: 0px;
      padding-right: 0px;
      background-color: #fff;
      border-radius: 6px; }
      .create-cmp-modal .ant-modal-content .ant-modal-body .create-title {
        display: none; }
      .create-cmp-modal .ant-modal-content .ant-modal-body .create-content .ant-form {
        max-height: calc(90vh - 114px);
        overflow-y: auto;
        margin-bottom: 48px;
        padding-left: 24px;
        padding-right: 24px; }
        .create-cmp-modal .ant-modal-content .ant-modal-body .create-content .ant-form .ant-form-item-control .ant-form-extra {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #BFC3C7;
          line-height: 20px; }
      .create-cmp-modal .ant-modal-content .ant-modal-body .create-content .ant-alert {
        position: absolute;
        left: 24px;
        right: 24px;
        z-index: 10; }
      .create-cmp-modal .ant-modal-content .ant-modal-body .create-content .button-wrapper {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px; }
        .create-cmp-modal .ant-modal-content .ant-modal-body .create-content .button-wrapper .button-content {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding-right: 24px;
          width: 100%;
          height: 100%;
          background-color: #fff;
          border-top: 1px solid #f0f2f5;
          border-radius: 0px 0px 6px 6px; }
          .create-cmp-modal .ant-modal-content .ant-modal-body .create-content .button-wrapper .button-content button:first-child {
            margin-right: 10px; }

body {
  background: #fafbfc;
  width: 100%;
  height: 100%; }
  body .main-page {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    body .main-page .page-container {
      padding: 10px 40px; }
      body .main-page .page-container.loading {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center; }
      body .main-page .page-container.app-center {
        padding: 0px 16px; }
      body .main-page .page-container .cmp-manage-wrapper {
        padding: 20px 0; }
        body .main-page .page-container .cmp-manage-wrapper.app-center {
          padding-right: 0px;
          padding-top: 16px; }
        body .main-page .page-container .cmp-manage-wrapper__header {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body .main-page .page-container .cmp-manage-wrapper__header-tools {
            display: flex; }
            body .main-page .page-container .cmp-manage-wrapper__header-tools.app-center {
              padding-right: 24px; }
              body .main-page .page-container .cmp-manage-wrapper__header-tools.app-center .ant-btn {
                width: auto;
                border-radius: 3px;
                justify-content: center;
                color: #fff;
                background-color: #1d86f0;
                border-color: #1d86f0; }
                body .main-page .page-container .cmp-manage-wrapper__header-tools.app-center .ant-btn:hover {
                  background-color: #5cadff;
                  border-color: #5cadff; }
                body .main-page .page-container .cmp-manage-wrapper__header-tools.app-center .ant-btn:nth-child(2):hover {
                  background-color: #5cadff;
                  border-color: #5cadff; }
                body .main-page .page-container .cmp-manage-wrapper__header-tools.app-center .ant-btn:active {
                  background-color: #106ecc;
                  border-color: #106ecc; }
            body .main-page .page-container .cmp-manage-wrapper__header-tools .ant-btn {
              border-radius: 100px;
              height: 30px;
              display: flex;
              align-items: center;
              color: #106ECC;
              margin-right: 10px; }
              body .main-page .page-container .cmp-manage-wrapper__header-tools .ant-btn:nth-child(2):hover {
                background-color: rgba(79, 115, 255, 0.1); }
              body .main-page .page-container .cmp-manage-wrapper__header-tools .ant-btn:last-child {
                margin-right: 0; }
              body .main-page .page-container .cmp-manage-wrapper__header-tools .ant-btn svg {
                margin-right: 2px; }
            body .main-page .page-container .cmp-manage-wrapper__header-tools .ant-btn-background-ghost.ant-btn-primary:hover {
              background-color: rgba(133, 194, 255, 0.1) !important;
              border-color: #85C2FF; }
            body .main-page .page-container .cmp-manage-wrapper__header-tools .jenkins-btn--icon {
              height: 18px;
              margin-right: 4px;
              width: 18px;
              background: url("/static/cmp-manage/jenkins.svg"); }
            body .main-page .page-container .cmp-manage-wrapper__header-tools .mock-btn--icon {
              height: 18px;
              margin-right: 4px;
              width: 18px;
              background: url("/static/cmp-manage/mock.svg"); }
        body .main-page .page-container .cmp-manage-wrapper__select {
          margin-left: 26px;
          display: flex;
          align-items: center; }
          body .main-page .page-container .cmp-manage-wrapper__select--tabs {
            cursor: pointer;
            font-family: PingFangSC-Medium;
            font-size: 16px;
            line-height: 32px; }
            body .main-page .page-container .cmp-manage-wrapper__select--tabs .tab {
              margin: 10px;
              position: relative; }
              body .main-page .page-container .cmp-manage-wrapper__select--tabs .tab.isSelected {
                color: #1D86F0; }
                body .main-page .page-container .cmp-manage-wrapper__select--tabs .tab.isSelected::after {
                  position: absolute;
                  content: '';
                  width: 28px;
                  height: 2px;
                  border-radius: 1px;
                  background-color: #1D86F0;
                  bottom: -6px;
                  left: 0;
                  right: 0;
                  margin: 0 auto; }
          body .main-page .page-container .cmp-manage-wrapper__select--icon {
            background-image: url("/static/cmp-manage/icon.svg");
            display: inline-block;
            width: 24px;
            height: 24px;
            margin-right: 4px; }
        body .main-page .page-container .cmp-manage-wrapper__body {
          padding: 20px 24px;
          background: white;
          margin-top: 25px;
          border-radius: 2px; }
          body .main-page .page-container .cmp-manage-wrapper__body.app-center {
            margin-top: 15px; }
          body .main-page .page-container .cmp-manage-wrapper__body .empty-data {
            height: 600px;
            display: flex;
            align-items: center;
            justify-content: center; }
            body .main-page .page-container .cmp-manage-wrapper__body .empty-data .empty-image {
              width: 147px;
              height: 116px;
              margin-bottom: 24px;
              background: url("/static/cmp-manage/empty-data.svg"); }

.ant-modal-header {
  background-image: linear-gradient(270deg, #5CADFF 0%, #1D86F0 100%); }
  .ant-modal-header .ant-modal-title {
    color: white; }

.ant-modal-close {
  color: white; }

.create-cmp__form-btn-wraper {
  text-align: right; }
  .create-cmp__form-btn-wraper button:first-child {
    margin-right: 10px; }

@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; }

.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; }

.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:first-of-type {
      margin-right: 10px; }
  .templateCard .templateCard-title .templateCard-title__device--pc {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGMxOHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InBjMThweCIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ0diI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS00MyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4yLDEuNzUgQzE0LjY0MTgyNzgsMS43NSAxNSwyLjEwODE3MjIgMTUsMi41NSBMMTUsMTAuNzEzNDg2MiBDMTUsMTEuMTU1MzE0IDE0LjY0MTgyNzgsMTEuNTEzNDg2MiAxNC4yLDExLjUxMzQ4NjIgTDguNzUsMTEuNTEzIEw4Ljc1LDEyLjgzNzM0NjEgTDEwLjI1LDEyLjgzNzM0NjEgQzEwLjY2NDIxMzYsMTIuODM3MzQ2MSAxMS4wMjA5MjcsMTMuMDg1Nzg2NCAxMS4wMjA5MjcsMTMuNSBDMTEuMDIwOTI3LDEzLjkxNDIxMzYgMTAuNjY0MjEzNiwxNC4yNSAxMC4yNSwxNC4yNSBMNS43NSwxNC4yNSBDNS4zMzU3ODY0NCwxNC4yNSA0Ljk0ODI0MjI0LDEzLjkxNDIxMzYgNC45NDgyNDIyNCwxMy41IEM0Ljk0ODI0MjI0LDEzLjA4NTc4NjQgNS4zMzU3ODY0NCwxMi44MzczNDYxIDUuNzUsMTIuODM3MzQ2MSBMNy4yNSwxMi44MzczNDYxIEw3LjI1LDExLjUxMyBMMS44LDExLjUxMzQ4NjIgQzEuMzU4MTcyMiwxMS41MTM0ODYyIDEsMTEuMTU1MzE0IDEsMTAuNzEzNDg2MiBMMSwyLjU1IEMxLDIuMTA4MTcyMiAxLjM1ODE3MjIsMS43NSAxLjgsMS43NSBMMTQuMiwxLjc1IFogTTcuOTg4MDc0OTQsOS41NTk5NDAzNSBDNy41NzM4NjEzOCw5LjU1OTk0MDM1IDcuMjM4MDc0OTQsOS44OTU3MjY3OCA3LjIzODA3NDk0LDEwLjMwOTk0MDMgQzcuMjM4MDc0OTQsMTAuNzI0MTUzOSA3LjU3Mzg2MTM4LDExLjA1OTk0MDMgNy45ODgwNzQ5NCwxMS4wNTk5NDAzIEM4LjQwMjI4ODUsMTEuMDU5OTQwMyA4LjczODA3NDk0LDEwLjcyNDE1MzkgOC43MzgwNzQ5NCwxMC4zMDk5NDAzIEM4LjczODA3NDk0LDkuODk1NzI2NzggOC40MDIyODg1LDkuNTU5OTQwMzUgNy45ODgwNzQ5NCw5LjU1OTk0MDM1IFogTTEzLjA2NzE5ODksMy4yNDg1ODA3IEwyLjk2ODk2NzUyLDMuMjQ4NTgwNyBDMi44MjY5NTE0NSwzLjI0ODU4MDcgMi43MDc5ODMzNCwzLjM0NzI2MDc5IDIuNjc2ODkwNzQsMy40Nzk3OTM0NSBMMi42Njg5Njc1MiwzLjU0ODU4MDcgTDIuNjY4OTY3NTIsOC41NDUyMDAwMyBDMi42Njg5Njc1Miw4Ljc5MDY1OTkyIDIuODQ1ODQyNjgsOC45OTQ4MDg0IDMuMDc5MDkxODksOS4wMzcxNDQzNiBMMy4xNjg5Njc1Miw5LjA0NTIwMDAzIEwxMi44NjcxOTg5LDkuMDQ1MjAwMDMgQzEzLjExMjY1ODgsOS4wNDUyMDAwMyAxMy4zMTY4MDczLDguODY4MzI0ODcgMTMuMzU5MTQzMiw4LjYzNTA3NTY2IEwxMy4zNjcxOTg5LDguNTQ1MjAwMDMgTDEzLjM2NzE5ODksMy41NDg1ODA3IEMxMy4zNjcxOTg5LDMuNDA2NTY0NjIgMTMuMjY4NTE4OCwzLjI4NzU5NjUxIDEzLjEzNTk4NjIsMy4yNTY1MDM5MSBMMTMuMDY3MTk4OSwzLjI0ODU4MDcgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzg1QzJGRiIgZmlsbFJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }
  .templateCard .templateCard-title .templateCard-title__device--mobile {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+bW9iaWxlcGhvbmUxOHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Im1vYmlsZXBob25lMThweCIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtb2JpbGVwaG9uZSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS00NCIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMywwIEMxMy41NTIyODQ3LC0xLjAxNDUzMDYzZS0xNiAxNCwwLjQ0NzcxNTI1IDE0LDEgTDE0LDE1IEMxNCwxNS41NTIyODQ3IDEzLjU1MjI4NDcsMTYgMTMsMTYgTDMsMTYgQzIuNDQ3NzE1MjUsMTYgMiwxNS41NTIyODQ3IDIsMTUgTDIsMSBDMiwwLjQ0NzcxNTI1IDIuNDQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTYgMywwIEwxMywwIFogTTkuNSwxMy41IEw2LjUsMTMuNSBDNi4yMjM4NTc2MywxMy41IDYsMTMuNzIzODU3NiA2LDE0IEM2LDE0LjI3NjE0MjQgNi4yMjM4NTc2MywxNC41IDYuNSwxNC41IEw2LjUsMTQuNSBMOS41LDE0LjUgQzkuNzc2MTQyMzcsMTQuNSAxMCwxNC4yNzYxNDI0IDEwLDE0IEMxMCwxMy43MjM4NTc2IDkuNzc2MTQyMzcsMTMuNSA5LjUsMTMuNSBMOS41LDEzLjUgWiBNMTIsMyBMNCwzIEw0LDEyIEwxMiwxMiBMMTIsMyBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiM4NUMyRkYiIGZpbGxSdWxlPSJub256ZXJvIj48L3BhdGg+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: 52%;
    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+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7nqbrmlbDmja4zLTQgY29weSAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwMi3pppbpobUt5aSn5Y2h54mHLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MjQuMDAwMDAwLCAtODc5LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5YaF5a65IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzMuMDAwMDAwLCA0MDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5YiX6KGoMS1jb3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU1OC4wMDAwMDAsIDQxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i56m65pWw5o2uMy00LWNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMzLjAwMDAwMCwgNTkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0IGlkPSLml6DpooTop4jlm77igKYiIGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjE0IiBmb250LXdlaWdodD0ibm9ybWFsIiBmaWxsPSIjQkJCRkVFIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0c3BhbiB4PSIzIiB5PSI4MyI+5peg6aKE6KeI5Zu+4oCmPC90c3Bhbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC90ZXh0PgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i56m65pWw5o2uMy00LWNvcHktNCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzYuNDM1Njk5Nyw0MC41NzQ4MjA3IEMzNy44NTA3OTA3LDQxLjM3NzQyNDMgMzkuMjkwNTIzNiw0MS43ODU3MTQzIDQwLjc0MjQxMTksNDEuNzg1NzE0MyBDNDEuNzQ2MTQ1NCw0MS43ODU3MTQzIDQyLjMwNDg2OTUsNDEuNTk1NTc3OCA0My4xNjAwNjEsNDEuMTEwNTM0OSBDNDMuNzIxNjY2OCw0MC43OTIwMDY0IDQzLjk1MDA1MjMsNDAuNzE0Mjg1NyA0NC41MjA1MzgsNDAuNzE0Mjg1NyBDNDUuMDkxMDIzOCw0MC43MTQyODU3IDQ1LjMxOTQwOTIsNDAuNzkyMDA2NCA0NS44ODEwMTUxLDQxLjExMDUzNDkgQzQ2LjczNjIwNjUsNDEuNTk1NTc3OCA0Ny4yOTQ5MzA3LDQxLjc4NTcxNDMgNDguMjk4NjY0Miw0MS43ODU3MTQzIEM0OS4zMDIzOTc3LDQxLjc4NTcxNDMgNDkuODYxMTIxOCw0MS41OTU1Nzc4IDUwLjcxNjMxMzMsNDEuMTEwNTM0OSBDNTEuMjc3OTE5Miw0MC43OTIwMDY0IDUxLjUwNjMwNDYsNDAuNzE0Mjg1NyA1Mi4wNzY3OTAzLDQwLjcxNDI4NTcgQzUyLjY0NzI3NjEsNDAuNzE0Mjg1NyA1Mi44NzU2NjE1LDQwLjc5MjAwNjQgNTMuNDM3MjY3NCw0MS4xMTA1MzQ5IEM1NC4yOTI0NTg5LDQxLjU5NTU3NzggNTQuODUxMTgzLDQxLjc4NTcxNDMgNTUuODU0OTE2NSw0MS43ODU3MTQzIEM1Ni44NTg2NSw0MS43ODU3MTQzIDU3LjQxNzM3NDIsNDEuNTk1NTc3OCA1OC4yNzI1NjU2LDQxLjExMDUzNDkgQzU4LjgzNDE3MTUsNDAuNzkyMDA2NCA1OS4wNjI1NTY5LDQwLjcxNDI4NTcgNTkuNjMzMDQyNyw0MC43MTQyODU3IEM2MC4yMDM1Mjg0LDQwLjcxNDI4NTcgNjAuNDMxOTEzOSw0MC43OTIwMDY0IDYwLjk5MzUxOTcsNDEuMTEwNTM0OSBDNjEuODQ4NzExMiw0MS41OTU1Nzc4IDYyLjQwNzQzNTMsNDEuNzg1NzE0MyA2My40MTExNjg4LDQxLjc4NTcxNDMgQzY0LjQxNDkwMjMsNDEuNzg1NzE0MyA2NC45NzM2MjY1LDQxLjU5NTU3NzggNjUuODI4ODE3OSw0MS4xMTA1MzQ5IEM2Ni4zOTA0MjM4LDQwLjc5MjAwNjQgNjYuNjE4ODA5Myw0MC43MTQyODU3IDY3LjE4OTI5NSw0MC43MTQyODU3IEM2Ny43NTk3ODA3LDQwLjcxNDI4NTcgNjcuOTg4MTY2Miw0MC43OTIwMDY0IDY4LjU0OTc3Miw0MS4xMTA1MzQ5IEM2OS40MDQ5NjM1LDQxLjU5NTU3NzggNjkuOTYzNjg3Niw0MS43ODU3MTQzIDcwLjk2NzQyMTEsNDEuNzg1NzE0MyBDNzIuNDE5MzA5NCw0MS43ODU3MTQzIDczLjg1OTA0MjMsNDEuMzc3NDI0MyA3NS4yNzQxMzMzLDQwLjU3NDgyMDcgTDc0LjIxNjk2MTMsMzguNzEwODkzNiBDNzMuMTEzMzAxNSwzOS4zMzY4NjE0IDcyLjAzNDI4MzcsMzkuNjQyODU3MSA3MC45Njc0MjExLDM5LjY0Mjg1NzEgQzcwLjM5NjkzNTQsMzkuNjQyODU3MSA3MC4xNjg1NDk5LDM5LjU2NTEzNjUgNjkuNjA2OTQ0MSwzOS4yNDY2MDc5IEM2OC43NTE3NTI2LDM4Ljc2MTU2NTEgNjguMTkzMDI4NSwzOC41NzE0Mjg2IDY3LjE4OTI5NSwzOC41NzE0Mjg2IEM2Ni4xODU1NjE1LDM4LjU3MTQyODYgNjUuNjI2ODM3MywzOC43NjE1NjUxIDY0Ljc3MTY0NTksMzkuMjQ2NjA3OSBDNjQuMjEwMDQsMzkuNTY1MTM2NSA2My45ODE2NTQ1LDM5LjY0Mjg1NzEgNjMuNDExMTY4OCwzOS42NDI4NTcxIEM2Mi44NDA2ODMxLDM5LjY0Mjg1NzEgNjIuNjEyMjk3NiwzOS41NjUxMzY1IDYyLjA1MDY5MTgsMzkuMjQ2NjA3OSBDNjEuMTk1NTAwMywzOC43NjE1NjUxIDYwLjYzNjc3NjIsMzguNTcxNDI4NiA1OS42MzMwNDI3LDM4LjU3MTQyODYgQzU4LjYyOTMwOTIsMzguNTcxNDI4NiA1OC4wNzA1ODUsMzguNzYxNTY1MSA1Ny4yMTUzOTM2LDM5LjI0NjYwNzkgQzU2LjY1Mzc4NzcsMzkuNTY1MTM2NSA1Ni40MjU0MDIyLDM5LjY0Mjg1NzEgNTUuODU0OTE2NSwzOS42NDI4NTcxIEM1NS4yODQ0MzA4LDM5LjY0Mjg1NzEgNTUuMDU2MDQ1MywzOS41NjUxMzY1IDU0LjQ5NDQzOTUsMzkuMjQ2NjA3OSBDNTMuNjM5MjQ4LDM4Ljc2MTU2NTEgNTMuMDgwNTIzOSwzOC41NzE0Mjg2IDUyLjA3Njc5MDMsMzguNTcxNDI4NiBDNTEuMDczMDU2OCwzOC41NzE0Mjg2IDUwLjUxNDMzMjcsMzguNzYxNTY1MSA0OS42NTkxNDEyLDM5LjI0NjYwNzkgQzQ5LjA5NzUzNTQsMzkuNTY1MTM2NSA0OC44NjkxNDk5LDM5LjY0Mjg1NzEgNDguMjk4NjY0MiwzOS42NDI4NTcxIEM0Ny43MjgxNzg1LDM5LjY0Mjg1NzEgNDcuNDk5NzkzLDM5LjU2NTEzNjUgNDYuOTM4MTg3MSwzOS4yNDY2MDc5IEM0Ni4wODI5OTU3LDM4Ljc2MTU2NTEgNDUuNTI0MjcxNSwzOC41NzE0Mjg2IDQ0LjUyMDUzOCwzOC41NzE0Mjg2IEM0My41MTY4MDQ1LDM4LjU3MTQyODYgNDIuOTU4MDgwNCwzOC43NjE1NjUxIDQyLjEwMjg4ODksMzkuMjQ2NjA3OSBDNDEuNTQxMjgzMSwzOS41NjUxMzY1IDQxLjMxMjg5NzYsMzkuNjQyODU3MSA0MC43NDI0MTE5LDM5LjY0Mjg1NzEgQzM5LjY3NTU0OTMsMzkuNjQyODU3MSAzOC41OTY1MzE1LDM5LjMzNjg2MTQgMzcuNDkyODcxNywzOC43MTA4OTM2IEwzNi40MzU2OTk3LDQwLjU3NDgyMDcgWiIgaWQ9IlBhdGgtNzEiIGZpbGw9IiNFQUVCRkYiIGZpbGxSdWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4wMDcxMjgyNjIyNywxOC4wNzQ4MjA3IEMxLjQyMjIxOTI2LDE4Ljg3NzQyNDMgMi44NjE5NTIyMSwxOS4yODU3MTQzIDQuMzEzODQwNDQsMTkuMjg1NzE0MyBDNS4zMTc1NzM5NSwxOS4yODU3MTQzIDUuODc2Mjk4MSwxOS4wOTU1Nzc4IDYuNzMxNDg5NTUsMTguNjEwNTM0OSBDNy4yOTMwOTU0MSwxOC4yOTIwMDY0IDcuNTIxNDgwODgsMTguMjE0Mjg1NyA4LjA5MTk2NjYsMTguMjE0Mjg1NyBDOC42NjI0NTIzMywxOC4yMTQyODU3IDguODkwODM3OCwxOC4yOTIwMDY0IDkuNDUyNDQzNjYsMTguNjEwNTM0OSBDMTAuMzA3NjM1MSwxOS4wOTU1Nzc4IDEwLjg2NjM1OTMsMTkuMjg1NzE0MyAxMS44NzAwOTI4LDE5LjI4NTcxNDMgQzEyLjg3MzgyNjMsMTkuMjg1NzE0MyAxMy40MzI1NTA0LDE5LjA5NTU3NzggMTQuMjg3NzQxOSwxOC42MTA1MzQ5IEMxNC44NDkzNDc3LDE4LjI5MjAwNjQgMTUuMDc3NzMzMiwxOC4yMTQyODU3IDE1LjY0ODIxODksMTguMjE0Mjg1NyBDMTYuMjE4NzA0NiwxOC4yMTQyODU3IDE2LjQ0NzA5MDEsMTguMjkyMDA2NCAxNy4wMDg2OTYsMTguNjEwNTM0OSBDMTcuODYzODg3NCwxOS4wOTU1Nzc4IDE4LjQyMjYxMTYsMTkuMjg1NzE0MyAxOS40MjYzNDUxLDE5LjI4NTcxNDMgQzIwLjQzMDA3ODYsMTkuMjg1NzE0MyAyMC45ODg4MDI3LDE5LjA5NTU3NzggMjEuODQzOTk0MiwxOC42MTA1MzQ5IEMyMi40MDU2LDE4LjI5MjAwNjQgMjIuNjMzOTg1NSwxOC4yMTQyODU3IDIzLjIwNDQ3MTIsMTguMjE0Mjg1NyBDMjMuNzc0OTU3LDE4LjIxNDI4NTcgMjQuMDAzMzQyNCwxOC4yOTIwMDY0IDI0LjU2NDk0ODMsMTguNjEwNTM0OSBDMjUuNDIwMTM5NywxOS4wOTU1Nzc4IDI1Ljk3ODg2MzksMTkuMjg1NzE0MyAyNi45ODI1OTc0LDE5LjI4NTcxNDMgTDI2Ljk4MjU5NzQsMTcuMTQyODU3MSBDMjYuNDEyMTExNywxNy4xNDI4NTcxIDI2LjE4MzcyNjIsMTcuMDY1MTM2NSAyNS42MjIxMjAzLDE2Ljc0NjYwNzkgQzI0Ljc2NjkyODksMTYuMjYxNTY1MSAyNC4yMDgyMDQ3LDE2LjA3MTQyODYgMjMuMjA0NDcxMiwxNi4wNzE0Mjg2IEMyMi4yMDA3Mzc3LDE2LjA3MTQyODYgMjEuNjQyMDEzNiwxNi4yNjE1NjUxIDIwLjc4NjgyMjEsMTYuNzQ2NjA3OSBDMjAuMjI1MjE2MywxNy4wNjUxMzY1IDE5Ljk5NjgzMDgsMTcuMTQyODU3MSAxOS40MjYzNDUxLDE3LjE0Mjg1NzEgQzE4Ljg1NTg1OTQsMTcuMTQyODU3MSAxOC42Mjc0NzM5LDE3LjA2NTEzNjUgMTguMDY1ODY4LDE2Ljc0NjYwNzkgQzE3LjIxMDY3NjYsMTYuMjYxNTY1MSAxNi42NTE5NTI0LDE2LjA3MTQyODYgMTUuNjQ4MjE4OSwxNi4wNzE0Mjg2IEMxNC42NDQ0ODU0LDE2LjA3MTQyODYgMTQuMDg1NzYxMywxNi4yNjE1NjUxIDEzLjIzMDU2OTgsMTYuNzQ2NjA3OSBDMTIuNjY4OTY0LDE3LjA2NTEzNjUgMTIuNDQwNTc4NSwxNy4xNDI4NTcxIDExLjg3MDA5MjgsMTcuMTQyODU3MSBDMTEuMjk5NjA3LDE3LjE0Mjg1NzEgMTEuMDcxMjIxNiwxNy4wNjUxMzY1IDEwLjUwOTYxNTcsMTYuNzQ2NjA3OSBDOS42NTQ0MjQyNiwxNi4yNjE1NjUxIDkuMDk1NzAwMTEsMTYuMDcxNDI4NiA4LjA5MTk2NjYsMTYuMDcxNDI4NiBDNy4wODgyMzMwOSwxNi4wNzE0Mjg2IDYuNTI5NTA4OTUsMTYuMjYxNTY1MSA1LjY3NDMxNzUsMTYuNzQ2NjA3OSBDNS4xMTI3MTE2NCwxNy4wNjUxMzY1IDQuODg0MzI2MTcsMTcuMTQyODU3MSA0LjMxMzg0MDQ0LDE3LjE0Mjg1NzEgQzMuMjQ2OTc3OSwxNy4xNDI4NTcxIDIuMTY3OTYwMDgsMTYuODM2ODYxNCAxLjA2NDMwMDMxLDE2LjIxMDg5MzYgTDAuMDA3MTI4MjYyMjcsMTguMDc0ODIwNyBaIiBpZD0iUGF0aC03MS1Db3B5IiBmaWxsPSIjRUFFQkZGIiBmaWxsUnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOS43NzY3NTAsIDMxLjAwMjU3OCkgcm90YXRlKC0zMC4wMDAwMDApIHRyYW5zbGF0ZSgtMzkuNzc2NzUwLCAtMzEuMDAyNTc4KSB0cmFuc2xhdGUoOC4yNzY3NTAsIDE2LjAwMjU3OCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNTEiIGZpbGw9IiM5RkE3RjUiIHBvaW50cz0iNjIuNzQzODQzOSA1Ljc1NjMxNTk2IDQ4LjkyODY4NTYgMjkuOTMyODQzIDI5LjI1NjcyNzIgMjkuOTMyODQzIDI3LjM1ODAzMzMgMjMuNTEzNDU0MiAxOC41NTQwNjkgMjUuNzk0NjM5MiAzNC4yNTAwNzk5IDEyLjA4ODI2MzUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDguOTI4Njg1Niw1Ljc1NjMxNTk2IEw0MS45MTY0MDA3LDE4LjAyNzgxNDYgTDM5LjQ4NzU0MzcsMTguMTE3ODQ4OCBMMjkuMTQ2ODg3MSwyMy43Nzg3MzQ4IEMyNC45NTM1NzYsMjYuMzQyMzU2NCAyMi42Nzg1MDc5LDI3Ljc1ODk2NTggMjIuMzIxNjgzLDI4LjAyODU2MyBDMjEuOTY0ODU4LDI4LjI5ODE2MDMgMjEuNTI0ODM5OSwyOC45MzI5MjAzIDIxLjAwMTYyODUsMjkuOTMyODQzIEwtMS4zMDczOTg2M2UtMTIsMjkuOTMyODQzIEwxOS44NTkyOTAxLDExLjgwMDQ0NzcgTDQ4LjkyODY4NTYsNS43NTYzMTU5NiBaIiBpZD0iUmVjdGFuZ2xlLTUxIiBmaWxsPSIjODE4QkVCIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC40NjQzNDMsIDE3Ljg0NDU3OSkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjQuNDY0MzQzLCAtMTcuODQ0NTc5KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTEwIiBmaWxsPSIjRDdEQUZGIiBwb2ludHM9IjMxLjY1OTczNzggMCA0My43NDgwMDEzIDE2LjY5MzMxNjMgMzEuNjU5NzM3OCAyMS44NzQwMDA2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMCIgZmlsbD0iI0M2Q0JGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuNjE1NjA2LCAxMC45MzcwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI1LjYxNTYwNiwgLTEwLjkzNzAwMCkgIiBwb2ludHM9IjE5LjU3MTQ3NDMgMCAzMS42NTk3Mzc4IDE2LjY5MzMxNjMgMTkuNTcxNDc0MyAyMS44NzQwMDA2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS01MSIgZmlsbD0iI0VBRUJGRiIgcG9pbnRzPSI2Mi43NDM4NDM5IDUuNzU2MzE1OTYgNDguOTI4Njg1NiAyOS45MzI4NDMgMjguNjU4ODU2NCAyOS45MzI4NDMgMjMuMTU2NjkyOSAyNS4zMTcwMjU5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjkzNzY4OTMsMjkuOTMyODQzIEMyNC44OTg4OTE2LDI5LjkxMjUzNjkgMjQuODU4NTAwNSwyOS44OTAxNjIyIDI0LjgxNTg5NjksMjkuODY1NTY1IEMyNC40MDA3NDgxLDI5LjYyNTg3ODcgMjQuMjczNDA5NywyOS40NjI2MTU4IDI0LjAyMzk4NzEsMjguOTUwODA2NSBDMjMuNjQ0MTc2MSwyOC4xNzE0NDMzIDIzLjMzMjY1NDYsMjcuNzcyMDM1NSAyMi42MDIyMjY0LDI3LjM1MDMyMjYgQzIxLjg3MTc5ODMsMjYuOTI4NjA5NyAyMS4zNzAxNDAyLDI2Ljg1ODUyOCAyMC41MDUyODYzLDI2LjkxOTI4MzYgQzE5LjkzNzMzNTIsMjYuOTU5MTgyIDE5LjczMjI3NjIsMjYuOTMwNTM1MiAxOS4zMTcxMjczLDI2LjY5MDg0ODkgQzE4LjkwMTk3ODQsMjYuNDUxMTYyNiAxOC43NzQ2NDAxLDI2LjI4Nzg5OTcgMTguNTI1MjE3NSwyNS43NzYwOTA0IEMxOC4xNDU0MDY1LDI0Ljk5NjcyNzEgMTcuODMzODg0OSwyNC41OTczMTk0IDE3LjEwMzQ1NjgsMjQuMTc1NjA2NSBDMTYuMzczMDI4NiwyMy43NTM4OTM2IDE1Ljg3MTM3MDYsMjMuNjgzODExOSAxNS4wMDY1MTY3LDIzLjc0NDU2NzUgQzE0LjQzODU2NTUsMjMuNzg0NDY1OSAxNC4yMzM1MDY1LDIzLjc1NTgxOTEgMTMuODE4MzU3NywyMy41MTYxMzI4IEMxMy40MDMyMDg4LDIzLjI3NjQ0NjUgMTMuMjc1ODcwNSwyMy4xMTMxODM1IDEzLjAyNjQ0NzksMjIuNjAxMzc0MiBDMTIuNjQ2NjM2OSwyMS44MjIwMTEgMTIuMzM1MTE1MywyMS40MjI2MDMyIDExLjYwNDY4NzEsMjEuMDAwODkwMyBDMTAuODc0MjU5LDIwLjU3OTE3NzUgMTAuMzcyNjAwOSwyMC41MDkwOTU3IDkuNTA3NzQ3MDksMjAuNTY5ODUxNCBDOC45NDk4OTMzNCwyMC42MDkwNDA0IDguNzQyMTQyOTgsMjAuNTgyMDk5OSA4LjM0MTUzNDQ1LDIwLjM1NDAwMTMgTC0xLjMwNzM5ODYzZS0xMiw1Ljc1NjMxNTk2IEw0OC45Mjg2ODU2LDI5LjkzMjg0MyBMMjQuOTM3Njg5MywyOS45MzI4NDMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjQTNBQUZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5Ljk1NzE5ODMsMjYuOTM4NTg1NSBMMzEuMzcxOTIyLDIxLjI5ODM2OSBMNDguOTI4Njg1NiwyOS45NzM0NzU4IEwyNC45NTI0MDcxLDI5Ljk3MzQ3NTggQzI0Ljg5NTE0MSwyOS45NDU2MTU0IDI0LjgzNDg5NzIsMjkuOTEzMDY1NSAyNC43Njk0Mjg3LDI5Ljg3NTI2NzIgQzI0LjM1NDI3OTksMjkuNjM1NTgwOSAyNC4yMjY5NDE1LDI5LjQ3MjMxOCAyMy45Nzc1MTg5LDI4Ljk2MDUwODcgQzIzLjU5NzcwNzksMjguMTgxMTQ1NCAyMy4yODYxODYzLDI3Ljc4MTczNzcgMjIuNTU1NzU4MiwyNy4zNjAwMjQ4IEMyMS44MjUzMzAxLDI2LjkzODMxMTkgMjEuMzIzNjcyLDI2Ljg2ODIzMDIgMjAuNDU4ODE4MSwyNi45Mjg5ODU4IEMyMC4yNTMwNjYzLDI2Ljk0MzQzOTggMjAuMDk0OTQwNCwyNi45NDg4OTggMTkuOTU3MTk4MywyNi45Mzg1ODU1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0I2QkNGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yMi1Db3B5LTIiIGZpbGw9IiNBMERDRkYiIGN4PSIxOS4wMTc4NTcxIiBjeT0iMS4zMzkyODU3MSIgcj0iMS4zMzkyODU3MSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIyLUNvcHktNCIgZmlsbD0iIzgyRTVEMSIgY3g9IjY4LjgzOTI4NTciIGN5PSIzNi42OTY0Mjg2IiByPSIxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMjItQ29weS0zIiBmaWxsPSIjRkY2MzkyIiBjeD0iNDIuMzIxNDI4NiIgY3k9IjYuOTY0Mjg1NzEiIHI9IjEuMDcxNDI4NTciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI0ZFRDAwRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuNjQxODc4LCA4LjIwODMxOSkgcm90YXRlKDIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Ny42NDE4NzgsIC04LjIwODMxOSkgIiBwb2ludHM9IjQ2LjU3MDQ0OTcgNC45OTQwMzM1OCA0OC43MTMzMDY4IDQuOTk0MDMzNTggNDguNzEzMzA2OCAxMS40MjI2MDUgNDYuNTcwNDQ5NyAxMS40MjI2MDUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkY2MzkyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjUzNzc4MSwgMjguOTk3NzA1KSByb3RhdGUoLTMwLjAwMDAwMCkgdHJhbnNsYXRlKC04LjUzNzc4MSwgLTI4Ljk5NzcwNSkgIiBwb2ludHM9IjcuNDY2MzUyNDUgMjYuMzE5MTMzNSA5LjYwOTIwOTU5IDI2LjMxOTEzMzUgOS42MDkyMDk1OSAzMS42NzYyNzYzIDcuNDY2MzUyNDUgMzEuNjc2Mjc2MyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center; }

.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; }

.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+PC9yZWN0PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlV2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGxSdWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5bCP5biG6Ii5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnqbrmlbDmja4zLTIiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iMCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPGcgbWFzaz0idXJsKCNtYXNrLTIpIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNzEsNzguNzM5NjY1MiBDNzMuNzY5MDg0OCw4MC4yMzc4NTg3IDc2LjU4NjM4OTYsODEgNzkuNDI3NDgwMSw4MSBDODEuMzkxNjEwNCw4MSA4Mi40ODQ5MzU2LDgwLjY0NTA3ODYgODQuMTU4Mzk1Miw3OS43Mzk2NjUyIEM4NS4yNTczNTkzLDc5LjE0NTA3ODYgODUuNzA0MjY5Niw3OSA4Ni44MjA2MTAxLDc5IEM4Ny45MzY5NTA1LDc5IDg4LjM4Mzg2MDgsNzkuMTQ1MDc4NiA4OS40ODI4MjQ5LDc5LjczOTY2NTIgQzkxLjE1NjI4NDYsODAuNjQ1MDc4NiA5Mi4yNDk2MDk3LDgxIDk0LjIxMzc0LDgxIEM5Ni4xNzc4NzA0LDgxIDk3LjI3MTE5NTUsODAuNjQ1MDc4NiA5OC45NDQ2NTUxLDc5LjczOTY2NTIgQzEwMC4wNDM2MTksNzkuMTQ1MDc4NiAxMDAuNDkwNTMsNzkgMTAxLjYwNjg3LDc5IEMxMDIuNzIzMjEsNzkgMTAzLjE3MDEyMSw3OS4xNDUwNzg2IDEwNC4yNjkwODUsNzkuNzM5NjY1MiBDMTA1Ljk0MjU0NSw4MC42NDUwNzg2IDEwNy4wMzU4Nyw4MSAxMDksODEgQzExMC45NjQxMyw4MSAxMTIuMDU3NDU1LDgwLjY0NTA3ODYgMTEzLjczMDkxNSw3OS43Mzk2NjUyIEMxMTQuODI5ODc5LDc5LjE0NTA3ODYgMTE1LjI3Njc5LDc5IDExNi4zOTMxMyw3OSBDMTE3LjUwOTQ3LDc5IDExNy45NTYzODEsNzkuMTQ1MDc4NiAxMTkuMDU1MzQ1LDc5LjczOTY2NTIgQzEyMC43Mjg4MDQsODAuNjQ1MDc4NiAxMjEuODIyMTMsODEgMTIzLjc4NjI2LDgxIEMxMjUuNzUwMzksODEgMTI2Ljg0MzcxNSw4MC42NDUwNzg2IDEyOC41MTcxNzUsNzkuNzM5NjY1MiBDMTI5LjYxNjEzOSw3OS4xNDUwNzg2IDEzMC4wNjMwNDksNzkgMTMxLjE3OTM5LDc5IEMxMzIuMjk1NzMsNzkgMTMyLjc0MjY0MSw3OS4xNDUwNzg2IDEzMy44NDE2MDUsNzkuNzM5NjY1MiBDMTM1LjUxNTA2NCw4MC42NDUwNzg2IDEzNi42MDgzOSw4MSAxMzguNTcyNTIsODEgQzE0MS40MTM2MSw4MSAxNDQuMjMwOTE1LDgwLjIzNzg1ODcgMTQ3LDc4LjczOTY2NTIgTDE0NC45MzEzLDc1LjI2MDMzNDggQzE0Mi43NzE2MzEsNzYuNDI4ODA3OSAxNDAuNjYwMTgzLDc3IDEzOC41NzI1Miw3NyBDMTM3LjQ1NjE3OSw3NyAxMzcuMDA5MjY5LDc2Ljg1NDkyMTQgMTM1LjkxMDMwNSw3Ni4yNjAzMzQ4IEMxMzQuMjM2ODQ1LDc1LjM1NDkyMTQgMTMzLjE0MzUyLDc1IDEzMS4xNzkzOSw3NSBDMTI5LjIxNTI2LDc1IDEyOC4xMjE5MzQsNzUuMzU0OTIxNCAxMjYuNDQ4NDc1LDc2LjI2MDMzNDggQzEyNS4zNDk1MTEsNzYuODU0OTIxNCAxMjQuOTAyNiw3NyAxMjMuNzg2MjYsNzcgQzEyMi42Njk5MTksNzcgMTIyLjIyMzAwOSw3Ni44NTQ5MjE0IDEyMS4xMjQwNDUsNzYuMjYwMzM0OCBDMTE5LjQ1MDU4NSw3NS4zNTQ5MjE0IDExOC4zNTcyNiw3NSAxMTYuMzkzMTMsNzUgQzExNC40MjksNzUgMTEzLjMzNTY3NSw3NS4zNTQ5MjE0IDExMS42NjIyMTUsNzYuMjYwMzM0OCBDMTEwLjU2MzI1MSw3Ni44NTQ5MjE0IDExMC4xMTYzNCw3NyAxMDksNzcgQzEwNy44ODM2Niw3NyAxMDcuNDM2NzQ5LDc2Ljg1NDkyMTQgMTA2LjMzNzc4NSw3Ni4yNjAzMzQ4IEMxMDQuNjY0MzI1LDc1LjM1NDkyMTQgMTAzLjU3MSw3NSAxMDEuNjA2ODcsNzUgQzk5LjY0MjczOTcsNzUgOTguNTQ5NDE0NSw3NS4zNTQ5MjE0IDk2Ljg3NTk1NDksNzYuMjYwMzM0OCBDOTUuNzc2OTkwOCw3Ni44NTQ5MjE0IDk1LjMzMDA4MDUsNzcgOTQuMjEzNzQsNzcgQzkzLjA5NzM5OTYsNzcgOTIuNjUwNDg5Myw3Ni44NTQ5MjE0IDkxLjU1MTUyNTIsNzYuMjYwMzM0OCBDODkuODc4MDY1NSw3NS4zNTQ5MjE0IDg4Ljc4NDc0MDQsNzUgODYuODIwNjEwMSw3NSBDODQuODU2NDc5Nyw3NSA4My43NjMxNTQ2LDc1LjM1NDkyMTQgODIuMDg5Njk1LDc2LjI2MDMzNDggQzgwLjk5MDczMDgsNzYuODU0OTIxNCA4MC41NDM4MjA1LDc3IDc5LjQyNzQ4MDEsNzcgQzc3LjMzOTgxNzMsNzcgNzUuMjI4MzY4Nyw3Ni40Mjg4MDc5IDczLjA2ODcwMDIsNzUuMjYwMzM0OCBMNzEsNzguNzM5NjY1MiBaIiBpZD0iUGF0aC03MSIgZmlsbD0iI0VBRUJGRiIgZmlsbFJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDM0LjczOTY2NTIgQzIuNzI3ODM4ODMsMzYuMjM3ODU4NyA1LjUwMzE3OTM4LDM3IDguMzAxOTUxMzksMzcgQzEwLjIzNjgyNTcsMzcgMTEuMzEzODY1NiwzNi42NDUwNzg2IDEyLjk2MjM5ODcsMzUuNzM5NjY1MiBDMTQuMDQ0OTkzNiwzNS4xNDUwNzg2IDE0LjQ4NTI0NzEsMzUgMTUuNTg0OTU5NSwzNSBDMTYuNjg0NjcxOSwzNSAxNy4xMjQ5MjU0LDM1LjE0NTA3ODYgMTguMjA3NTIwMywzNS43Mzk2NjUyIEMxOS44NTYwNTM0LDM2LjY0NTA3ODYgMjAuOTMzMDkzMywzNyAyMi44Njc5Njc2LDM3IEMyNC44MDI4NDE5LDM3IDI1Ljg3OTg4MTgsMzYuNjQ1MDc4NiAyNy41Mjg0MTQ5LDM1LjczOTY2NTIgQzI4LjYxMTAwOTgsMzUuMTQ1MDc4NiAyOS4wNTEyNjMzLDM1IDMwLjE1MDk3NTcsMzUgQzMxLjI1MDY4ODEsMzUgMzEuNjkwOTQxNiwzNS4xNDUwNzg2IDMyLjc3MzUzNjUsMzUuNzM5NjY1MiBDMzQuNDIyMDY5NiwzNi42NDUwNzg2IDM1LjQ5OTEwOTUsMzcgMzcuNDMzOTgzOCwzNyBDMzkuMzY4ODU4MSwzNyA0MC40NDU4OTgsMzYuNjQ1MDc4NiA0Mi4wOTQ0MzExLDM1LjczOTY2NTIgQzQzLjE3NzAyNiwzNS4xNDUwNzg2IDQzLjYxNzI3OTUsMzUgNDQuNzE2OTkxOSwzNSBDNDUuODE2NzA0MywzNSA0Ni4yNTY5NTc4LDM1LjE0NTA3ODYgNDcuMzM5NTUyNywzNS43Mzk2NjUyIEM0OC45ODgwODU4LDM2LjY0NTA3ODYgNTAuMDY1MTI1NywzNyA1MiwzNyBMNTIsMzMgQzUwLjkwMDI4NzYsMzMgNTAuNDYwMDM0MSwzMi44NTQ5MjE0IDQ5LjM3NzQzOTIsMzIuMjYwMzM0OCBDNDcuNzI4OTA2MSwzMS4zNTQ5MjE0IDQ2LjY1MTg2NjIsMzEgNDQuNzE2OTkxOSwzMSBDNDIuNzgyMTE3NiwzMSA0MS43MDUwNzc3LDMxLjM1NDkyMTQgNDAuMDU2NTQ0NiwzMi4yNjAzMzQ4IEMzOC45NzM5NDk3LDMyLjg1NDkyMTQgMzguNTMzNjk2MiwzMyAzNy40MzM5ODM4LDMzIEMzNi4zMzQyNzE0LDMzIDM1Ljg5NDAxNzksMzIuODU0OTIxNCAzNC44MTE0MjMsMzIuMjYwMzM0OCBDMzMuMTYyODg5OSwzMS4zNTQ5MjE0IDMyLjA4NTg1LDMxIDMwLjE1MDk3NTcsMzEgQzI4LjIxNjEwMTQsMzEgMjcuMTM5MDYxNSwzMS4zNTQ5MjE0IDI1LjQ5MDUyODQsMzIuMjYwMzM0OCBDMjQuNDA3OTMzNSwzMi44NTQ5MjE0IDIzLjk2NzY4LDMzIDIyLjg2Nzk2NzYsMzMgQzIxLjc2ODI1NTIsMzMgMjEuMzI4MDAxNywzMi44NTQ5MjE0IDIwLjI0NTQwNjgsMzIuMjYwMzM0OCBDMTguNTk2ODczNywzMS4zNTQ5MjE0IDE3LjUxOTgzMzgsMzEgMTUuNTg0OTU5NSwzMSBDMTMuNjUwMDg1MiwzMSAxMi41NzMwNDUzLDMxLjM1NDkyMTQgMTAuOTI0NTEyMiwzMi4yNjAzMzQ4IEM5Ljg0MTkxNzI3LDMyLjg1NDkyMTQgOS40MDE2NjM3OCwzMyA4LjMwMTk1MTM5LDMzIEM2LjI0NTM4NDY3LDMzIDQuMTY1Mzg2NDgsMzIuNDI4ODA3OSAyLjAzNzg4NjU4LDMxLjI2MDMzNDggTDAsMzQuNzM5NjY1MiBaIiBpZD0iUGF0aC03MS1Db3B5IiBmaWxsPSIjRUFFQkZGIiBmaWxsUnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE1IiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc3LjU4MDg2NywgNTkuODQwMDY0KSByb3RhdGUoLTMwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny41ODA4NjcsIC01OS44NDAwNjQpIHRyYW5zbGF0ZSgxNi4wODA4NjcsIDMwLjg0MDA2NCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNTEiIGZpbGw9IiM5RkE3RjUiIHBvaW50cz0iMTIyLjEwNTc1IDExLjEyODg3NzUgOTUuMjIwMDgwNCA1Ny44NzAxNjMxIDU2LjkzNjQ5NiA1Ny44NzAxNjMxIDUzLjI0MTQ0OTEgNDUuNDU5MzQ0NyAzNi4xMDgwNjA2IDQ5Ljg2OTYzNTkgNjYuNjU0MDU2MyAyMy4zNzA2NDI4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTk1LjIyMDA4MDQsMTEuMTI4ODc3NSBMODEuNTczNDc3NywzNC44NTM3NzQ5IEw3Ni44NDY2ODA3LDM1LjAyNzg0MDkgTDU2LjcyMjczNjMsNDUuOTcyMjIwNiBDNDguNTYyMTM2NSw1MC45Mjg1NTU3IDQ0LjEzNDYyODIsNTMuNjY3MzMzOSA0My40NDAyMTE0LDU0LjE4ODU1NTIgQzQyLjc0NTc5NDYsNTQuNzA5Nzc2NiA0MS44ODk0NzU2LDU1LjkzNjk3OTIgNDAuODcxMjU0NCw1Ny44NzAxNjMxIEwtMS4zMDczOTg2M2UtMTIsNTcuODcwMTYzMSBMMzguNjQ4MTUwMywyMi44MTQxOTg5IEw5NS4yMjAwODA0LDExLjEyODg3NzUgWiIgaWQ9IlJlY3RhbmdsZS01MSIgZmlsbD0iIzgxOEJFQiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuNjEwMDQwLCAzNC40OTk1MjApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTQ3LjYxMDA0MCwgLTM0LjQ5OTUyMCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMCIgZmlsbD0iI0Q3REFGRiIgcG9pbnRzPSI2MS42MTI5OTMyIDAgODUuMTM3OTU0MyAzMi4yNzM3NDQ4IDYxLjYxMjk5MzIgNDIuMjg5NzM0NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtMTAiIGZpbGw9IiNDNkNCRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5Ljg1MDUxMywgMjEuMTQ0ODY3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC00OS44NTA1MTMsIC0yMS4xNDQ4NjcpICIgcG9pbnRzPSIzOC4wODgwMzIyIDAgNjEuNjEyOTkzMiAzMi4yNzM3NDQ4IDM4LjA4ODAzMjIgNDIuMjg5NzM0NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNTEiIGZpbGw9IiNFQUVCRkYiIHBvaW50cz0iMTIyLjEwNTc1IDExLjEyODg3NzUgOTUuMjIwMDgwNCA1Ny44NzAxNjMxIDU1Ljc3Mjk4MDIgNTcuODcwMTYzMSA0NS4wNjUyMjM2IDQ4Ljk0NjI1MDEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDguNTMxMjE5NSw1Ny44NzAxNjMxIEM0OC40NTU3MTUyLDU3LjgzMDkwNDYgNDguMzc3MTEwMiw1Ny43ODc2NDY5IDQ4LjI5NDE5OTQsNTcuNzQwMDkyNCBDNDcuNDg2Mjc4NSw1Ny4yNzY2OTg5IDQ3LjIzODQ2NTUsNTYuOTYxMDU3MiA0Ni43NTMwNjQzLDU1Ljk3MTU1OTIgQzQ2LjAxMzkxNDQsNTQuNDY0NzkwMyA0NS40MDc2NjI1LDUzLjY5MjYwMTkgNDMuOTg2MTc2OCw1Mi44NzcyOTA0IEM0Mi41NjQ2OTExLDUyLjA2MTk3ODggNDEuNTg4NDE0Nyw1MS45MjY0ODc1IDM5LjkwNTMyMzIsNTIuMDQzOTQ4NCBDMzguODAwMDMzOCw1Mi4xMjEwODUyIDM4LjQwMDk2ODcsNTIuMDY1NzAxNCAzNy41OTMwNDc4LDUxLjYwMjMwNzkgQzM2Ljc4NTEyNjgsNTEuMTM4OTE0MyAzNi41MzczMTM4LDUwLjgyMzI3MjcgMzYuMDUxOTEyNiw0OS44MzM3NzQ3IEMzNS4zMTI3NjI3LDQ4LjMyNzAwNTggMzQuNzA2NTEwOCw0Ny41NTQ4MTc0IDMzLjI4NTAyNTEsNDYuNzM5NTA1OSBDMzEuODYzNTM5NCw0NS45MjQxOTQzIDMwLjg4NzI2Myw0NS43ODg3MDI5IDI5LjIwNDE3MTUsNDUuOTA2MTYzOSBDMjguMDk4ODgyMiw0NS45ODMzMDA3IDI3LjY5OTgxNyw0NS45Mjc5MTY5IDI2Ljg5MTg5NjEsNDUuNDY0NTIzNCBDMjYuMDgzOTc1Miw0NS4wMDExMjk4IDI1LjgzNjE2MjEsNDQuNjg1NDg4MiAyNS4zNTA3NjEsNDMuNjk1OTkwMiBDMjQuNjExNjExMSw0Mi4xODkyMjEzIDI0LjAwNTM1OTEsNDEuNDE3MDMyOSAyMi41ODM4NzM0LDQwLjYwMTcyMTMgQzIxLjE2MjM4NzcsMzkuNzg2NDA5OCAyMC4xODYxMTEzLDM5LjY1MDkxODQgMTguNTAzMDE5OSwzOS43NjgzNzkzIEMxNy40MTczODExLDM5Ljg0NDE0NDggMTcuMDEzMDc4MiwzOS43OTIwNTk4IDE2LjIzMzQ1NDMsMzkuMzUxMDY5MSBMLTEuMzA3Mzk4NjNlLTEyLDExLjEyODg3NzUgTDk1LjIyMDA4MDQsNTcuODcwMTYzMSBMNDguNTMxMjE5NSw1Ny44NzAxNjMxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0EzQUFGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOC44Mzg2ODk0LDUyLjA4MTI2NTIgTDYxLjA1Mjg3NTEsNDEuMTc2ODQ2OCBMOTUuMjIwMDgwNCw1Ny45NDg3MTk5IEw0OC41NTk4NjE5LDU3Ljk0ODcxOTkgQzQ4LjQ0ODQxNjIsNTcuODk0ODU2NCA0OC4zMzExNzU4LDU3LjgzMTkyNjUgNDguMjAzNzY3Nyw1Ny43NTg4NSBDNDcuMzk1ODQ2OCw1Ny4yOTU0NTY0IDQ3LjE0ODAzMzcsNTYuOTc5ODE0OCA0Ni42NjI2MzI2LDU1Ljk5MDMxNjggQzQ1LjkyMzQ4MjcsNTQuNDgzNTQ3OSA0NS4zMTcyMzA3LDUzLjcxMTM1OTUgNDMuODk1NzQ1MSw1Mi44OTYwNDc5IEM0Mi40NzQyNTk0LDUyLjA4MDczNjQgNDEuNDk3OTgyOSw1MS45NDUyNDUgMzkuODE0ODkxNSw1Mi4wNjI3MDU5IEMzOS40MTQ0NzgsNTIuMDkwNjUwMyAzOS4xMDY3NDkyLDUyLjEwMTIwMjcgMzguODM4Njg5NCw1Mi4wODEyNjUyIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0I2QkNGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yMi1Db3B5LTIiIGZpbGw9IiNBMERDRkYiIGZpbGxSdWxlPSJldmVub2RkIiBjeD0iMzcuNSIgY3k9IjIuNSIgcj0iMi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMjItQ29weS00IiBmaWxsPSIjODJFNUQxIiBmaWxsUnVsZT0iZXZlbm9kZCIgY3g9IjEzMy41IiBjeT0iNzAuNSIgcj0iMS41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtMjItQ29weS0zIiBmaWxsPSIjRkY2MzkyIiBmaWxsUnVsZT0iZXZlbm9kZCIgY3g9IjgyIiBjeT0iMTMiIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI0ZFRDAwRiIgZmlsbFJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyLjcxNTgyNiwgMTUuODY5NDE3KSByb3RhdGUoMjAuMDAwMDAwKSB0cmFuc2xhdGUoLTkyLjcxNTgyNiwgLTE1Ljg2OTQxNykgIiBwb2ludHM9IjkwLjY0NTUwNyA5LjY1NDcyNzU1IDk0LjgxMjUxOTggOS42NDU5MzU2MiA5NC43ODYxNDQgMjIuMDg0MTA3IDkwLjYxOTEzMTIgMjIuMDkyODk5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMiIgZmlsbD0iI0ZGNjM5MiIgZmlsbFJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjYxNTM3MCwgNTYuMDYyMjI5KSByb3RhdGUoLTMwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNi42MTUzNzAsIC01Ni4wNjIyMjkpICIgcG9pbnRzPSIxNC41MTg4NzYgNTAuODY5MTg2OCAxOC42ODIyNDk5IDUwLjg4MTAzMjEgMTguNzExODYzMiA2MS4yNTUyNzIyIDE0LjU0ODQ4OTMgNjEuMjQzNDI2OSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); }
        .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; }

.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; }

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

.install-cmp--addr-btn-item {
  background-color: #F0F2F5;
  color: #565e66;
  border-radius: 100px;
  border: none;
  font-size: 12px;
  margin-right: 10px; }
  .install-cmp--addr-btn-item.js-active {
    background: #0cc991;
    color: #fff; }

.install-cmp--addr-content {
  display: inline-block;
  line-height: 28px;
  width: 318px;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  padding: 0 10px;
  margin: 12px 10px 12px 0; }

.install-cmp--copy-btn {
  height: 30px;
  width: 52px;
  background-color: #1d86f0;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  cursor: pointer; }

.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; }

.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); }

.fork-drawer-wraper .ant-drawer-body {
  height: 100%;
  background-color: #FAFBFC;
  padding: 16px; }
  .fork-drawer-wraper .ant-drawer-body .fork-drawer {
    box-sizing: border-box; }
    .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-title {
      font-family: PingFangSC-Medium;
      font-size: 18px;
      color: #33383D;
      line-height: 24px;
      position: relative;
      padding: 0px 0px 16px 16px; }
      .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-title .close-icon {
        position: absolute;
        top: 3px;
        right: 0px;
        cursor: pointer; }
    .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content {
      height: calc 100% -40px;
      box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 8px 0px;
      padding: 24px 58px 70px 32px;
      background: white; }
      .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .ant-alert {
        margin-bottom: 20px; }
      .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .ant-form-item {
        margin-bottom: 24px; }
        .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .ant-form-item .ant-form-extra {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #BFC3C7;
          line-height: 20px; }
        .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .ant-form-item .ant-form-text {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #0E1114;
          line-height: 22px; }
        .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .ant-form-item .ant-form-item-label {
          text-align: left;
          line-height: 30px; }
          .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .ant-form-item .ant-form-item-label > label {
            font-family: PingFangSC-Semibold;
            font-size: 12px;
            color: #33383D;
            line-height: 20px; }
      .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .button-wrapper {
        position: fixed;
        bottom: 0px;
        right: 16px;
        width: calc(65% - 16px);
        min-width: 751px;
        max-width: 984px; }
        .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .button-wrapper .button-content {
          text-align: right;
          border-top: 1px solid #f0f2f5;
          padding: 16px 40px 20px;
          margin-left: 16px;
          background: white; }
          .fork-drawer-wraper .ant-drawer-body .fork-drawer .fork-content .button-wrapper .button-content button:first-child {
            margin-right: 10px; }

.cmp-header {
  position: relative;
  padding: 20px 40px 16px 24px; }
  .cmp-header .details-header-wrapper {
    display: flex; }
  .cmp-header .header-content {
    position: relative; }
  .cmp-header .left-header {
    flex: 1;
    margin-right: 20px; }
  .cmp-header .header-title-wrapper {
    display: flex;
    display: -ms-flexbox; }
    .cmp-header .header-title-wrapper .header-name {
      flex-shrink: 5;
      font-family: PingFangSC-Medium;
      margin: 20px 10px 16px 0;
      font-size: 28px;
      font-weight: 500;
      color: #0E1114;
      max-width: 960px;
      display: inline; }
    .cmp-header .header-title-wrapper .header-device {
      margin-right: 10px;
      height: 24px;
      margin-top: 26px;
      width: 24px; }
    .cmp-header .header-title-wrapper .header-device--pc {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGMyNHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InBjMjRweCIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ0diI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS00MyIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS4zLDIuNjI1IEMyMS45NjI3NDE3LDIuNjI1IDIyLjUsMy4xNjIyNTgzIDIyLjUsMy44MjUgTDIyLjUsMTYuMDcwMjI5MyBDMjIuNSwxNi43MzI5NzEgMjEuOTYyNzQxNywxNy4yNzAyMjkzIDIxLjMsMTcuMjcwMjI5MyBMMTMuMTI1LDE3LjI2OTUgTDEzLjEyNSwxOS4yNTYwMTkxIEwxNS4zNzUsMTkuMjU2MDE5MSBDMTUuOTk2MzIwMywxOS4yNTYwMTkxIDE2LjUzMTM5MDUsMTkuNjI4Njc5NyAxNi41MzEzOTA1LDIwLjI1IEMxNi41MzEzOTA1LDIwLjg3MTMyMDMgMTUuOTk2MzIwMywyMS4zNzUgMTUuMzc1LDIxLjM3NSBMOC42MjUsMjEuMzc1IEM4LjAwMzY3OTY2LDIxLjM3NSA3LjQyMjM2MzM2LDIwLjg3MTMyMDMgNy40MjIzNjMzNiwyMC4yNSBDNy40MjIzNjMzNiwxOS42Mjg2Nzk3IDguMDAzNjc5NjYsMTkuMjU2MDE5MSA4LjYyNSwxOS4yNTYwMTkxIEwxMC44NzUsMTkuMjU2MDE5MSBMMTAuODc1LDE3LjI2OTUgTDIuNywxNy4yNzAyMjkzIEMyLjAzNzI1ODMsMTcuMjcwMjI5MyAxLjUsMTYuNzMyOTcxIDEuNSwxNi4wNzAyMjkzIEwxLjUsMy44MjUgQzEuNSwzLjE2MjI1ODMgMi4wMzcyNTgzLDIuNjI1IDIuNywyLjYyNSBMMjEuMywyLjYyNSBaIE0xMS45ODIxMTI0LDE0LjMzOTkxMDUgQzExLjM2MDc5MjEsMTQuMzM5OTEwNSAxMC44NTcxMTI0LDE0Ljg0MzU5MDIgMTAuODU3MTEyNCwxNS40NjQ5MTA1IEMxMC44NTcxMTI0LDE2LjA4NjIzMDkgMTEuMzYwNzkyMSwxNi41ODk5MTA1IDExLjk4MjExMjQsMTYuNTg5OTEwNSBDMTIuNjAzNDMyOCwxNi41ODk5MTA1IDEzLjEwNzExMjQsMTYuMDg2MjMwOSAxMy4xMDcxMTI0LDE1LjQ2NDkxMDUgQzEzLjEwNzExMjQsMTQuODQzNTkwMiAxMi42MDM0MzI4LDE0LjMzOTkxMDUgMTEuOTgyMTEyNCwxNC4zMzk5MTA1IFogTTE5LjYwMDc5ODQsNC44NzI4NzEwNCBMNC40NTM0NTEyOSw0Ljg3Mjg3MTA0IEM0LjI0MDQyNzE3LDQuODcyODcxMDQgNC4wNjE5NzUwMSw1LjAyMDg5MTE5IDQuMDE1MzM2MTEsNS4yMTk2OTAxNyBMNC4wMDM0NTEyOSw1LjMyMjg3MTA0IEw0LjAwMzQ1MTI5LDEyLjgxNzggQzQuMDAzNDUxMjksMTMuMTg1OTg5OSA0LjI2ODc2NDAzLDEzLjQ5MjIxMjYgNC42MTg2Mzc4NCwxMy41NTU3MTY1IEw0Ljc1MzQ1MTI5LDEzLjU2NzggTDE5LjMwMDc5ODQsMTMuNTY3OCBDMTkuNjY4OTg4MiwxMy41Njc4IDE5Ljk3NTIxMDksMTMuMzAyNDg3MyAyMC4wMzg3MTQ5LDEyLjk1MjYxMzUgTDIwLjA1MDc5ODQsMTIuODE3OCBMMjAuMDUwNzk4NCw1LjMyMjg3MTA0IEMyMC4wNTA3OTg0LDUuMTA5ODQ2OTMgMTkuOTAyNzc4Miw0LjkzMTM5NDc2IDE5LjcwMzk3OTIsNC44ODQ3NTU4NiBMMTkuNjAwNzk4NCw0Ljg3Mjg3MTA0IFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM4NUMyRkYiIGZpbGxSdWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); }
    .cmp-header .header-title-wrapper #dropdown {
      margin-top: 22px; }
    .cmp-header .header-title-wrapper .header-device--mobile {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxICg4OTU4MSkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+bW9iaWxlcGhvbmUyNHB4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Im1vYmlsZXBob25lMjRweCIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtb2JpbGVwaG9uZSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS00NCIgZmlsbD0iI0Q4RDhEOCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwIEMyMC41NTIyODQ3LC0xLjAxNDUzMDYzZS0xNiAyMSwwLjQ0NzcxNTI1IDIxLDEgTDIxLDIzIEMyMSwyMy41NTIyODQ3IDIwLjU1MjI4NDcsMjQgMjAsMjQgTDQsMjQgQzMuNDQ3NzE1MjUsMjQgMywyMy41NTIyODQ3IDMsMjMgTDMsMSBDMywwLjQ0NzcxNTI1IDMuNDQ3NzE1MjUsMS4wMTQ1MzA2M2UtMTYgNCwwIEwyMCwwIFogTTE0LjUsMjAuMjUgTDkuNSwyMC4yNSBDOS4yMjM4NTc2MywyMC4yNSA5LDIwLjQ3Mzg1NzYgOSwyMC43NSBMOSwyMC43NSBMOSwyMS4yNSBDOSwyMS41MjYxNDI0IDkuMjIzODU3NjMsMjEuNzUgOS41LDIxLjc1IEw5LjUsMjEuNzUgTDE0LjUsMjEuNzUgQzE0Ljc3NjE0MjQsMjEuNzUgMTUsMjEuNTI2MTQyNCAxNSwyMS4yNSBMMTUsMjEuMjUgTDE1LDIwLjc1IEMxNSwyMC40NzM4NTc2IDE0Ljc3NjE0MjQsMjAuMjUgMTQuNSwyMC4yNSBMMTQuNSwyMC4yNSBaIE0xOCw0LjUgTDYsNC41IEw2LDE4IEwxOCwxOCBMMTgsNC41IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzg1QzJGRiIgZmlsbFJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+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: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    opacity: .7; }
    .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; }
  .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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDYgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi40ICg2NzM3OCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPnVwPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZyBpZD0i57uE5Lu25YWx5Lqr5Lit5b+DLeaWsOeJiOS4gOacnyIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i5qih5p2/6K+m5oOFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ0LjAwMDAwMCwgLTg2LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMi4wMDAwMDAsIDgwLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJhZGQtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgNi4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25zLXN5cy1hcnJvd3VwLW5vbWFsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNy4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNy4wMDAwMDApICI+DQogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idXAiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcsNS42Njg2MDYgTDIuMDkzMDk1NTEsOS43ODU5ODc3NCBDMS43OTY5NDMyNSwxMC4wMzQ0ODkgMS4zNTU0MTQzMyw5Ljk5NTg2MDIzIDEuMTA2OTEzMDcsOS42OTk3MDc5NiBDMC44NTg0MTE4MTgsOS40MDM1NTU3IDAuODk3MDQwNTkzLDguOTYyMDI2NzggMS4xOTMxOTI4Niw4LjcxMzUyNTUyIEw2LjQ3MzM0Njc4LDQuMjgyOTUwMzEgQzYuNjEyMTI1MjEsNC4xMjc5Nzg4NSA2LjgwNTYzOTMsNC4wNDg4MzkwMSA3LDQuMDUwMjQ1NDkgQzcuMTk0MzYwNyw0LjA0ODgzOTAxIDcuMzg3ODc0NzksNC4xMjc5Nzg4NSA3LjUyNjY1MzIyLDQuMjgyOTUwMzEgTDEyLjgwNjgwNzEsOC43MTM1MjU1MiBDMTMuMTAyOTU5NCw4Ljk2MjAyNjc4IDEzLjE0MTU4ODIsOS40MDM1NTU3IDEyLjg5MzA4NjksOS42OTk3MDc5NiBDMTIuNjQ0NTg1Nyw5Ljk5NTg2MDIzIDEyLjIwMzA1NjgsMTAuMDM0NDg5IDExLjkwNjkwNDUsOS43ODU5ODc3NCBMNyw1LjY2ODYwNiBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiM4Mzg5OEYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA3LjAwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy4wMDAwMDAsIC03LjAwMDAwMCkgIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4NCg==);
      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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDYgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi40ICg2NzM3OCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPnVwPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZyBpZD0i57uE5Lu25YWx5Lqr5Lit5b+DLeaWsOeJiOS4gOacnyIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbGU9Im5vbmUiIGZpbGxSdWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Iuaooeadv+ivpuaDhSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0NC4wMDAwMDAsIC04Ni4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzIuMDAwMDAwLCA4MC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iYWRkLSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDYuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29ucy1zeXMtYXJyb3d1cC1ub21hbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDcuMDAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTcuMDAwMDAwKSAiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InVwIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBmaWxsPSJub25lIiBpZD0iUmVjdGFuZ2xlLTIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoICBkPSJNNyw1LjY2ODYwNiBMMi4wOTMwOTU1MSw5Ljc4NTk4Nzc0IEMxLjc5Njk0MzI1LDEwLjAzNDQ4OSAxLjM1NTQxNDMzLDkuOTk1ODYwMjMgMS4xMDY5MTMwNyw5LjY5OTcwNzk2IEMwLjg1ODQxMTgxOCw5LjQwMzU1NTcgMC44OTcwNDA1OTMsOC45NjIwMjY3OCAxLjE5MzE5Mjg2LDguNzEzNTI1NTIgTDYuNDczMzQ2NzgsNC4yODI5NTAzMSBDNi42MTIxMjUyMSw0LjEyNzk3ODg1IDYuODA1NjM5Myw0LjA0ODgzOTAxIDcsNC4wNTAyNDU0OSBDNy4xOTQzNjA3LDQuMDQ4ODM5MDEgNy4zODc4NzQ3OSw0LjEyNzk3ODg1IDcuNTI2NjUzMjIsNC4yODI5NTAzMSBMMTIuODA2ODA3MSw4LjcxMzUyNTUyIEMxMy4xMDI5NTk0LDguOTYyMDI2NzggMTMuMTQxNTg4Miw5LjQwMzU1NTcgMTIuODkzMDg2OSw5LjY5OTcwNzk2IEMxMi42NDQ1ODU3LDkuOTk1ODYwMjMgMTIuMjAzMDU2OCwxMC4wMzQ0ODkgMTEuOTA2OTA0NSw5Ljc4NTk4Nzc0IEw3LDUuNjY4NjA2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzEwNmVjYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDcuMDAwMDAwKSByb3RhdGUoLTkwLjAwMDAwMCkgdHJhbnNsYXRlKC03LjAwMDAwMCwgLTcuMDAwMDAwKSAiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg0K); }
    .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+CiAgICA8ZyBpZD0i5pyA5ZCOIiBzdHJva2U9Im5vbmUiIHN0cm9rZVdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsUnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue7hOS7tuivpuaDhemhtSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMDQuMDAwMDAwLCAtMjEzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5aS06YOo5YaF5a65IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzAuMDAwMDAwLCAxMjYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbi1jb3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwNS4wMDAwMDAsIDg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLkuIvovb0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2Ny4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS01IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuOTM0NTkyLDE0LjUgTDIuNzkzMzMwMDYsMTQuNSBDMi41NTU1OTkxOSwxNC41IDIuMzYzOTYxMDMsMTQuNjk2MjY1NyAyLjM2Mzk2MTAzLDE0LjkzOTY2OTEgTDIuMzYzOTYxMDMsMTYuMDYwMzMwOSBDMi4zNjM5NjEwMywxNi4zMDI3MDU3IDIuNTU1NTk5MTksMTYuNSAyLjc5MzMzMDA2LDE2LjUgTDE0LjkzNDU5MiwxNi41IEMxNS4xNzEyNTEsMTYuNSAxNS4zNjM5NjEsMTYuMzAyNjgzNCAxNS4zNjM5NjEsMTYuMDYwMzMwOSBMMTUuMzYzOTYxLDE0LjkzOTY2OTEgQzE1LjM2MzkyNDcsMTQuNjk2MjIwOSAxNS4xNzEyNTEsMTQuNSAxNC45MzQ1OTIsMTQuNSBaIiBpZD0iUGF0aCIgZmlsbD0iI0JGQzNDNyIgZmlsbFJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS44NjM5NjEwMywxMC4zOTk0OTQ5IEwxMy40NjAxNTUxLDYuODAzMzAwODYgQzEzLjY1NTQxNzMsNi42MDgwMzg3MSAxMy45NzE5OTk3LDYuNjA4MDM4NzEgMTQuMTY3MjYxOSw2LjgwMzMwMDg2IEwxNC44NzQzNjg3LDcuNTEwNDA3NjQgQzE1LjA2OTYzMDgsNy43MDU2Njk3OSAxNS4wNjk2MzA4LDguMDIyMjUyMjggMTQuODc0MzY4Nyw4LjIxNzUxNDQyIEw5LjIxNzUxNDQyLDEzLjg3NDM2ODcgQzkuMDIyMjUyMjgsMTQuMDY5NjMwOCA4LjcwNTY2OTc5LDE0LjA2OTYzMDggOC41MTA0MDc2NCwxMy44NzQzNjg3IEwyLjg1MzU1MzM5LDguMjE3NTE0NDIgQzIuNjU4MjkxMjQsOC4wMjIyNTIyOCAyLjY1ODI5MTI0LDcuNzA1NjY5NzkgMi44NTM1NTMzOSw3LjUxMDQwNzY0IEwzLjU2MDY2MDE3LDYuODAzMzAwODYgQzMuNzU1OTIyMzIsNi42MDgwMzg3MSA0LjA3MjUwNDgxLDYuNjA4MDM4NzEgNC4yNjc3NjY5NSw2LjgwMzMwMDg2IEw3Ljg2Mzk2MTAzLDEwLjM5OTQ5NDkgTDcuODYzOTYxMDMsMiBDNy44NjM5NjEwMywxLjcyMzg1NzYzIDguMDg3ODE4NjYsMS41IDguMzYzOTYxMDMsMS41IEw5LjM2Mzk2MTAzLDEuNSBDOS42NDAxMDM0MSwxLjUgOS44NjM5NjEwMywxLjcyMzg1NzYzIDkuODYzOTYxMDMsMiBMOS44NjM5NjEwMywxMC4zOTk0OTQ5IFoiIGlkPSLlkIjlubblvaLnirYiIGZpbGw9IiNCRkMzQzciPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .dependence-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7kvp3otZY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5L6d6LWWIiBzdHJva2U9Im5vbmUiIHN0cm9rZVdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsUnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0PgogICAgICAgICAgICA8ZyBpZD0iZ3VhbmxpYW4tMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDQuMDAwMDAwKSIgZmlsbD0iI0JGQzNDNyI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS40NjIyNjE3Myw4LjkzNjY0IEwxLjk2MDc3MDM3LDguOTM2NjQgTDEuOTYwNzcwMzcsMi4wNjM1MiBMNS40NjIyNjE3MywyLjA2MzUyIEM2LjAxNDU0NjQ4LDIuMDYzNTIgNi40NjIyNjE3MywxLjYxNTgwNDc1IDYuNDYyMjYxNzMsMS4wNjM1MiBMNi40NjIyNjE3MywxLjAxNzYgQzYuNDYyMjYxNzMsMC40NjUzMTUyNSA2LjAxNDU0NjQ4LDAuMDE3NiA1LjQ2MjI2MTczLDAuMDE3NiBMMS4wMTY5MDg2NCwwLjAxNzYgQzAuNDY0NjIzODkyLDAuMDE3NiAwLjAxNjkwODY0MiwwLjQ2NTMxNTI1IDAuMDE2OTA4NjQyLDEuMDE3NiBMMC4wMTY5MDg2NDIsOS45ODI0IEMwLjAxNjkwODY0MiwxMC41MzQ2ODQ3IDAuNDY0NjIzODkyLDEwLjk4MjQgMS4wMTY5MDg2NCwxMC45ODI0IEw1LjQ2MjI2MTczLDEwLjk4MjQgQzYuMDE0NTQ2NDgsMTAuOTgyNCA2LjQ2MjI2MTczLDEwLjUzNDY4NDcgNi40NjIyNjE3Myw5Ljk4MjQgTDYuNDYyMjYxNzMsOS45MzY2NCBDNi40NjIyNjE3Myw5LjM4NDM1NTI1IDYuMDE0NTQ2NDgsOC45MzY2NCA1LjQ2MjI2MTczLDguOTM2NjQgWiBNOS41Mzc3MzgyNywxLjAxNzYgTDkuNTM3NzM4MjcsMS4wNjM1MiBDOS41Mzc3MzgyNywxLjYxNTgwNDc1IDkuOTg1NDUzNTIsMi4wNjM1MiAxMC41Mzc3MzgzLDIuMDYzNTIgTDE0LjAzOTM4NzcsMi4wNjM1MiBMMTQuMDM5Mzg3Nyw4LjkzNjY0IEwxMC41Mzc3MzgzLDguOTM2NjQgQzkuOTg1NDUzNTIsOC45MzY2NCA5LjUzNzczODI3LDkuMzg0MzU1MjUgOS41Mzc3MzgyNyw5LjkzNjY0IEw5LjUzNzczODI3LDkuOTgyNCBDOS41Mzc3MzgyNywxMC41MzQ2ODQ3IDkuOTg1NDUzNTIsMTAuOTgyNCAxMC41Mzc3MzgzLDEwLjk4MjQgTDE0Ljk4MzA5MTQsMTAuOTgyNCBDMTUuNTM1Mzc2MSwxMC45ODI0IDE1Ljk4MzA5MTQsMTAuNTM0Njg0NyAxNS45ODMwOTE0LDkuOTgyNCBMMTUuOTgzMDkxNCwxLjAxNzYgQzE1Ljk4MzA5MTQsMC40NjUzMTUyNSAxNS41MzUzNzYxLDAuMDE3NiAxNC45ODMwOTE0LDAuMDE3NiBMMTAuNTM3NzM4MywwLjAxNzYgQzkuOTg1NDUzNTIsMC4wMTc2IDkuNTM3NzM4MjcsMC40NjUzMTUyNSA5LjUzNzczODI3LDEuMDE3NiBaIiBpZD0iU2hhcGUiIGZpbGxSdWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC43MTI2MzIxLDMuODYzODQgTDExLjI4NzM2NzksMy44NjM4NCBDMTEuODM5NjUyNywzLjg2Mzg0IDEyLjI4NzM2NzksNC4zMTE1NTUyNSAxMi4yODczNjc5LDQuODYzODQgTDEyLjI4NzM2NzksNi4xMzYgQzEyLjI4NzM2NzksNi42ODgyODQ3NSAxMS44Mzk2NTI3LDcuMTM2IDExLjI4NzM2NzksNy4xMzYgTDQuNzEyNjMyMSw3LjEzNiBDNC4xNjAzNDczNSw3LjEzNiAzLjcxMjYzMjEsNi42ODgyODQ3NSAzLjcxMjYzMjEsNi4xMzYgTDMuNzEyNjMyMSw0Ljg2Mzg0IEMzLjcxMjYzMjEsNC4zMTE1NTUyNSA0LjE2MDM0NzM1LDMuODYzODQgNC43MTI2MzIxLDMuODYzODQgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .buildStatus-icon--success {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7mnoTlu7o8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5p6E5bu6IiBzdHJva2U9Im5vbmUiIHN0cm9rZVdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsUnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjNDZDRjg0IiBjeD0iOSIgY3k9IjkiIHI9IjkiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDAxMTAwNzUsMTIuOTk5OTk5NCBMNi4wMDIyMDE0NiwxMi45OTk5OTk0IEw2LjAwMDAwMDAzLDEyLjk5OTk5OTQgTDYuMDAxMTAwNzUsMTIuOTk5OTk5NCBDNS42NDM4MzUzNywxMy4wMDAzOTI3IDUuMzEzNDk4NzQsMTIuODEwMTU3MiA1LjEzNDUyNTQ4LDEyLjUwMDk1MyBDNC45NTU1NTIyMywxMi4xOTE3NDg3IDQuOTU1MTMyNjQsMTEuODEwNTUxMSA1LjEzMzQyNDc3LDExLjUwMDk1MzUgQzUuMzExNzE2OSwxMS4xOTEzNTYgNS42NDE2MzM5NCwxMS4wMDAzOTM5IDUuOTk4ODk5MzIsMTEuMDAwMDAwNiBDNi41NTExODM3MSwxMC45OTkzOTI3IDYuOTk5MzkxNDcsMTEuNDQ2NjE0OSA2Ljk5OTk5OTM4LDExLjk5ODg5OTMgQzcuMDAwNjA3MjksMTIuNTUxMTgzNyA2LjU1MzM4NTE0LDEyLjk5OTM5MTUgNi4wMDExMDA3NSwxMi45OTk5OTk0IE0xMy44MDQyNTc3LDYuNTExNzQ0MDkgTDEzLjgwMjE4NjUsNi41MTE3NDQwOSBMMTIuMjM1MzQwOCw4LjA5MjY0NTA4IEMxMi4wOTEzOTM5LDguMjM3NTg2ODkgMTEuNTk5NDg5Myw4LjIyMjA1NzQxIDExLjU5OTQ4OTMsOC4yMjIwNTc0MSBDMTEuNTk5NDg5Myw4LjIyMjA1NzQxIDEwLjMwMTg5NjcsOC4wNzcxMTU2IDEwLjExNDQ1NTEsNy44ODk3MjY1NSBDOS45MjgwNDkxMyw3LjcwMzM3MjggOS43OTk2MzYxMyw2LjM0NDAyNTcxIDkuNzk5NjM2MTMsNi4zNDQwMjU3MSBDOS43OTk2MzYxMyw2LjM0NDAyNTcxIDkuNzYzMzkwNTMsNS45NjUxMDY0MiA5Ljk1MDgzMjA5LDUuNzc4NzUyNjcgTDExLjUyMzg5MTMsNC4yMDA5NTc1NyBDMTEuNTIzODkxMyw0LjIwMDk1NzU3IDExLjcwMjAxMjYsNC4wMDMyMTU1MyAxMS40NDQxNTEsNC4wMDAxMDk2NCBDMTAuNjExNTM3NywzLjk5ODAzOTA0IDguOTIyNDkyNSw0LjAxNjY3NDQyIDguMTAzMzQxODMsNC44MzY2MzA5MiBMNy45MzI0Njk3LDUuMDA1Mzg0NiBDNy4wMTE3NTY1LDUuOTIxNzE4NjggNi44ODIwNjc5OCw3LjM2NjY2NDAyIDcuNjI0ODk5ODUsOC40MzIyMjMwMyBMNC40NTI4OTE2NCwxMS4yNDMwNTg4IEM0LjA3MjgzMDU5LDExLjYyNjExOTMgMy42NTk2MzA2OSwxMi43NTE0ODg5IDQuNDUyODkxNjQsMTMuNTQ0NTI3NiBDNS4yNDYxNTI1OSwxNC4zNDE3MDc1IDYuMzY4NzMwNzUsMTMuOTI3NTg4MSA2Ljc1MTg5ODU3LDEzLjU0NDUyNzYgQzYuNzUxODk4NTcsMTMuNTQ0NTI3NiA5LjAxOTgzNzg0LDEwLjk5MTQ4MTIgOS41Njk3MzU0NCwxMC4zODU4MzE1IEMxMC42Mjg4NDEyLDExLjE1NzQxMDYgMTIuMDkzNzMxNywxMS4wMzU3NzQ1IDEzLjAxMDk5NjcsMTAuMTAwMDg5MSBMMTMuMTc5Nzk3Nyw5LjkzMjM3MDczIEMxMy45NzMwNTg2LDkuMTM0MTU1NDkgMTMuOTk3OTEyOCw3LjQ1ODAwNzAzIDEzLjk5OTk4MzksNi42MDkwNjIxNiBDMTQuMDAyMDU1MSw2LjMzOTg4NDUyIDEzLjgwMzIyMjEsNi41MTI3NzkzOSAxMy44MDMyMjIxLDYuNTEyNzc5MzkiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbFJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .buildStatus-icon--fail {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7mnoTlu7ogY29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlV2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGxSdWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDMt6aaW6aG16KeE5YiZIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQzLjAwMDAwMCwgLTE2MDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLmnoTlu7otY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQzLjAwMDAwMCwgMTYwNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLmnoTlu7oiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGRjQ3NUEiIGN4PSI5IiBjeT0iOSIgcj0iOSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDAxMTAwNzUsMTIuOTk5OTk5NCBMNi4wMDIyMDE0NiwxMi45OTk5OTk0IEw2LjAwMDAwMDAzLDEyLjk5OTk5OTQgTDYuMDAxMTAwNzUsMTIuOTk5OTk5NCBDNS42NDM4MzUzNywxMy4wMDAzOTI3IDUuMzEzNDk4NzQsMTIuODEwMTU3MiA1LjEzNDUyNTQ4LDEyLjUwMDk1MyBDNC45NTU1NTIyMywxMi4xOTE3NDg3IDQuOTU1MTMyNjQsMTEuODEwNTUxMSA1LjEzMzQyNDc3LDExLjUwMDk1MzUgQzUuMzExNzE2OSwxMS4xOTEzNTYgNS42NDE2MzM5NCwxMS4wMDAzOTM5IDUuOTk4ODk5MzIsMTEuMDAwMDAwNiBDNi41NTExODM3MSwxMC45OTkzOTI3IDYuOTk5MzkxNDcsMTEuNDQ2NjE0OSA2Ljk5OTk5OTM4LDExLjk5ODg5OTMgQzcuMDAwNjA3MjksMTIuNTUxMTgzNyA2LjU1MzM4NTE0LDEyLjk5OTM5MTUgNi4wMDExMDA3NSwxMi45OTk5OTk0IE0xMy44MDQyNTc3LDYuNTExNzQ0MDkgTDEzLjgwMjE4NjUsNi41MTE3NDQwOSBMMTIuMjM1MzQwOCw4LjA5MjY0NTA4IEMxMi4wOTEzOTM5LDguMjM3NTg2ODkgMTEuNTk5NDg5Myw4LjIyMjA1NzQxIDExLjU5OTQ4OTMsOC4yMjIwNTc0MSBDMTEuNTk5NDg5Myw4LjIyMjA1NzQxIDEwLjMwMTg5NjcsOC4wNzcxMTU2IDEwLjExNDQ1NTEsNy44ODk3MjY1NSBDOS45MjgwNDkxMyw3LjcwMzM3MjggOS43OTk2MzYxMyw2LjM0NDAyNTcxIDkuNzk5NjM2MTMsNi4zNDQwMjU3MSBDOS43OTk2MzYxMyw2LjM0NDAyNTcxIDkuNzYzMzkwNTMsNS45NjUxMDY0MiA5Ljk1MDgzMjA5LDUuNzc4NzUyNjcgTDExLjUyMzg5MTMsNC4yMDA5NTc1NyBDMTEuNTIzODkxMyw0LjIwMDk1NzU3IDExLjcwMjAxMjYsNC4wMDMyMTU1MyAxMS40NDQxNTEsNC4wMDAxMDk2NCBDMTAuNjExNTM3NywzLjk5ODAzOTA0IDguOTIyNDkyNSw0LjAxNjY3NDQyIDguMTAzMzQxODMsNC44MzY2MzA5MiBMNy45MzI0Njk3LDUuMDA1Mzg0NiBDNy4wMTE3NTY1LDUuOTIxNzE4NjggNi44ODIwNjc5OCw3LjM2NjY2NDAyIDcuNjI0ODk5ODUsOC40MzIyMjMwMyBMNC40NTI4OTE2NCwxMS4yNDMwNTg4IEM0LjA3MjgzMDU5LDExLjYyNjExOTMgMy42NTk2MzA2OSwxMi43NTE0ODg5IDQuNDUyODkxNjQsMTMuNTQ0NTI3NiBDNS4yNDYxNTI1OSwxNC4zNDE3MDc1IDYuMzY4NzMwNzUsMTMuOTI3NTg4MSA2Ljc1MTg5ODU3LDEzLjU0NDUyNzYgQzYuNzUxODk4NTcsMTMuNTQ0NTI3NiA5LjAxOTgzNzg0LDEwLjk5MTQ4MTIgOS41Njk3MzU0NCwxMC4zODU4MzE1IEMxMC42Mjg4NDEyLDExLjE1NzQxMDYgMTIuMDkzNzMxNywxMS4wMzU3NzQ1IDEzLjAxMDk5NjcsMTAuMTAwMDg5MSBMMTMuMTc5Nzk3Nyw5LjkzMjM3MDczIEMxMy45NzMwNTg2LDkuMTM0MTU1NDkgMTMuOTk3OTEyOCw3LjQ1ODAwNzAzIDEzLjk5OTk4MzksNi42MDkwNjIxNiBDMTQuMDAyMDU1MSw2LjMzOTg4NDUyIDEzLjgwMzIyMjEsNi41MTI3NzkzOSAxMy44MDMyMjIxLDYuNTEyNzc5MzkiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbFJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); }
  .cmp-header .d-tip-li {
    white-space: nowrap; }
  .cmp-header .ant-tooltip {
    max-width: 999px; }

.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: flex;
  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 > .anticon + span {
    margin-left: 0px; }
  .func-button-group .ant-btn {
    line-height: 30px;
    height: 30px;
    margin-right: 16px !important;
    display: flex;
    align-items: center; }
    .func-button-group .ant-btn svg {
      margin-right: 4px; }
    .func-button-group .ant-btn.normal-button {
      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.normal-button:hover {
        background-color: rgba(79, 115, 255, 0.1); }
      .func-button-group .ant-btn.normal-button:active {
        background-color: rgba(79, 115, 255, 0.2); }
      .func-button-group .ant-btn.normal-button[disabled]:hover, .func-button-group .ant-btn.normal-button[disabled]:active, .func-button-group .ant-btn.normal-button[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 {
    border-bottom: 1px solid #d3d3d3; }
    .example-component .example-component-content .content--mobile-wrapper {
      overflow-x: auto;
      padding: 20px 0; }
    .example-component .example-component-content .content--mobile {
      margin: 0 auto;
      padding: 20px 12px;
      border-radius: 3px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); }
    .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 */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px 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;
}
.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: -30px;
}
.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; }

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

.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 {
  padding: 40px;
  border-radius: 2px;
  background: #FFFFFF; }

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

.main-page {
  font-family: 'PingFangSC-Medium, Microsoft YaHei';
  font-style: normal;
  font-weight: 300;
  background: #fbfbfb;
  overflow: hidden; }
  .main-page .page-wrapper {
    padding: 60px 90px 128px 90px;
    background: #fafbfc; }
  .main-page .main-interior {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto; }
    .main-page .main-interior .error-content {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      left: 0;
      bottom: 0;
      top: 0;
      right: 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+advyIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbFJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLlrprkvY0iPgogICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjAiIHg9Ii0zLjgyOTE1OTIxZS0xMyIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSwwLjk5OTk5NTE5IEMxMC43MzM2Nzk2LDAuOTk5OTk1MTkgMTIuMzkzMDY4OSwxLjcwMTAwMjM5IDEzLjU5ODAwMjIsMi45NDI0MTYxNCBDMTYuMTMzOTk5Myw1LjU1NDU0NjQ5IDE2LjEzMzk5OTMsOS42OTg2NzU2IDEzLjU5ODAwMjIsMTIuMzEwODA2IEwxMy41OTgwMDIyLDEyLjMxMDgwNiBMOSwxNi45OTk5OTUyIEw0LjQwMTk5Nzg0LDEyLjMxMDgwNiBDMS44NjYwMDA3Miw5LjY5ODY3NTYgMS44NjYwMDA3Miw1LjU1NDU0NjQ5IDQuNDAxOTk3ODQsMi45NDI0MTYxNCBDNS42MDY5MzEwNiwxLjcwMTAwMjM5IDcuMjY2MzIwNDEsMC45OTk5OTUxOSA5LDAuOTk5OTk1MTkgWiBNOC45ODU5ODY0NCw1LjAwMjAzMzUgQzcuNzEyNTMwMDksNS4wMDM5OTMyNiA2LjYxNzc0MjY4LDUuOTA1MTQxNyA2LjM3MTA1ODcsNy4xNTQ0NzgyNSBDNi4xMjQzNzQ3Miw4LjQwMzgxNDggNi43OTQ0ODY0MSw5LjY1MzQ0NjA4IDcuOTcxNjM3NjIsMTAuMTM5MjU0NSBDOS4xNDg3ODg4MiwxMC42MjUwNjMgMTAuNTA1MTg3MSwxMC4yMTE3NjkxIDExLjIxMTQyOTUsOS4xNTIwOTE2MyBDMTEuOTE3NjcyLDguMDkyNDE0MTQgMTEuNzc3MDk2Niw2LjY4MTQzMzQyIDEwLjg3NTY2MTcsNS43ODE5MjgxMSBDMTAuMzc1NDU0LDUuMjc5NjU2NjggOS42OTQ4NDAwMyw0Ljk5ODc2ODM3IDguOTg1OTg2NDQsNS4wMDIwMzM1IFoiIGlkPSLlkIjlubblvaLnirYiIGZpbGw9IiMwQ0MwQzkiIGZpbGxSdWxlPSJub256ZXJvIj48L3BhdGg+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; }

.nature-content-wrapper {
  display: flex;
  padding-top: 60px; }
  .nature-content-wrapper .nature-left {
    flex: 0 0 280px;
    position: relative;
    border-radius: 3px;
    background: #FFFFFF; }
    .nature-content-wrapper .nature-left .nature-left-wrapper {
      position: fixed; }
      .nature-content-wrapper .nature-left .nature-left-wrapper .nature-title {
        padding: 24px 0 15px 24px;
        border-bottom: 1px dashed #E6E8EB;
        background-color: #fff;
        line-height: 26px;
        font-family: PingFangSC-Medium;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        color: #0E1114; }
      .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus {
        width: 280px;
        margin-top: 16px;
        font-size: 14px;
        color: #0E1114;
        letter-spacing: 0;
        line-height: 22px;
        max-height: calc(100vh - 142px);
        overflow: auto; }
        .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: 6px;
            height: 34px;
            width: 100%;
            font-weight: 500;
            line-height: 22px;
            font-size: 14px;
            letter-spacing: 0;
            color: #0E1114; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-item-group-title {
            font-size: 12px; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-item-active {
            color: #1890ff; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-submenu-title {
            margin: 0;
            padding: 6px;
            height: 34px;
            width: 100%;
            line-height: 22px;
            font-family: PingFangSC-Medium;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0;
            color: #0E1114; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-sub .ant-menu-item {
            margin: 0;
            padding: 4px 0;
            padding-left: 36px !important;
            height: 34px;
            line-height: 22px;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #33383D; }
          .nature-content-wrapper .nature-left .nature-left-wrapper .nature-menus .ant-menu-inline .ant-menu-sub .ant-menu-item-active {
            color: #1890ff; }
  .nature-content-wrapper .nature-right {
    flex: 1;
    background: #FAFBFC; }
    .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);
      padding: 0 24px;
      height: 100%; }

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

.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-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; }

.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; }