.uct_cont_box {
  padding: 20px 30px; }

.api-extract {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end; }
  .api-extract input::placeholder {
    color: #55687D; }
  .api-extract .extract-operate-title {
    display: flex;
    padding: 15px 30px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: none;
    border-radius: 4px;
    border: 1px solid var(--PIA24-Line-02, #F4F4F5);
    background: var(--PIA24-BK-White, #FFF); }
    .api-extract .extract-operate-title span {
      color: var(--PIA24-BK-01, #042040);
      font-family: "Open Sans";
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 15px */ }
    .api-extract .extract-operate-title .extot-desc {
      color: var(--PIA24-BK-02, #55687D);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%;
      /* 18.2px */ }
      .api-extract .extract-operate-title .extot-desc a, .api-extract .extract-operate-title .extot-desc i {
        color: #0E6FDE;
        text-decoration: underline; }
  .api-extract .extract-operate-container {
    height: 100%;
    overflow-y: scroll;
    flex: 1; }
    .api-extract .extract-operate-container::-webkit-scrollbar {
      width: 0px; }
    .api-extract .extract-operate-container::-webkit-scrollbar-thumb {
      background-color: #C9CDE0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
  .api-extract .extract-operate {
    flex: 1;
    padding: 30px;
    border-radius: 0 0 4px 4px;
    border: 1px solid var(--PIA24-Line-02, #F4F4F5);
    background: var(--PIA24-BK-White, #FFF);
    border-top: none; }
    .api-extract .extract-operate .flex-header {
      display: flex;
      align-items: center; }
      .api-extract .extract-operate .flex-header .fh-left {
        display: flex;
        align-items: center;
        gap: 5px; }
        .api-extract .extract-operate .flex-header .fh-left .fh-left-title {
          color: var(--PIA24-BK-02, #55687D);
          font-family: "Open Sans";
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 15px */ }
        .api-extract .extract-operate .flex-header .fh-left .fh-left-num {
          color: var(--PIA_BK-01, #042040);
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 100%;
          /* 16px */ }
      .api-extract .extract-operate .flex-header .fh-right {
        margin-left: auto;
        color: var(--PIA24-VI-01, #0E6FDE);
        font-family: "Open Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 15px */ }
    .api-extract .extract-operate .el-table__body-wrapper {
      height: 220px;
      overflow-y: hidden; }
      .api-extract .extract-operate .el-table__body-wrapper::-webkit-scrollbar {
        width: 3px;
        height: 3px; }
      .api-extract .extract-operate .el-table__body-wrapper::-webkit-scrollbar-thumb {
        background-color: #C9CDE0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
    .api-extract .extract-operate .table-bottom-action {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 15px;
      gap: 10px;
      cursor: pointer; }
      .api-extract .extract-operate .table-bottom-action .tba-text {
        color: var(--PIA24-BK-02, #55687D);
        font-family: "Open Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        text-transform: capitalize; }
      .api-extract .extract-operate .table-bottom-action .tba-icon {
        width: 14px;
        height: 14px;
        transition: all 0.3s; }
    .api-extract .extract-operate .ins_status {
      position: relative;
      padding-left: 15px; }
      .api-extract .extract-operate .ins_status::before {
        content: "";
        position: absolute;
        top: 7px;
        left: 3px;
        width: 3px;
        height: 3px;
        border-radius: 50%; }
      .api-extract .extract-operate .ins_status.ins_green {
        color: var(--PIA24-Tip-02, #119269); }
        .api-extract .extract-operate .ins_status.ins_green::before {
          background: #119269; }
      .api-extract .extract-operate .ins_status.ins_error {
        color: var(--PIA24-Tip-01, #E30B34); }
        .api-extract .extract-operate .ins_status.ins_error::before {
          background: #E30B34; }
      .api-extract .extract-operate .ins_status.ins_info {
        color: var(--PIA24-BK-03, #94A3B8); }
        .api-extract .extract-operate .ins_status.ins_info::before {
          background: #94A3B8; }
      .api-extract .extract-operate .ins_status.ins_def {
        color: var(--PIA24-VI-01, #0E6FDE); }
        .api-extract .extract-operate .ins_status.ins_def::before {
          background: #0E6FDE; }
    .api-extract .extract-operate .refresh-status {
      margin-left: 10px;
      width: 13px;
      height: 13px;
      background: url("../img/refresh.svg");
      cursor: pointer; }
      .api-extract .extract-operate .refresh-status.loading {
        animation: rotate 1s infinite linear; }
    .api-extract .extract-operate .operate-top {
      display: flex;
      padding: 21px 30px;
      justify-content: space-between;
      align-items: center;
      border-radius: 0px 0px 10px 10px;
      background: linear-gradient(180deg, #EEF6FF 0%, #FFF 100%);
      box-shadow: 0px 3px 16px 0px rgba(162, 181, 202, 0.2), 0px 4px 0px 0px #2A6FEB inset; }
      .api-extract .extract-operate .operate-top .ot-still {
        display: flex;
        align-items: center; }
        .api-extract .extract-operate .operate-top .ot-still .ops-txt {
          margin-left: 15px; }
          .api-extract .extract-operate .operate-top .ot-still .ops-txt span {
            color: #55687D;
            font-size: 15px;
            font-weight: 400;
            line-height: 100%; }
          .api-extract .extract-operate .operate-top .ot-still .ops-txt p {
            color: #042040;
            font-size: 16px;
            font-weight: 600;
            line-height: 231%;
            display: flex;
            align-items: center; }
            .api-extract .extract-operate .operate-top .ot-still .ops-txt p b {
              font-size: 30px;
              font-weight: 700; }
            .api-extract .extract-operate .operate-top .ot-still .ops-txt p i {
              padding-top: 3px;
              line-height: 20px; }
      .api-extract .extract-operate .operate-top .com_btn {
        min-width: 168px; }
  .api-extract .apiesbli-opt-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .api-extract .apiesbli-opt-box .esb-opt {
      display: flex;
      flex: none;
      width: 200px;
      height: 40px;
      padding: 15px;
      align-items: center;
      color: var(--PIA24-BK-01, #042040);
      font-size: 13px;
      font-weight: 400;
      line-height: 100%;
      border-radius: 4px;
      background: #F8F8F9;
      cursor: pointer;
      margin-right: 10px;
      margin-bottom: 10px;
      border: 2px solid #F8F8F9; }
      .api-extract .apiesbli-opt-box .esb-opt.pdr0 {
        margin-right: 0; }
      .api-extract .apiesbli-opt-box .esb-opt:nth-of-type(4n) {
        margin-right: 0px; }
      .api-extract .apiesbli-opt-box .esb-opt:hover {
        background: #F9FCFF;
        border: 2px solid #F9FCFF; }
      .api-extract .apiesbli-opt-box .esb-opt.opt1 {
        justify-content: space-between; }
        .api-extract .apiesbli-opt-box .esb-opt.opt1 .count {
          display: flex;
          align-items: center; }
          .api-extract .apiesbli-opt-box .esb-opt.opt1 .count img {
            width: 20px;
            height: 20px;
            margin-right: 5px; }
        .api-extract .apiesbli-opt-box .esb-opt.opt1 .esbo-active {
          margin-right: 0; }
      .api-extract .apiesbli-opt-box .esb-opt .esbo-active {
        width: 12px;
        height: 12px;
        border: 4px solid #0E6FDE;
        border-radius: 50%;
        margin-right: 5px;
        display: none; }
      .api-extract .apiesbli-opt-box .esb-opt.active {
        border-radius: 4px;
        border: 2px solid var(--PIA24-VI-01, #0E6FDE);
        background: #F9FCFF; }
        .api-extract .apiesbli-opt-box .esb-opt.active .esbo-active {
          display: none; }
    .api-extract .apiesbli-opt-box .el-select {
      width: 100%;
      margin-bottom: 10px; }
      .api-extract .apiesbli-opt-box .el-select .el-input__inner {
        height: 40px; }
      .api-extract .apiesbli-opt-box .el-select .el-input__suffix {
        right: 10px; }
      .api-extract .apiesbli-opt-box .el-select .el-input .el-select__caret {
        color: #6B7589;
        font-weight: 600; }
    .api-extract .apiesbli-opt-box .stick-api-number {
      display: flex;
      width: 140px;
      height: 40px;
      padding: 12px;
      justify-content: space-between;
      align-items: center;
      border-radius: 4px;
      background: #F8F8F9; }
      .api-extract .apiesbli-opt-box .stick-api-number .api-number-unit {
        color: var(--PIA24-BK-02, #55687D);
        font-family: "Open Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        white-space: nowrap; }
      .api-extract .apiesbli-opt-box .stick-api-number .api-number-num {
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */ }
        .api-extract .apiesbli-opt-box .stick-api-number .api-number-num .el-input-number {
          width: 66px; }
          .api-extract .apiesbli-opt-box .stick-api-number .api-number-num .el-input-number .el-input__inner {
            padding: 0; }
          .api-extract .apiesbli-opt-box .stick-api-number .api-number-num .el-input-number .el-input {
            width: 66px; }
          .api-extract .apiesbli-opt-box .stick-api-number .api-number-num .el-input-number .el-input-number__increase, .api-extract .apiesbli-opt-box .stick-api-number .api-number-num .el-input-number .el-input-number__decrease {
            display: none; }
    .api-extract .apiesbli-opt-box .esb-custom {
      display: flex;
      width: 213px;
      height: 40px;
      padding: 0 15px;
      align-items: center;
      border: none;
      border-bottom: 1px solid #D0D9E4;
      color: #042040;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      margin-bottom: 10px; }
      .api-extract .apiesbli-opt-box .esb-custom.active {
        border-bottom: 1px solid #2A6FEB; }
    .api-extract .apiesbli-opt-box .el-input__inner {
      border-radius: 4px;
      background: #F8F8F9;
      border: none; }
    .api-extract .apiesbli-opt-box .el-icon-minus:before {
      content: "\e6df"; }
    .api-extract .apiesbli-opt-box .el-icon-plus:before {
      content: "\e6e1"; }
    .api-extract .apiesbli-opt-box .el-input-number {
      width: 200px;
      height: 40px;
      position: relative; }
      .api-extract .apiesbli-opt-box .el-input-number .el-input-number__decrease,
      .api-extract .apiesbli-opt-box .el-input-number .el-input-number__increase {
        width: 12px;
        height: 12px;
        position: absolute;
        background: none;
        color: #111827;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none; }
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__decrease [class*=" el-icon-"],
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__decrease [class^=el-icon-],
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__increase [class*=" el-icon-"],
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__increase [class^=el-icon-] {
          font-weight: 600;
          font-size: 12px; }
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__decrease.is-disabled,
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__increase.is-disabled {
          color: rgba(17, 24, 39, 0.2) !important; }
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__decrease:hover,
        .api-extract .apiesbli-opt-box .el-input-number .el-input-number__increase:hover {
          color: #111827; }
      .api-extract .apiesbli-opt-box .el-input-number .el-input-number__decrease {
        top: 22px;
        right: 15px;
        left: auto; }
      .api-extract .apiesbli-opt-box .el-input-number .el-input-number__increase {
        right: 15px;
        top: 7px; }
      .api-extract .apiesbli-opt-box .el-input-number .el-input__inner {
        height: 100%;
        width: 100%;
        padding: 15px;
        padding-right: 30px;
        text-align: left;
        border: none;
        color: #111827;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%; }
      .api-extract .apiesbli-opt-box .el-input-number .el-input {
        height: 100%; }
    .api-extract .apiesbli-opt-box .download_country_list {
      display: flex;
      padding-bottom: 3px;
      align-items: flex-start;
      gap: 5px;
      border-bottom: 1px solid var(--PIA24-BK-02, #55687D);
      cursor: pointer;
      color: var(--PIA24-BK-02, #55687D);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 13px */ }
  .api-extract .apiesbli-site-box {
    display: flex;
    gap: 10px; }
    .api-extract .apiesbli-site-box .el-select {
      width: 200px; }
  .api-extract .apie-select-box {
    position: relative; }
    .api-extract .apie-select-box .apiesb-cont .site_select {
      display: flex;
      gap: 10px; }
      .api-extract .apie-select-box .apiesb-cont .site_select .apis-li .el-select {
        width: 200px; }
    .api-extract .apie-select-box .apiesb-cont .site_select_2 {
      display: flex;
      gap: 10px; }
    .api-extract .apie-select-box .apiesb-cont .apis-li {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 29px; }
      .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username .el-select {
        width: 620px; }
      .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username.apis-li-username-2 .el-select {
        width: 410px; }
      .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username-2 .el-select {
        width: 410px; }
      .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username-2 .alink-ipt-box input {
        width: 410px; }
      .api-extract .apie-select-box .apiesb-cont .apis-li .com_btn {
        margin-left: 10px;
        min-width: 148px; }
      .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p {
        display: flex;
        color: var(--PIA24-BK-01, #042040);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        flex: none;
        margin-bottom: 15px;
        display: flex;
        align-items: center; }
        .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p .apisli-p-emp {
          height: 14px; }
        .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p i {
          color: #E30B34; }
        .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p .apis-help {
          position: relative;
          margin-left: 3px;
          cursor: pointer; }
          .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p .apis-help:hover .h-icon {
            background-image: url("../img/api/help1.svg"); }
          .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p .apis-help:hover .apish-cont {
            display: flex; }
          .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p .apis-help .h-icon {
            width: 14px;
            height: 14px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/api/help.svg"); }
          .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p .apis-help .apish-cont {
            display: none;
            padding: 5px 10px;
            justify-content: center;
            align-items: center;
            border-radius: 2px;
            background: #042040;
            color: #FFF;
            font-size: 13px;
            font-weight: 400;
            white-space: nowrap;
            line-height: 100%;
            position: absolute;
            left: -22px;
            bottom: calc(100% + 8px);
            z-index: 1; }
      .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box {
        display: flex;
        align-items: center;
        flex: 1; }
        .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box input {
          display: flex;
          width: 100%;
          height: 40px;
          padding: 15px;
          padding-right: 50px;
          align-items: center;
          border-radius: 4px;
          border: none;
          border-radius: 4px;
          background: #F8F8F9;
          text-overflow: ellipsis; }
        .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box {
          position: relative;
          width: 410px; }
          .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box.alink-ipt-box-2 {
            width: 410px; }
          .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box .apilink-copy {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%); }
            .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box .apilink-copy::after {
              content: '';
              display: block;
              position: absolute;
              left: -10px;
              top: 50%;
              transform: translateY(-50%);
              width: 1px;
              height: 13px;
              background: #D9D9D9; }
            .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box .apilink-copy .copy-icon {
              width: 14px;
              height: 14px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/api/icon_copy.svg");
              cursor: pointer; }
              .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box .apilink-copy .copy-icon:hover {
                background-image: url("../img/api/icon_copy1.svg"); }
    .api-extract .apie-select-box .apiesb-cont .apiesbli-link-txt {
      display: flex;
      align-items: center; }
      .api-extract .apie-select-box .apiesb-cont .apiesbli-link-txt p {
        color: var(--PIA24-BK-01, #042040);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin-left: 5px; }
      .api-extract .apie-select-box .apiesb-cont .apiesbli-link-txt a {
        font-weight: 400;
        color: var(--PIA24-BK-01, #042040);
        text-decoration-line: underline; }
  .api-extract .extract-introduce {
    width: 40%;
    margin-left: 30px;
    flex: none;
    height: 100%;
    overflow-y: scroll; }
    .api-extract .extract-introduce::-webkit-scrollbar {
      width: 0px; }
    .api-extract .extract-introduce::-webkit-scrollbar-thumb {
      background-color: #C9CDE0; }
    .api-extract .extract-introduce .black-box {
      display: flex;
      padding: 20px;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      align-self: stretch;
      border-radius: 4px;
      background: #061626;
      width: 100%; }
      .api-extract .extract-introduce .black-box > div {
        width: 100%; }
      .api-extract .extract-introduce .black-box .apis-li .apisli-p {
        color: var(--PIA24-BK-White, #FFF);
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; }
      .api-extract .extract-introduce .black-box .apis-li .apiesbli-opt-box .el-input__inner {
        border-radius: 4px;
        border: 1px solid var(--PIA24-BK-02, #55687D);
        background: #061626;
        color: #D5DCEA;
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 14px */ }
      .api-extract .extract-introduce .black-box .apis-li .apiesbli-opt-box .el-input-number .el-input-number__increase, .api-extract .extract-introduce .black-box .apis-li .apiesbli-opt-box .el-input-number .el-input-number__decrease {
        color: white; }
        .api-extract .extract-introduce .black-box .apis-li .apiesbli-opt-box .el-input-number .el-input-number__increase > i, .api-extract .extract-introduce .black-box .apis-li .apiesbli-opt-box .el-input-number .el-input-number__decrease > i {
          font-size: 11px; }
      .api-extract .extract-introduce .black-box .apis-textarea {
        margin-top: -5px;
        border-radius: 4px;
        border: 1px solid var(--PIA24-BK-02, #55687D); }
        .api-extract .extract-introduce .black-box .apis-textarea .textarea_tmp {
          padding: 15px 60px 15px 15px; }
          .api-extract .extract-introduce .black-box .apis-textarea .textarea_tmp .tt_li .ttl_num {
            margin-right: 10px;
            min-width: 17px; }
        .api-extract .extract-introduce .black-box .apis-textarea .apilink-copy {
          display: flex;
          padding: 6px 10px;
          align-items: center;
          gap: 10px;
          border-radius: 3px;
          background: rgba(255, 255, 255, 0.1); }
          .api-extract .extract-introduce .black-box .apis-textarea .apilink-copy .copy-icon {
            width: 14px;
            height: 14px; }
      .api-extract .extract-introduce .black-box .apis-textarea-flex {
        display: flex;
        margin-top: -5px;
        align-items: flex-start;
        gap: 10px;
        width: 100%; }
        .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection {
          display: flex;
          padding: 15px;
          align-items: flex-start;
          gap: 10px;
          border-radius: 4px;
          border: 1px solid var(--PIA24-BK-02, #55687D);
          flex: 1;
          height: 270px;
          flex-wrap: wrap;
          overflow-y: scroll;
          overflow-x: hidden; }
          .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection::-webkit-scrollbar {
            width: 3px; }
          .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection::-webkit-scrollbar-thumb {
            background-color: #FFF;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
          .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection .qr-selection-item {
            display: flex;
            height: 40px;
            padding: 15px;
            align-items: center;
            gap: 10px;
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.15);
            background: rgba(255, 255, 255, 0.05);
            width: calc((100% - 10px) / 2);
            flex-shrink: 0;
            cursor: pointer; }
            .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection .qr-selection-item .qsi-label {
              color: #D5DCEA;
              font-family: "Open Sans";
              font-size: 13px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 13px */ }
            .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection .qr-selection-item > img {
              width: 18px;
              height: 18px;
              margin-left: auto; }
            .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection .qr-selection-item.selected {
              border-radius: 4px;
              background: rgba(255, 255, 255, 0.15); }
        .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code {
          display: flex;
          padding: 15px;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          gap: 10px;
          border-radius: 4px;
          border: 1px solid var(--PIA24-BK-02, #55687D);
          width: 200px; }
          .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-box {
            width: 170px;
            height: 170px;
            padding: 10px;
            background: #fff;
            border-radius: 4px; }
            .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-box #ScanQRCode {
              width: 150px;
              height: 150px; }
            .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-box #ScanQRCode-empty {
              width: 150px;
              height: 150px;
              color: #042040;
              font-size: 14px;
              font-weight: 400;
              text-align: center;
              padding-top: 50px; }
          .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-box-tip {
            display: flex;
            align-items: center;
            color: #D5DCEA;
            text-align: center;
            font-family: "Open Sans";
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 13px */ }
          .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-select {
            display: none;
            padding: 2px;
            align-items: center;
            gap: 2px;
            border-radius: 40px;
            background: rgba(255, 255, 255, 0.15);
            margin-top: 10px; }
            .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-select .qr-select-item {
              display: flex;
              width: 70px;
              padding: 6px 12px;
              justify-content: center;
              align-items: center;
              gap: 5px;
              border-radius: 40px;
              box-shadow: 0 0 10px 0 rgba(4, 32, 64, 0.05);
              color: var(--PIA24-BK-White, #FFF);
              text-align: center;
              font-family: "Open Sans";
              font-size: 13px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 13px */
              text-transform: capitalize;
              white-space: nowrap;
              cursor: pointer; }
              .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code .qr-select .qr-select-item.active {
                background: var(--PIA24-VI-01, #0E6FDE); }
      .api-extract .extract-introduce .black-box .preview-selection {
        width: auto;
        display: flex;
        height: 40px;
        padding: 4px;
        align-items: center;
        gap: 2px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.15); }
        .api-extract .extract-introduce .black-box .preview-selection .preview-sel {
          padding: 8px 15px;
          color: var(--PIA24-BG-01, #F5F5F7);
          text-align: center;
          font-family: "Open Sans";
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 15px */
          cursor: pointer; }
          .api-extract .extract-introduce .black-box .preview-selection .preview-sel.active {
            display: flex;
            padding: 8px 15px;
            justify-content: center;
            align-items: center;
            gap: 5px;
            align-self: stretch;
            border-radius: 4px;
            background: var(--PIA24-VI-01, #0E6FDE);
            box-shadow: 0px 0px 10px 0px rgba(4, 32, 64, 0.05);
            color: var(--PIA24-BK-White, #FFF); }
    .api-extract .extract-introduce.socks5 .apis-table .th .td.td1, .api-extract .extract-introduce.socks5 .apis-table .tr .td.td1 {
      width: 140px; }
    .api-extract .extract-introduce.socks5 .scraper_code_container {
      flex: 1; }
      .api-extract .extract-introduce.socks5 .scraper_code_container::-webkit-scrollbar {
        width: 0px; }
      .api-extract .extract-introduce.socks5 .scraper_code_container::-webkit-scrollbar-thumb {
        background-color: #C9CDE0; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-li .apisli-p {
        color: var(--PIA24-BK-01, #042040);
        font-size: 15px;
        font-weight: 400;
        line-height: 100%;
        text-transform: capitalize; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-li .apiesbli-opt-box {
        margin-top: 10px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-li .apiesbli-opt-box .el-select {
          margin-bottom: 0; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-li .apiesbli-opt-box .el-input__inner {
          background-color: #FFF; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit {
        color: var(--PIA24-BK-01, #042040);
        font-size: 15px;
        font-weight: 400;
        line-height: 100%;
        text-transform: capitalize; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit1 {
        color: var(--PIA24-BK-01, #042040);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit1 a {
          color: var(--PIA24-BK-01, #042040); }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit1 a:hover {
            text-decoration: underline; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table {
        border-radius: 4px;
        border: 1px solid #EAEFF9;
        margin-top: 15px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th {
          background: #F6F8FB;
          min-height: 37px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th .td {
            color: var(--PIA_BK-01, #042040);
            font-size: 13px;
            font-weight: 400;
            line-height: 100%; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr {
          background-color: #fff;
          min-height: 42px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr:nth-last-of-type(1) {
            border-bottom: none; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr .td {
            color: var(--PIA_BK-01, #042040);
            font-size: 13px;
            font-weight: 300;
            line-height: 130%; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .td {
          display: flex;
          align-items: center;
          padding: 12px 15px;
          flex: none;
          word-break: break-all; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th,
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr {
          display: flex;
          border-bottom: 1px solid #EAEFF9; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th .td,
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr .td {
            min-height: 100%;
            border-right: 1px solid #EAEFF9; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th .td.td1,
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr .td.td1 {
              width: 180px;
              padding-right: 30px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th .td.td2,
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr .td.td2 {
              width: 140px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th .td.td3,
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr .td.td3 {
              width: 140px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .th .td.td4,
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-table .tr .td.td4 {
              flex: 1;
              border-right: none; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-example {
        padding: 20px;
        border-radius: 4px;
        background: #042040;
        color: #D5DCEA;
        font-size: 14px;
        font-weight: 300;
        line-height: 200%;
        margin-top: 20px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-example span {
          color: #23E6A8; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea {
        position: relative;
        height: 100%; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp {
          padding: 20px;
          border-radius: 4px;
          background: #061626;
          color: #D5DCEA;
          font-size: 14px;
          font-weight: 300;
          line-height: 140%;
          height: 550px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp::-webkit-scrollbar {
            width: 4px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp::-webkit-scrollbar-thumb {
            background-color: #C9CDE0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_top {
            width: 100%;
            padding-bottom: 15px;
            display: flex;
            align-items: center;
            align-self: stretch;
            border-bottom: 1px solid var(--PIA24-BK-03, #94A3B8);
            margin-bottom: 15px;
            overflow-x: scroll; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_top::-webkit-scrollbar {
              height: 1px;
              width: 4px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_top::-webkit-scrollbar-thumb {
              background-color: #C9CDE0;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_top .commmand_top_item {
              display: flex;
              padding: 8px 14px;
              justify-content: center;
              align-items: center;
              gap: 10px;
              align-self: stretch;
              border-radius: 13px;
              color: var(--PIA24-Line-01, #DEE0E9);
              font-family: "Open Sans";
              font-size: 15px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 15px */
              text-transform: capitalize;
              min-width: 100px;
              flex-shrink: 0;
              cursor: pointer; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_top .commmand_top_item.active {
                border-radius: 50px;
                background: rgba(255, 255, 255, 0.11);
                color: var(--PIA24-BK-White, #FFF);
                font-weight: 600; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body {
            display: flex;
            align-items: flex-start;
            gap: 10px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left {
              width: calc(100% - 45px); }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre {
                white-space: pre-wrap;
                word-break: break-all;
                height: 450px;
                overflow-y: auto; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre::-webkit-scrollbar {
                  width: 4px; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre::-webkit-scrollbar-thumb {
                  background-color: #94A3B8;
                  -webkit-border-radius: 4px;
                  -moz-border-radius: 4px;
                  border-radius: 4px; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.function {
                  color: #e6db74; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.string {
                  color: #a6e22e; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.property {
                  color: #f92672; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.boolean {
                  color: #ae81ff; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.keyword {
                  color: #66d9ef; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.number {
                  color: #ae81ff; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.entity {
                  color: #f8f8f2; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .token.constant {
                  color: #f92672; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .hljs-attr {
                  color: #d19a66; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre .hljs-string {
                  color: #98c379; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_left pre code.hljs {
                  padding: 0;
                  background: transparent;
                  font-family: "Open Sans";
                  font-size: 14px;
                  font-style: normal;
                  font-weight: 300;
                  line-height: 180%; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right {
              margin-left: auto;
              display: flex;
              flex-direction: column;
              gap: 15px;
              position: relative; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-copy {
                display: flex;
                padding: 6px 10px;
                right: 0;
                top: 0;
                align-items: center;
                gap: 10px;
                border-radius: 3px;
                background: rgba(255, 255, 255, 0.1);
                cursor: pointer; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-copy:hover .copy-icon {
                  background-image: url("../img/api/icon_copy1.svg"); }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-copy .copy-icon {
                  width: 14px;
                  height: 14px;
                  background-repeat: no-repeat;
                  background-position: center;
                  background-image: url("../img/api/icon_copy.svg");
                  flex-shrink: 0; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down {
                display: flex;
                align-items: center;
                padding: 6px 10px;
                gap: 10px;
                border-radius: 3px;
                background: rgba(255, 255, 255, 0.1);
                position: relative;
                cursor: pointer; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down:hover .down-icon {
                  background-image: url("../img/api/download_hover.svg"); }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down:hover .download-hover {
                  display: flex; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down .download-hover {
                  display: none;
                  padding: 10px;
                  flex-direction: column;
                  align-items: flex-start;
                  gap: 2px;
                  position: absolute;
                  right: 34px;
                  top: 13px;
                  border-radius: 4px;
                  background: #FFF;
                  box-shadow: 0px 5px 15px 0px rgba(4, 32, 64, 0.05); }
                  .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down .download-hover .download-btn {
                    display: flex;
                    padding: 10px;
                    align-items: center;
                    gap: 10px;
                    align-self: stretch;
                    color: var(--PIA24-BK-01, #042040);
                    font-family: "Open Sans";
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 100%;
                    /* 13px */
                    white-space: nowrap;
                    cursor: pointer; }
                    .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down .download-hover .download-btn:hover {
                      border-radius: 4px;
                      background: var(--PIA24-BG-01, #F5F5F7); }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .commmand_body .commmand_body_right .apilink-down .down-icon {
                  width: 14px;
                  height: 14px;
                  background-repeat: no-repeat;
                  background-position: center;
                  background-image: url("../img/api/download_1.svg");
                  cursor: pointer; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .tt_li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 3px;
            word-break: break-all; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea .textarea_tmp .tt_li .ttl_num {
              margin-right: 5px;
              min-width: 24px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea textarea {
          display: none;
          width: 100%;
          min-height: 304px;
          background-color: #0D1020;
          border-radius: 4px;
          padding: 20px;
          padding-right: 40px;
          font-size: 14px;
          font-weight: 300;
          color: #18D2AB;
          line-height: 22px;
          resize: none;
          font-family: Open Sans;
          word-break: break-all; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea textarea::-webkit-scrollbar {
            width: 4px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-textarea textarea::-webkit-scrollbar-thumb {
            background-color: #C9CDE0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit-select {
        width: 100%;
        margin-top: 10px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit-select .el-select {
          width: 100%;
          display: flex;
          height: 40px;
          padding: 15px;
          align-items: center;
          gap: 10px;
          align-self: stretch;
          border-radius: 4px;
          background: var(--PIA24-BK-White, #FFF); }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-tit-select .el-select .el-input__inner {
            background: var(--PIA24-BK-White, #FFF);
            padding: 15px 0; }
      .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output {
        margin-top: 15px;
        position: relative; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp {
          padding: 20px;
          border-radius: 4px;
          background: #061626;
          color: #D5DCEA;
          font-size: 14px;
          font-weight: 300;
          line-height: 140%; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header {
            display: flex;
            gap: 10px;
            align-items: center;
            color: #D5DCEA;
            font-family: "Open Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            /* 14px */ }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-icon-minus:before {
              content: "\e6df"; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-icon-plus:before {
              content: "\e6e1"; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number {
              width: 91px;
              height: 28px;
              line-height: 100%;
              position: relative; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease,
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase {
                width: 12px;
                height: 12px;
                position: absolute;
                background: none;
                color: #111827;
                display: flex;
                align-items: center;
                justify-content: center;
                border: none; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease [class*=" el-icon-"],
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease [class^=el-icon-],
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase [class*=" el-icon-"],
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase [class^=el-icon-] {
                  font-weight: 600;
                  font-size: 12px; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease.is-disabled,
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase.is-disabled {
                  color: rgba(17, 24, 39, 0.2) !important; }
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease:hover,
                .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase:hover {
                  color: #111827; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease {
                top: 22px;
                right: 15px;
                left: auto;
                display: none; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase {
                right: 15px;
                top: 7px;
                display: none; }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input__inner {
                height: 100%;
                width: 100%;
                padding: 10px;
                text-align: left;
                border: none;
                color: #111827;
                border-radius: 4px;
                border: 1px solid #273757;
                background: rgba(255, 255, 255, 0.1);
                color: #D5DCEA;
                font-family: "Open Sans";
                font-size: 14px;
                font-style: normal;
                font-weight: 300;
                line-height: 100%;
                /* 14px */ }
              .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input {
                height: 100%; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .tt-ul {
            height: 250px;
            overflow-y: scroll; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .tt-ul::-webkit-scrollbar {
              width: 4px; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .tt-ul::-webkit-scrollbar-thumb {
              background-color: #C9CDE0;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .tt_li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 3px;
            word-break: break-all; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .textarea_tmp .tt_li .ttl_num {
              margin-right: 5px;
              min-width: 24px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output textarea {
          display: none;
          width: 100%;
          min-height: 304px;
          background-color: #0D1020;
          border-radius: 4px;
          padding: 20px;
          padding-right: 40px;
          font-size: 14px;
          font-weight: 300;
          color: #18D2AB;
          line-height: 22px;
          resize: none;
          font-family: Open Sans;
          word-break: break-all; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output textarea::-webkit-scrollbar {
            width: 4px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output textarea::-webkit-scrollbar-thumb {
            background-color: #C9CDE0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
        .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right {
          margin-left: auto;
          display: flex;
          flex-direction: column;
          gap: 15px; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right .apilink-copy {
            display: flex;
            align-items: center;
            gap: 10px;
            border-radius: 3px;
            background: rgba(255, 255, 255, 0.1); }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right .apilink-copy:hover .copy-icon {
              background-image: url("../img/api/icon_copy1.svg"); }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right .apilink-copy .copy-icon {
              width: 25px;
              height: 25px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/api/icon_copy.svg");
              cursor: pointer; }
          .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right .apilink-down {
            display: flex;
            align-items: center;
            gap: 10px;
            border-radius: 3px;
            background: rgba(255, 255, 255, 0.1);
            cursor: pointer; }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right .apilink-down:hover .down-icon {
              background-image: url("../img/api/download_hover.svg"); }
            .api-extract .extract-introduce.socks5 .scraper_code_container .apis-direct-output .commmand_body_right .apilink-down .down-icon {
              width: 25px;
              height: 25px;
              background-repeat: no-repeat;
              background-position: center;
              background-image: url("../img/api/download_1.svg");
              cursor: pointer; }
    .api-extract .extract-introduce .apis-li .apisli-p {
      color: var(--PIA24-BK-01, #042040);
      font-size: 15px;
      font-weight: 400;
      line-height: 100%;
      text-transform: capitalize; }
    .api-extract .extract-introduce .apis-li .apiesbli-opt-box {
      margin-top: 10px; }
      .api-extract .extract-introduce .apis-li .apiesbli-opt-box .el-select {
        margin-bottom: 0; }
      .api-extract .extract-introduce .apis-li .apiesbli-opt-box .el-input__inner {
        background-color: #FFF; }
    .api-extract .extract-introduce .apis-tit {
      color: var(--PIA24-BK-01, #042040);
      font-size: 15px;
      font-weight: 400;
      line-height: 100%;
      text-transform: capitalize; }
    .api-extract .extract-introduce .apis-tit1 {
      color: var(--PIA24-BK-01, #042040);
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      margin-top: 15px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .api-extract .extract-introduce .apis-tit1 a {
        color: var(--PIA24-BK-01, #042040); }
        .api-extract .extract-introduce .apis-tit1 a:hover {
          text-decoration: underline; }
    .api-extract .extract-introduce .apis-table {
      border-radius: 4px;
      border: 1px solid #EAEFF9;
      margin-top: 15px;
      overflow-x: scroll; }
      .api-extract .extract-introduce .apis-table .th {
        background: #F6F8FB;
        min-height: 37px; }
        .api-extract .extract-introduce .apis-table .th .td {
          color: var(--PIA_BK-01, #042040);
          font-size: 13px;
          font-weight: 400;
          line-height: 100%; }
      .api-extract .extract-introduce .apis-table .tr {
        background-color: #fff;
        min-height: 42px; }
        .api-extract .extract-introduce .apis-table .tr:nth-last-of-type(1) {
          border-bottom: none; }
        .api-extract .extract-introduce .apis-table .tr .td {
          color: var(--PIA_BK-01, #042040);
          font-family: "Open Sans";
          font-size: 13px;
          font-weight: 400;
          line-height: 130%; }
      .api-extract .extract-introduce .apis-table .td {
        display: flex;
        align-items: center;
        padding: 12px 15px;
        flex: none;
        word-break: break-all; }
      .api-extract .extract-introduce .apis-table .th,
      .api-extract .extract-introduce .apis-table .tr {
        display: flex;
        border-bottom: 1px solid #EAEFF9; }
        .api-extract .extract-introduce .apis-table .th .td,
        .api-extract .extract-introduce .apis-table .tr .td {
          min-height: 100%;
          border-right: 1px solid #EAEFF9; }
          .api-extract .extract-introduce .apis-table .th .td.td1,
          .api-extract .extract-introduce .apis-table .tr .td.td1 {
            width: 180px;
            padding-right: 30px; }
          .api-extract .extract-introduce .apis-table .th .td.td2,
          .api-extract .extract-introduce .apis-table .tr .td.td2 {
            width: 140px; }
          .api-extract .extract-introduce .apis-table .th .td.td3,
          .api-extract .extract-introduce .apis-table .tr .td.td3 {
            width: 140px; }
          .api-extract .extract-introduce .apis-table .th .td.td4,
          .api-extract .extract-introduce .apis-table .tr .td.td4 {
            flex: 1;
            border-right: none; }
    .api-extract .extract-introduce .apis-example {
      padding: 20px;
      border-radius: 4px;
      background: #042040;
      color: #D5DCEA;
      font-size: 14px;
      font-weight: 400;
      line-height: 200%;
      margin-top: 20px; }
      .api-extract .extract-introduce .apis-example span {
        color: #23E6A8; }
    .api-extract .extract-introduce .apis-textarea {
      margin-top: 20px;
      position: relative; }
      .api-extract .extract-introduce .apis-textarea .textarea_tmp {
        padding: 20px;
        padding-right: 64px;
        border-radius: 4px;
        background: #061626;
        color: #D5DCEA;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        height: 348px;
        overflow-y: scroll; }
        .api-extract .extract-introduce .apis-textarea .textarea_tmp::-webkit-scrollbar {
          width: 4px; }
        .api-extract .extract-introduce .apis-textarea .textarea_tmp::-webkit-scrollbar-thumb {
          background-color: #C9CDE0;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
        .api-extract .extract-introduce .apis-textarea .textarea_tmp .tt_li {
          display: flex;
          align-items: flex-start;
          margin-bottom: 3px;
          word-break: break-all; }
          .api-extract .extract-introduce .apis-textarea .textarea_tmp .tt_li .ttl_num {
            margin-right: 5px;
            min-width: 24px; }
      .api-extract .extract-introduce .apis-textarea textarea {
        display: none;
        width: 100%;
        min-height: 304px;
        background-color: #0D1020;
        border-radius: 4px;
        padding: 20px;
        padding-right: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #18D2AB;
        line-height: 22px;
        resize: none;
        font-family: Open Sans;
        word-break: break-all; }
        .api-extract .extract-introduce .apis-textarea textarea::-webkit-scrollbar {
          width: 4px; }
        .api-extract .extract-introduce .apis-textarea textarea::-webkit-scrollbar-thumb {
          background-color: #C9CDE0;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
      .api-extract .extract-introduce .apis-textarea .apilink-copy {
        position: absolute;
        right: 10px;
        top: 10px; }
        .api-extract .extract-introduce .apis-textarea .apilink-copy .copy-icon {
          width: 25px;
          height: 25px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/api/icon_copy.svg");
          cursor: pointer; }
          .api-extract .extract-introduce .apis-textarea .apilink-copy .copy-icon:hover {
            background-image: url("../img/api/icon_copy1.svg"); }
    .api-extract .extract-introduce .livr-textarea1 {
      width: 100%;
      position: relative;
      padding: 20px;
      width: 100%;
      border-radius: 2px;
      background-color: #0D1020;
      font-size: 13px;
      color: #D5DCEA;
      font-size: 14px;
      font-weight: 400;
      line-height: 140%;
      margin-top: 15px; }
      .api-extract .extract-introduce .livr-textarea1 .lt_li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 3px; }
        .api-extract .extract-introduce .livr-textarea1 .lt_li .ltl_num {
          margin-right: 5px;
          min-width: 24px; }
        .api-extract .extract-introduce .livr-textarea1 .lt_li .ltl_txt i {
          display: inline-block;
          width: 20px; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-comment {
        color: #a0a1a7; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-string {
        color: #9BDCFD; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-subst {
        color: #e45649; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-built_in {
        color: #D69C84; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-keyword {
        color: #a626a4; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-meta {
        color: #4078f2; }
      .api-extract .extract-introduce .livr-textarea1 .userpwe-number {
        color: #986801; }
    .api-extract .extract-introduce .apis-direct-test {
      margin-top: 10px;
      position: relative; }
      .api-extract .extract-introduce .apis-direct-test .textarea_tmp {
        display: flex;
        align-items: center;
        padding: 15px 26px;
        border-radius: 4px;
        background: #061626;
        color: #D5DCEA;
        font-size: 14px;
        font-weight: 400;
        min-height: 56px;
        gap: 10px; }
        .api-extract .extract-introduce .apis-direct-test .textarea_tmp.textarea_tmp_2 {
          flex-direction: column; }
        .api-extract .extract-introduce .apis-direct-test .textarea_tmp .textarea_tmp_line {
          width: 100%;
          display: flex;
          align-items: center;
          border-radius: 4px;
          color: #D5DCEA;
          font-size: 14px;
          font-weight: 400;
          gap: 10px; }
        .api-extract .extract-introduce .apis-direct-test .textarea_tmp .ttl_txt {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis; }
          .api-extract .extract-introduce .apis-direct-test .textarea_tmp .ttl_txt.ttl_txt_scroll {
            overflow: none !important;
            overflow-x: scroll;
            text-overflow: initial !important;
            white-space: nowrap; }
            .api-extract .extract-introduce .apis-direct-test .textarea_tmp .ttl_txt.ttl_txt_scroll::-webkit-scrollbar {
              width: 0px;
              height: 0px; }
            .api-extract .extract-introduce .apis-direct-test .textarea_tmp .ttl_txt.ttl_txt_scroll::-webkit-scrollbar-thumb {
              background-color: #C9CDE0;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px; }
        .api-extract .extract-introduce .apis-direct-test .textarea_tmp .tt_li {
          display: flex;
          align-items: flex-start;
          margin-bottom: 3px;
          word-break: break-all; }
          .api-extract .extract-introduce .apis-direct-test .textarea_tmp .tt_li .ttl_num {
            margin-right: 5px;
            min-width: 24px; }
      .api-extract .extract-introduce .apis-direct-test .apilink-copy {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.1); }
        .api-extract .extract-introduce .apis-direct-test .apilink-copy .copy-icon {
          width: 25px;
          height: 25px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/api/icon_copy.svg");
          cursor: pointer; }
          .api-extract .extract-introduce .apis-direct-test .apilink-copy .copy-icon:hover {
            background-image: url("../img/api/icon_copy1.svg"); }
    .api-extract .extract-introduce .apis-tit-select {
      width: 100%;
      margin-top: 10px; }
      .api-extract .extract-introduce .apis-tit-select .el-select {
        width: 100%;
        display: flex;
        height: 40px;
        padding: 15px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: 4px;
        background: var(--PIA24-BK-White, #FFF); }
        .api-extract .extract-introduce .apis-tit-select .el-select .el-input__inner {
          background: var(--PIA24-BK-White, #FFF);
          padding: 15px 0; }
    .api-extract .extract-introduce .apis-direct-output {
      margin-top: 15px;
      position: relative; }
      .api-extract .extract-introduce .apis-direct-output .textarea_tmp {
        padding: 20px;
        border-radius: 4px;
        background: #061626;
        color: #D5DCEA;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%; }
        .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header {
          display: flex;
          gap: 10px;
          align-items: center;
          color: #D5DCEA;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
          .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-icon-minus:before {
            content: "\e6df"; }
          .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-icon-plus:before {
            content: "\e6e1"; }
          .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number {
            width: 91px;
            height: 28px;
            line-height: 100%;
            position: relative; }
            .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease,
            .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase {
              width: 12px;
              height: 12px;
              position: absolute;
              background: none;
              color: #111827;
              display: flex;
              align-items: center;
              justify-content: center;
              border: none; }
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease [class*=" el-icon-"],
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease [class^=el-icon-],
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase [class*=" el-icon-"],
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase [class^=el-icon-] {
                font-weight: 600;
                font-size: 12px; }
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease.is-disabled,
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase.is-disabled {
                color: rgba(17, 24, 39, 0.2) !important; }
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease:hover,
              .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase:hover {
                color: #111827; }
            .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__decrease {
              top: 22px;
              right: 15px;
              left: auto;
              display: none; }
            .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input-number__increase {
              right: 15px;
              top: 7px;
              display: none; }
            .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input__inner {
              height: 100%;
              width: 100%;
              padding: 10px;
              text-align: left;
              border: none;
              color: #111827;
              border-radius: 4px;
              border: 1px solid #273757;
              background: rgba(255, 255, 255, 0.1);
              color: #D5DCEA;
              font-family: "Open Sans";
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 14px */ }
            .api-extract .extract-introduce .apis-direct-output .textarea_tmp .textarea_tmp-header .el-input-number .el-input {
              height: 100%; }
        .api-extract .extract-introduce .apis-direct-output .textarea_tmp .tt-ul {
          height: 450px;
          overflow-y: scroll;
          margin-top: 10px; }
          .api-extract .extract-introduce .apis-direct-output .textarea_tmp .tt-ul::-webkit-scrollbar {
            width: 4px; }
          .api-extract .extract-introduce .apis-direct-output .textarea_tmp .tt-ul::-webkit-scrollbar-thumb {
            background-color: #C9CDE0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px; }
        .api-extract .extract-introduce .apis-direct-output .textarea_tmp .tt_li {
          display: flex;
          align-items: flex-start;
          margin-bottom: 3px;
          word-break: break-all; }
          .api-extract .extract-introduce .apis-direct-output .textarea_tmp .tt_li .ttl_num {
            margin-right: 5px;
            min-width: 24px; }
      .api-extract .extract-introduce .apis-direct-output textarea {
        display: none;
        width: 100%;
        min-height: 304px;
        background-color: #0D1020;
        border-radius: 4px;
        padding: 20px;
        padding-right: 40px;
        font-size: 14px;
        font-weight: 400;
        color: #18D2AB;
        line-height: 22px;
        resize: none;
        font-family: Open Sans;
        word-break: break-all; }
        .api-extract .extract-introduce .apis-direct-output textarea::-webkit-scrollbar {
          width: 4px; }
        .api-extract .extract-introduce .apis-direct-output textarea::-webkit-scrollbar-thumb {
          background-color: #C9CDE0;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
      .api-extract .extract-introduce .apis-direct-output .apilink-copy {
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.1);
        margin-left: auto; }
        .api-extract .extract-introduce .apis-direct-output .apilink-copy .copy-icon {
          width: 25px;
          height: 25px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/api/icon_copy.svg");
          cursor: pointer; }
          .api-extract .extract-introduce .apis-direct-output .apilink-copy .copy-icon:hover {
            background-image: url("../img/api/icon_copy1.svg"); }

.pop-apiextract {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 674px;
  padding: 20px;
  padding-top: 54px;
  border-radius: 4px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .pop-apiextract .pop-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 12;
    cursor: pointer; }
  .pop-apiextract .ppa-tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E6E9F0;
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0;
    top: 0;
    height: 34px;
    padding: 10px; }
    .pop-apiextract .ppa-tit p {
      color: #222;
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%; }
  .pop-apiextract .ppa-search {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
    .pop-apiextract .ppa-search .search-icon {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%); }
    .pop-apiextract .ppa-search input {
      width: 100%;
      height: 34px;
      padding: 10px 15px 10px 41px;
      border-radius: 4px;
      border: 1px solid #E6E7EC;
      font-size: 13px;
      font-weight: 400;
      border: 1px solid #E6E9F0;
      background: #FAFBFC; }
      .pop-apiextract .ppa-search input::placeholder {
        color: var(--PIA24-BK-03, #94A3B8); }
  .pop-apiextract .country-cont {
    overflow-y: scroll;
    height: 350px;
    width: 100%; }
    .pop-apiextract .country-cont::-webkit-scrollbar {
      width: 4px; }
    .pop-apiextract .country-cont::-webkit-scrollbar-thumb {
      background-color: #C9CDE0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .pop-apiextract .country-cont .cc-li {
      margin-bottom: 10px; }
      .pop-apiextract .country-cont .cc-li:nth-last-of-type(1) {
        margin-bottom: 0px; }
      .pop-apiextract .country-cont .cc-li .cc-tit {
        color: #042040;
        font-family: Open Sans;
        font-size: 15px;
        font-weight: 400;
        line-height: 100%;
        margin-bottom: 10px; }
    .pop-apiextract .country-cont .esb-opt {
      width: 150px; }
  .pop-apiextract .btn_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px; }
  .pop-apiextract .com_btn1,
  .pop-apiextract .com_btn {
    height: 34px;
    padding: 10px 20px;
    min-width: 50px; }

.pop-purchase {
  display: flex;
  width: 480px;
  padding: 30px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  border-radius: 4px;
  background: #FFF;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .pop-purchase .pop-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 12;
    cursor: pointer; }
  .pop-purchase > img {
    width: 200px;
    height: 80px; }
  .pop-purchase .pop-purchase-content {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .pop-purchase .pop-purchase-content .pop-pc-tit {
      color: var(--PIA24-BK-01, #042040);
      text-align: center;
      font-family: "Open Sans";
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%;
      /* 18px */
      text-transform: capitalize; }
    .pop-purchase .pop-purchase-content .pop-pc-desc {
      color: var(--PIA24-BK-02, #55687D);
      text-align: center;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 21px */ }
  .pop-purchase .pop-purchase-btn {
    display: flex;
    height: 34px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--PIA24-VI-01, #0E6FDE);
    color: var(--PIA_BK-White, #FFF);
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 13px */
    text-transform: capitalize; }
    .pop-purchase .pop-purchase-btn:hover {
      background: #16396C; }

.com_btn {
  border-radius: 4px;
  height: 40px; }

@media only screen and (max-width: 850px) {
  .pop-apiextract {
    width: 100%; } }
@media only screen and (max-width: 1280px) {
  .api-extract {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 20px; }
    .api-extract .drawer-icon {
      display: none; }
    .api-extract .extract-introduce {
      display: block;
      margin-left: 0;
      width: 100%; }
    .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box {
      width: 410px !important; }
    .api-extract .extract-operate-container {
      width: 100%; } }
@media only screen and (max-width: 600px) {
  .api-extract {
    padding: 5px;
    width: 100%; }
    .api-extract .extract-operate-title {
      padding: 15px; }
    .api-extract .extract-operate {
      padding: 15px; }
    .api-extract .apie-select-box .apiesb-cont .site_select, .api-extract .apie-select-box .apiesb-cont .site_select_2 {
      margin-bottom: 29px; }
      .api-extract .apie-select-box .apiesb-cont .site_select .apis-li, .api-extract .apie-select-box .apiesb-cont .site_select_2 .apis-li {
        width: 100%;
        margin-bottom: 0 !important; }
    .api-extract .apie-select-box .apiesb-cont .apis-li .apisli-p {
      margin-bottom: 10px; }
    .api-extract .apie-select-box .apiesb-cont .apis-li .com_btn {
      width: 100%;
      margin-top: 0; }
    .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username .el-select {
      width: 100%; }
    .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username-2 .el-select {
      width: 100%; }
    .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box {
      flex-direction: column;
      gap: 10px;
      width: 100%; }
      .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box {
        width: 100% !important; }
    .api-extract .apiesbli-opt-box {
      width: 100%;
      gap: 10px; }
      .api-extract .apiesbli-opt-box .esb-opt {
        width: 100%;
        margin-right: 0; }
    .api-extract .extract-introduce .black-box .apis-textarea-flex {
      flex-direction: column; }
      .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-preview-code {
        width: 100%; }
      .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection {
        height: 165px;
        overflow-y: scroll;
        flex: none; }
        .api-extract .extract-introduce .black-box .apis-textarea-flex .qr-selection .qr-selection-item {
          width: 100%; }
    .api-extract .extract-introduce .black-box .apis-li {
      width: calc((100% - 10px) / 2); }
      .api-extract .extract-introduce .black-box .apis-li .apiesbli-opt-box .el-input-number {
        width: 100%; }
    .api-extract .extract-introduce .apis-table .tr .td.td3 {
      background-color: #fff;
      border-bottom: 1px solid #EAEFF9; }
    .api-extract .extract-introduce .apis-table .tr .td.td4 {
      width: 200px;
      flex: none;
      background-color: #fff;
      border-bottom: 1px solid #EAEFF9; }
    .api-extract .extract-introduce .apis-table .th .td.td3 {
      background: #F6F8FB;
      border-bottom: 1px solid #EAEFF9; }
    .api-extract .extract-introduce .apis-table .th .td.td4 {
      width: 200px;
      background: #F6F8FB;
      border-bottom: 1px solid #EAEFF9;
      flex: none; }

  .pop-purchase {
    width: calc(100% - 40px); } }

/*# sourceMappingURL=api_extract.css.map */