.uct_header .left-icon {
  width: 14px;
  height: 14px;
  display: inline;
  margin-right: 10px;
  cursor: pointer; }
  .uct_header .left-icon a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../img/back.svg"); }
.uct_header .uct_header_txt {
  cursor: pointer; }
.uct_header > a {
  color: var(--PIA24-BK-01, #042040);
  font-family: "Open Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 17px */
  text-transform: capitalize; }

.auth-type-select {
  display: flex;
  padding: 100px 30px 30px 30px;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--PIA24-Line-02, #F4F4F5);
  background: var(--PIA24-BK-White, #FFF);
  margin: 20px 30px 0; }
  .auth-type-select .auth-type-title {
    color: var(--PIA24-BK-01, #042040);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */ }
  .auth-type-select .auth-type-flex {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    color: var(--PIA24-BK-01, #042040);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */ }
    .auth-type-select .auth-type-flex .auth-type-item {
      display: flex;
      width: 340px;
      padding: 30px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 30px;
      border-radius: 4px;
      border: 1px solid var(--PIA24-Line-03, #E9EEF2);
      background: #F9FCFF; }
      .auth-type-select .auth-type-flex .auth-type-item > img {
        width: 48px;
        height: 48px; }
      .auth-type-select .auth-type-flex .auth-type-item .ati-title {
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 18px */
        text-transform: capitalize; }
      .auth-type-select .auth-type-flex .auth-type-item .ati-tips {
        color: var(--PIA24-BK-02, #55687D);
        font-family: "Open Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        /* 19.5px */ }
      .auth-type-select .auth-type-flex .auth-type-item .ati-btn {
        display: flex;
        padding: 10px 30px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        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;
        cursor: pointer; }
        .auth-type-select .auth-type-flex .auth-type-item .ati-btn:hover {
          border-radius: 4px;
          background: #16396C; }

.auth-content {
  display: flex;
  padding: 40px 30px 100px 30px;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--PIA24-Line-02, #F4F4F5);
  background: var(--PIA24-BK-White, #FFF);
  margin: 20px 30px 0; }
  .auth-content .auth-step {
    display: flex;
    align-items: center;
    gap: 14px; }
    .auth-content .auth-step .step-item {
      display: flex;
      align-items: center;
      gap: 5px; }
      .auth-content .auth-step .step-item .step-num {
        text-align: center;
        width: 23px;
        height: 23px;
        flex-shrink: 0;
        background: var(--PIA24-Line-02, #F4F4F5);
        border-radius: 50%;
        border: 1px solid var(--PIA24-Line-02, #F4F4F5);
        color: var(--PIA24-BK-03, #94A3B8);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; }
      .auth-content .auth-step .step-item .step-name {
        color: var(--PIA24-BK-03, #94A3B8);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 15px */ }
      .auth-content .auth-step .step-item.active .step-num {
        border-radius: 45px;
        background: var(--PIA_VI-01, #0E6FDE);
        color: #FFF; }
      .auth-content .auth-step .step-item.active .step-name {
        color: var(--PIA24-BK-01, #042040); }
    .auth-content .auth-step .auth-step_line {
      width: 50px;
      height: 1px;
      background: #DEE0E9; }
      .auth-content .auth-step .auth-step_line.active {
        background: #0E6FDE; }
  .auth-content .auth-form {
    margin-top: 60px;
    width: 400px; }
    .auth-content .auth-form .ipt-tit {
      color: var(--PIA24-BK-01, #042040);
      font-family: "Open Sans";
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 14px */
      margin-bottom: 8px; }
      .auth-content .auth-form .ipt-tit i {
        color: var(--apollo-tip-01); }
      .auth-content .auth-form .ipt-tit.required::after {
        content: "*";
        color: var(--PIA24-Tip-01, #E30B34);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin-left: 5px; }
    .auth-content .auth-form .jg-ipt {
      position: relative;
      width: 100%; }
      .auth-content .auth-form .jg-ipt.error input {
        border: 1px solid var(--PIA24-Tip-01, #E30B34);
        background: #FFF7F8;
        color: var(--PIA24-Tip-01, #E30B34); }
        .auth-content .auth-form .jg-ipt.error input:focus {
          border: 1px solid var(--PIA24-Tip-01, #E30B34); }
      .auth-content .auth-form .jg-ipt.error .ipt-box .ipt-empty {
        background-image: url("../img/icon_close_err.svg"); }
      .auth-content .auth-form .jg-ipt.error .ipt-errortxt {
        display: flex; }
      .auth-content .auth-form .jg-ipt .ipt-box {
        width: 100%;
        position: relative; }
        .auth-content .auth-form .jg-ipt .ipt-box:hover .ipt-empty {
          display: block; }
        .auth-content .auth-form .jg-ipt .ipt-box .el-select {
          width: 100%; }
        .auth-content .auth-form .jg-ipt .ipt-box .ipt-empty {
          display: none;
          width: 16px;
          height: 16px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../img/icon_close.svg");
          background-size: contain;
          cursor: pointer;
          position: absolute;
          right: 15px;
          top: 50%;
          transform: translateY(-50%); }
          .auth-content .auth-form .jg-ipt .ipt-box .ipt-empty.none {
            display: none; }
      .auth-content .auth-form .jg-ipt .ipt-code.abol-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        margin-left: 10px;
        cursor: pointer;
        min-width: 86px;
        height: 42px; }
      .auth-content .auth-form .jg-ipt input {
        color: var(--bk-02);
        font-size: 14px;
        font-weight: 400;
        width: 100%;
        height: 40px;
        padding: 15px;
        line-height: 100%;
        background: #FFF;
        border-radius: 4px;
        border: 1px solid #D7DCE4; }
        .auth-content .auth-form .jg-ipt input:focus {
          border: 1px solid var(--PIA24-BK-01, #042040); }
        .auth-content .auth-form .jg-ipt input::placeholder {
          color: var(--PIA24-BK-03, #94A3B8);
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 14px */ }
        .auth-content .auth-form .jg-ipt input:-internal-autofill-selected {
          background-color: #FFF !important; }
        .auth-content .auth-form .jg-ipt input:disabled {
          border-radius: 4px;
          border: 1px solid var(--PIA24-Line-01, #DEE0E9);
          background: #FBFCFD;
          color: #94A3B8; }
          @media screen and (max-width: 650px) {
            .auth-content .auth-form .jg-ipt input:disabled {
              color: #042040; } }
      .auth-content .auth-form .jg-ipt .ipt-errortxt {
        display: none;
        align-items: flex-start;
        margin-top: 10px; }
        .auth-content .auth-form .jg-ipt .ipt-errortxt p {
          color: var(--PIA24-Tip-01, #E30B34);
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 13px */
          margin-left: 5px; }
    .auth-content .auth-form .auth-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-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      /* 13px */
      text-transform: capitalize;
      cursor: pointer; }
      .auth-content .auth-form .auth-btn.disabled {
        opacity: 0.3;
        cursor: pointer; }
      .auth-content .auth-form .auth-btn:hover {
        border-radius: 4px;
        background: var(--PIA24-VI-01, #16396C); }
    .auth-content .auth-form .btn_group {
      display: flex;
      width: 100%;
      gap: 10px; }
      .auth-content .auth-form .btn_group .cont-btn {
        width: 50%;
        display: flex;
        height: 34px;
        padding: 10px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        border-radius: 4px;
        background: var(--PIA24-VI-01, #0E6FDE);
        color: var(--PIA_BK-White, #FFF);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        cursor: pointer; }
      .auth-content .auth-form .btn_group .cont-btn2 {
        width: 50%;
        display: flex;
        height: 34px;
        padding: 10px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid #E2E4E5;
        background: var(--PIA_BK-White, #FFF);
        color: var(--PIA_BK-01, #042040);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        cursor: pointer; }

.auth-content2 {
  display: flex;
  padding: 60px 30px 100px 30px;
  margin: 20px 30px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--PIA24-Line-02, #F4F4F5);
  background: var(--PIA24-BK-White, #FFF); }
  .auth-content2 .auth-content-main {
    width: 400px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    flex-direction: column; }
    .auth-content2 .auth-content-main .auth-rg-title {
      display: flex;
      width: 100%;
      align-items: center;
      gap: 10px;
      color: var(--PIA24-BK-01, #042040);
      font-family: "Open Sans";
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%;
      /* 20px */ }
      .auth-content2 .auth-content-main .auth-rg-title > img {
        width: 36px;
        height: 36px; }
    .auth-content2 .auth-content-main .auth-rg-form {
      display: flex;
      flex-direction: column;
      gap: 25px; }
    .auth-content2 .auth-content-main .submit-btn {
      display: flex;
      width: 400px;
      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;
      cursor: pointer;
      margin: 0 auto; }
      .auth-content2 .auth-content-main .submit-btn:hover {
        border-radius: 4px;
        background: #16396C; }

.auth-content3 .auth-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 547px;
  margin-top: 0; }
.auth-content3 .submit-btn {
  display: flex;
  width: 547px;
  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;
  cursor: pointer;
  margin: 0 auto; }
  .auth-content3 .submit-btn:hover {
    border-radius: 4px;
    background: #16396C; }

.auth-content .auth-success, .auth-content2 .auth-success, .auth-content3 .auth-success {
  display: flex;
  width: 500px;
  flex-direction: column;
  align-items: center;
  gap: 30px; }
  .auth-content .auth-success .status-img, .auth-content2 .auth-success .status-img, .auth-content3 .auth-success .status-img {
    width: 200px;
    height: 80px;
    background: url(../img/auth_success.png);
    background-size: 100% 100%; }
  .auth-content .auth-success-tit, .auth-content2 .auth-success-tit, .auth-content3 .auth-success-tit {
    color: var(--PIA24-BK-01, #042040);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
    text-align: center; }
  .auth-content .auth-success-tip, .auth-content2 .auth-success-tip, .auth-content3 .auth-success-tip {
    color: var(--PIA24-BK-02, #55687D);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 21px */
    margin-top: 20px; }
  .auth-content .auth-success-btn, .auth-content2 .auth-success-btn, .auth-content3 .auth-success-btn {
    display: flex;
    width: 130px;
    height: 34px;
    padding: 10px 20px;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--PIA24-VI-01, #0E6FDE);
    color: var(--PIA_BK-White, #FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 13px */
    text-transform: capitalize;
    cursor: pointer;
    white-space: nowrap; }
.auth-content .auth-ing, .auth-content2 .auth-ing, .auth-content3 .auth-ing {
  display: flex;
  width: 500px;
  flex-direction: column;
  align-items: center;
  gap: 30px; }
  .auth-content .auth-ing .status-img, .auth-content2 .auth-ing .status-img, .auth-content3 .auth-ing .status-img {
    width: 200px;
    height: 80px;
    background: url(../img/auth_ing.png);
    background-size: 100% 100%; }
  .auth-content .auth-ing-tit, .auth-content2 .auth-ing-tit, .auth-content3 .auth-ing-tit {
    color: var(--PIA24-BK-01, #042040);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
    text-align: center; }
  .auth-content .auth-ing-tip, .auth-content2 .auth-ing-tip, .auth-content3 .auth-ing-tip {
    color: var(--PIA24-BK-02, #55687D);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 21px */
    margin-top: 20px; }
.auth-content .auth-fail, .auth-content2 .auth-fail, .auth-content3 .auth-fail {
  display: flex;
  width: 500px;
  flex-direction: column;
  align-items: center;
  gap: 30px; }
  .auth-content .auth-fail .status-img, .auth-content2 .auth-fail .status-img, .auth-content3 .auth-fail .status-img {
    width: 200px;
    height: 80px;
    background: url(../img/auth_fail.png);
    background-size: 100% 100%; }
  .auth-content .auth-fail-tit, .auth-content2 .auth-fail-tit, .auth-content3 .auth-fail-tit {
    color: var(--PIA24-BK-01, #042040);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
    text-align: center; }
  .auth-content .auth-fail-tip, .auth-content2 .auth-fail-tip, .auth-content3 .auth-fail-tip {
    color: var(--PIA24-BK-02, #55687D);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 21px */
    margin-top: 20px; }
  .auth-content .auth-fail .flex-box, .auth-content2 .auth-fail .flex-box, .auth-content3 .auth-fail .flex-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; }
  .auth-content .auth-fail .fail-tips, .auth-content2 .auth-fail .fail-tips, .auth-content3 .auth-fail .fail-tips {
    margin-top: -15px;
    color: #55687D;
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 16.9px */ }
    .auth-content .auth-fail .fail-tips a, .auth-content2 .auth-fail .fail-tips a, .auth-content3 .auth-fail .fail-tips a {
      display: inline;
      color: var(--PIA24-VI-01, #0E6FDE);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: none;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
      cursor: pointer; }
  .auth-content .auth-fail-btn, .auth-content2 .auth-fail-btn, .auth-content3 .auth-fail-btn {
    display: flex;
    min-width: 130px;
    height: 34px;
    padding: 10px 20px;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--PIA24-VI-01, #0E6FDE);
    color: var(--PIA_BK-White, #FFF);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 13px */
    text-transform: capitalize;
    cursor: pointer;
    white-space: nowrap; }
    .auth-content .auth-fail-btn.btn2, .auth-content2 .auth-fail-btn.btn2, .auth-content3 .auth-fail-btn.btn2 {
      border-radius: 4px;
      border: 1px solid #E2E4E5;
      background: var(--PIA_BK-White, #FFF);
      color: var(--PIA24-BK-01, #042040); }

.ipt-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch; }
  .ipt-box > p {
    color: var(--PIA24-BK-01, #042040);
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 15px */ }
    .ipt-box > p span {
      color: #E30B34;
      display: inline; }
  .ipt-box .upload-box {
    display: flex;
    align-items: center;
    gap: 15px; }
    .ipt-box .upload-box .upload-img-show {
      width: 70px;
      height: 70px;
      border-radius: 2px;
      position: relative; }
      .ipt-box .upload-box .upload-img-show > img {
        width: 70px;
        height: 70px; }
      .ipt-box .upload-box .upload-img-show .del-img {
        width: 14px;
        height: 14px;
        background: url("../../user/img/ucenter/user-auth/del-img.svg");
        background-size: 100% 100%;
        position: absolute;
        top: -7px;
        right: -7px;
        cursor: pointer; }
    .ipt-box .upload-box .upload-img-btn {
      width: 70px;
      height: 70px;
      position: relative;
      cursor: pointer; }
      .ipt-box .upload-box .upload-img-btn > input {
        width: 70px;
        height: 70px;
        position: absolute;
        left: 0;
        top: 0; }
  .ipt-box .upload-box-tip {
    margin-top: -4px;
    color: var(--PIA24-BK-03, #94A3B8);
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 18px */ }
  .ipt-box .jy-input {
    width: 100%; }
  .ipt-box .ipt-radio {
    display: flex;
    height: 20px;
    align-items: center;
    gap: 40px;
    width: 100%; }
    .ipt-box .ipt-radio .ipt-radio-ipt {
      width: calc((100% - 40px) / 2);
      display: flex;
      align-items: center;
      gap: 5px; }
      .ipt-box .ipt-radio .ipt-radio-ipt > div {
        color: var(--PIA24-BK-02, #55687D);
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        /* 16.8px */
        word-break: break-all;
        white-space: nowrap;
        cursor: pointer; }
      .ipt-box .ipt-radio .ipt-radio-ipt i {
        width: 14px;
        height: 14px;
        background: url("../../user/img/ucenter/user-auth/check.svg");
        background-size: 100% 100%;
        flex-shrink: 0;
        cursor: pointer; }
      .ipt-box .ipt-radio .ipt-radio-ipt.active i {
        background: url("../../user/img/ucenter/user-auth/checked.svg");
        background-size: 100% 100%; }
      .ipt-box .ipt-radio .ipt-radio-ipt.active > div {
        color: var(--PIA24-BK-01, #042040); }

.el-select-dropdown__item {
  display: flex;
  align-items: center;
  justify-content: flex-start !important; }
  .el-select-dropdown__item .lb1 {
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.qr-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 400px;
  padding: 30px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 4px;
  background: #FFF; }
  .qr-content .qr-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .qr-content .qr-content-title {
    color: var(--PIA_BK-01, #042040);
    text-align: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */ }
  .qr-content .qr-content-desc {
    color: var(--PIA_BK-02, #55687D);
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  .qr-content .qr-code {
    margin-top: 20px;
    width: 160px;
    height: 160px;
    padding: 7.5px;
    background: url("../img/ucenter/auth_qr.png"); }
    .qr-content .qr-code #authQRCode {
      width: 145.455px;
      height: 145.455px;
      flex-shrink: 0; }
  .qr-content .qr-content-tip {
    display: flex;
    padding: 10px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    background: #F6FBFF;
    margin-top: 5px;
    color: var(--PIA_Text-03, #5F6368);
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 18.2px */ }
  .qr-content .qr-content-btn {
    margin-top: 20px;
    display: flex;
    width: 140px;
    height: 34px;
    padding: 8px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #E2E4E5;
    background: var(--PIA_BK-White, #FFF);
    cursor: pointer; }
    .qr-content .qr-content-btn:hover {
      border-radius: 4px;
      border: 1px solid #E2E4E5;
      background: #F6F6F9; }

@media screen and (max-width: 960px) {
  .auth-content {
    margin: 15px; }

  .auth-step {
    width: 100%;
    overflow-x: scroll;
    justify-content: center; }
    .auth-step::-webkit-scrollbar {
      height: 2px; }
    .auth-step::-webkit-scrollbar-thumb {
      background-color: #C9CDE0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .auth-step .step-item .step-name {
      white-space: nowrap; }
    .auth-step .auth-step_line {
      flex-shrink: 0; }

  .auth-fail .flex-box {
    flex-wrap: wrap; } }
@media screen and (max-width: 650px) {
  .auth-type-select {
    display: flex;
    padding: 20px 15px;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    align-self: stretch;
    margin: 15px; }
    .auth-type-select .auth-type-flex {
      flex-direction: column;
      gap: 20px;
      width: 100%; }
      .auth-type-select .auth-type-flex .auth-type-item {
        display: flex;
        width: 100%;
        padding: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;
        align-self: stretch; }
        .auth-type-select .auth-type-flex .auth-type-item .ati-title {
          margin-top: -5px; }
        .auth-type-select .auth-type-flex .auth-type-item .ati-tips {
          margin-top: -15px; }

  .auth-fail .flex-box {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%; }
    .auth-fail .flex-box .auth-fail-btn {
      width: 100%;
      margin-top: 0; }

  .auth-content {
    padding: 0px;
    gap: 0; }
    .auth-content .auth-form {
      width: 100%;
      padding: 15px;
      margin-top: 0; }
      .auth-content .auth-form .ipt-tit {
        margin-top: 0 !important;
        margin-bottom: 10px; }
      .auth-content .auth-form .auth-btn {
        margin-top: 4px; }
    .auth-content .auth-step {
      position: relative;
      padding: 15px;
      border-bottom: 1px solid #F4F4F5;
      justify-content: flex-start; }
      .auth-content .auth-step .auth-step_line {
        width: 20px;
        height: 12px;
        background: url("../img/ucenter/user-auth/arr-list.svg");
        background-size: 100%; }
        .auth-content .auth-step .auth-step_line.active {
          background: url("../img/ucenter/user-auth/arr-list.svg");
          background-size: 100%; }

  .auth-content .auth-fail, .auth-content2 .auth-fail, .auth-content3 .auth-fail {
    width: 100%;
    gap: 25px;
    margin-top: 30px; }
    .auth-content .auth-fail .flex-box, .auth-content2 .auth-fail .flex-box, .auth-content3 .auth-fail .flex-box {
      width: calc(100% - 30px);
      margin-left: 0; }
  .auth-content .auth-success, .auth-content2 .auth-success, .auth-content3 .auth-success {
    width: calc(100% - 30px);
    margin: 0 auto;
    gap: 25px;
    margin-top: 30px; }
  .auth-content .auth-ing, .auth-content2 .auth-ing, .auth-content3 .auth-ing {
    width: calc(100% - 30px);
    margin: 0 auto;
    gap: 25px;
    margin-top: 30px; }

  .ipt-box {
    gap: 15px; }
    .ipt-box .ipt-radio {
      display: flex;
      flex-direction: column;
      gap: 10px;
      height: auto;
      align-items: flex-start; }
    .ipt-box .upload-box {
      width: 100%;
      overflow-x: scroll;
      overflow-y: hidden; }
      .ipt-box .upload-box .upload-img-show .del-img {
        top: 0;
        right: 0; }
    .ipt-box .upload-box-tip {
      margin-top: -4px; }

  .auth-content2 {
    padding: 0px;
    margin: 15px;
    gap: 0; }
    .auth-content2 .auth-content-main {
      gap: 0;
      width: 100%; }
      .auth-content2 .auth-content-main .submit-btn {
        width: calc(100% - 30px); }
    .auth-content2 .auth-rg-form {
      width: 100%;
      padding: 15px;
      margin-top: 0; }
      .auth-content2 .auth-rg-form .ipt-tit {
        margin-top: 0 !important;
        margin-bottom: 10px; }
      .auth-content2 .auth-rg-form .auth-btn {
        margin-top: 4px; }
    .auth-content2 .auth-rg-title {
      padding: 15px;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px solid var(--PIA24-Line-02, #F4F4F5); }
    .auth-content2 .auth-step {
      position: relative;
      padding: 15px;
      border-bottom: 1px solid #F4F4F5; }
      .auth-content2 .auth-step .auth-step_line {
        width: 20px;
        height: 12px;
        background: url("../img/ucenter/user-auth/arr-list.svg");
        background-size: 100%; }
        .auth-content2 .auth-step .auth-step_line.active {
          background: url("../img/ucenter/user-auth/arr-list.svg");
          background-size: 100%; }

  .auth-content3 .submit-btn {
    width: calc(100% - 30px);
    margin-bottom: 15px; }

  .uct-cont .user_right .uct_header {
    padding: 15px; } }

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