#google_auth_step .pop-box, #google_auth_step .pop-box1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1485745;
  background-color: rgba(0, 0, 0, 0.6); }
  #google_auth_step .pop-box .pop-close-safety, #google_auth_step .pop-box1 .pop-close-safety {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
  #google_auth_step .pop-box .pop_box_title, #google_auth_step .pop-box1 .pop_box_title {
    color: var(--PIA_BK-01, #042040);
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; }
  #google_auth_step .pop-box .pop_box_tip, #google_auth_step .pop-box1 .pop_box_tip {
    color: var(--PIA_BK-02, #55687D);
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #google_auth_step .pop-box .com_btn, #google_auth_step .pop-box1 .com_btn {
    height: 34px;
    background: #0E6FDE;
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--PIA_BK-White, #FFF);
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    cursor: pointer; }
    #google_auth_step .pop-box .com_btn:hover, #google_auth_step .pop-box1 .com_btn:hover {
      background-color: #16396C; }
  #google_auth_step .pop-box .com_btn1, #google_auth_step .pop-box1 .com_btn1 {
    padding: 8px 15px; }
  #google_auth_step .pop-box .send_email_content,
  #google_auth_step .pop-box .pop-safety,
  #google_auth_step .pop-box .bind_google_content, #google_auth_step .pop-box1 .send_email_content,
  #google_auth_step .pop-box1 .pop-safety,
  #google_auth_step .pop-box1 .bind_google_content {
    display: flex;
    width: 420px;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #FFF;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #google_auth_step .pop-box .verificode_box, #google_auth_step .pop-box1 .verificode_box {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center; }
    #google_auth_step .pop-box .verificode_box .code_liipt, #google_auth_step .pop-box1 .verificode_box .code_liipt {
      width: 35px;
      height: 45px;
      padding: 0;
      border-radius: 2px;
      border: 1px solid var(--PIA_BK-Line01, #DEE0E9);
      background: var(--white-100, #FFF);
      text-align: center;
      font-weight: 400;
      font-size: 16px;
      line-height: 150%;
      color: var(--PIA_BK-02, #55687D);
      margin-right: 0; }
      #google_auth_step .pop-box .verificode_box .code_liipt:nth-last-of-type(1), #google_auth_step .pop-box1 .verificode_box .code_liipt:nth-last-of-type(1) {
        margin-right: 0; }
      #google_auth_step .pop-box .verificode_box .code_liipt:focus, #google_auth_step .pop-box1 .verificode_box .code_liipt:focus {
        border: 1px solid var(--PIA_VI-01, #0E6FDE);
        color: var(--PIA_VI-01, #0E6FDE); }
  #google_auth_step .pop-box .btn_box, #google_auth_step .pop-box1 .btn_box {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    width: 100%; }
#google_auth_step .send_email_pop .send_email_content .send_email_btn {
  width: 100%; }
#google_auth_step .myc_google_pop .pop-safety .verificode_tit {
  color: var(--PIA_BK-01, #042040);
  text-align: center;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; }
#google_auth_step .bind_google_pop .bind_google_content {
  width: 520px;
  gap: 20px; }
  #google_auth_step .bind_google_pop .bind_google_content .bind_title {
    color: var(--PIA24-BK-01, #042040);
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  #google_auth_step .bind_google_pop .bind_google_content .bind_account {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%; }
    #google_auth_step .bind_google_pop .bind_google_content .bind_account .ver_p1 {
      color: var(--PIA24-BK-02, #55687D);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      width: 100%; }
    #google_auth_step .bind_google_pop .bind_google_content .bind_account .ver_p2 {
      color: var(--PIA24-BK-02, #55687D);
      font-family: "Open Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      margin-top: -5px; }
    #google_auth_step .bind_google_pop .bind_google_content .bind_account .verificode_box {
      width: 100%;
      justify-content: flex-start; }
    #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      align-self: stretch; }
      #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox .apple_btn {
        display: flex;
        height: 40px;
        padding: 14px 20px 14px 0;
        align-items: center;
        gap: 4px;
        border-radius: 4px;
        border: 1px solid var(--PIA24-Line-01, #DEE0E9);
        background: #FAFCFD;
        position: relative;
        flex: 1;
        cursor: pointer; }
        #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox .apple_btn .apple_btn_text {
          color: var(--PIA_BK-01, #042040);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          padding-left: 44px;
          flex: 1; }
        #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox .apple_btn i {
          position: absolute;
          left: 0;
          top: 0;
          width: 38px;
          height: 38px;
          background: url("../img/apple_auth.svg");
          background-size: 100%;
          background-repeat: no-repeat;
          flex-shrink: 0;
          border-radius: 4px 0 0 4px; }
      #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox .google_btn {
        display: flex;
        height: 40px;
        padding: 14px 20px 14px 0;
        align-items: center;
        gap: 4px;
        border-radius: 4px;
        border: 1px solid var(--PIA24-BK-01, #042040);
        background: var(--PIA24-BK-01, #042040);
        position: relative;
        flex: 1;
        cursor: pointer; }
        #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox .google_btn .google_btn_text {
          padding-left: 44px;
          color: var(--PIA24-BK-White, #FFF);
          text-align: center;
          font-family: "Open Sans";
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          flex: 1 0 0; }
        #google_auth_step .bind_google_pop .bind_google_content .bind_account .verify_down_btnbox .google_btn i {
          position: absolute;
          left: 0;
          top: 0;
          width: 38px;
          height: 38px;
          background: url("../img/google_auth.svg");
          background-size: 100%;
          background-repeat: no-repeat;
          flex-shrink: 0;
          border-radius: 4px 0 0 4px; }
    #google_auth_step .bind_google_pop .bind_google_content .bind_account .ver_qrcode {
      width: 140px;
      height: 140px; }
  #google_auth_step .bind_google_pop .bind_google_content .ver_line {
    width: 100%;
    height: 1px;
    background: #F4F4F5; }
  #google_auth_step .bind_google_pop .bind_google_content .com_btn {
    width: 100%; }
#google_auth_step .verify_google_pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1485745;
  background-color: rgba(0, 0, 0, 0.6); }
  #google_auth_step .verify_google_pop .verificode_tit {
    color: var(--PIA_BK-01, #042040);
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; }
  #google_auth_step .verify_google_pop .com_btn {
    width: 100%; }

@media screen and (max-width: 600px) {
  #google_auth_step .bind_google_pop .bind_google_content {
    width: 100%; } }