* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

input::-webkit-input-placeholder {
  color: #9DA4B2; }
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9DA4B2; }
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9DA4B2; }
input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9DA4B2; }

.bg-body {
  margin: 0 0;
  padding: 0 0;
  position: relative;
  background: #fbfcff; }
  .bg-body .bg1 {
    position: absolute;
    top: 0;
    right: 0; }
  .bg-body .bg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 478px;
    height: 275px;
    overflow: hidden; }
    .bg-body .bg2 p {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 410px;
      height: 410px;
      right: 0px;
      bottom: -224px;
      background: linear-gradient(138deg, #F1F5FF -8%, rgba(241, 245, 255, 0) 55%);
      border-radius: 32px;
      transform: rotate(45deg); }
  .bg-body .bg3 {
    position: absolute;
    left: -150px;
    bottom: 90px;
    width: 478px;
    height: 605px;
    overflow: hidden; }
    .bg-body .bg3 .p1 {
      position: absolute;
      width: 405.56px;
      height: 405.56px;
      top: 60px;
      left: -74px;
      background: linear-gradient(185.7deg, #F1F5FF -29.39%, rgba(241, 245, 255, 0) 59.71%);
      border-radius: 30px;
      transform: rotate(45deg); }
    .bg-body .bg3 .p2 {
      position: absolute;
      width: 244px;
      height: 549px;
      top: 50px;
      left: 129px; }
  .bg-body .header_wrap {
    position: relative;
    height: 60px; }
    .bg-body .header_wrap .logo_wrap {
      position: absolute;
      top: 20px;
      left: 40px; }
    .bg-body .header_wrap .top_content {
      position: absolute;
      top: 20px;
      right: 40px;
      display: flex; }
      .bg-body .header_wrap .top_content a {
        margin-left: 30px;
        font-family: 'Ubuntu';
        font-style: normal;
        font-size: 16px;
        line-height: 25px;
        color: #15357A; }
        .bg-body .header_wrap .top_content a.hover_d {
          position: relative; }
          .bg-body .header_wrap .top_content a.hover_d::after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 0;
            height: 1px;
            background-color: #15357a;
            transition: all 0.3s; }
          .bg-body .header_wrap .top_content a.hover_d:hover::after {
            width: 100%; }
      .bg-body .header_wrap .top_content .lang {
        position: relative;
        display: flex;
        align-items: center;
        margin-left: 30px;
        height: 25px;
        cursor: pointer; }
        .bg-body .header_wrap .top_content .lang img {
          margin-right: 11px !important;
          width: 20px;
          height: 20px; }
        .bg-body .header_wrap .top_content .lang .ssssd {
          display: flex;
          align-items: center;
          font-family: 'Ubuntu';
          font-style: normal;
          font-size: 16px;
          line-height: 18px;
          color: #15357A; }
          .bg-body .header_wrap .top_content .lang .ssssd img {
            margin-left: 6px !important;
            margin-right: 0;
            transition: all 0.5s; }
          .bg-body .header_wrap .top_content .lang .ssssd span.hover_d {
            position: relative; }
            .bg-body .header_wrap .top_content .lang .ssssd span.hover_d::after {
              content: "";
              display: block;
              position: absolute;
              bottom: 0px;
              left: 0;
              width: 0;
              height: 1px;
              background-color: #15357a;
              transition: all 0.3s; }
            .bg-body .header_wrap .top_content .lang .ssssd span.hover_d:hover::after {
              width: 100%; }
        .bg-body .header_wrap .top_content .lang .lang-select {
          display: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 40px;
          width: 145px;
          padding: 10px;
          background-color: #ffffff;
          box-shadow: 0px 6px 10px 1px rgba(24, 28, 50, 0.1);
          border-radius: 4px;
          border: 1px solid #e9ecf1;
          z-index: 9; }
          .bg-body .header_wrap .top_content .lang .lang-select::after {
            content: "";
            position: absolute;
            left: 50%;
            top: -24px;
            width: 119px;
            height: 26px;
            transform: translateX(-50%); }
          .bg-body .header_wrap .top_content .lang .lang-select .select-cont {
            max-height: 360px; }
            .bg-body .header_wrap .top_content .lang .lang-select .select-cont::-webkit-scrollbar {
              width: 3px; }
            .bg-body .header_wrap .top_content .lang .lang-select .select-cont::-webkit-scrollbar-thumb {
              background-color: #E9EFF9;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px; }
          .bg-body .header_wrap .top_content .lang .lang-select .opt {
            display: flex;
            align-items: center;
            font-size: 15px;
            font-weight: 400;
            color: #15357a;
            line-height: 40px;
            padding-left: 15px;
            margin-left: 0; }
            .bg-body .header_wrap .top_content .lang .lang-select .opt:hover {
              background-color: #f6f9fe; }
        .bg-body .header_wrap .top_content .lang:hover .txt img {
          transform: rotateZ(-180deg); }
        .bg-body .header_wrap .top_content .lang:hover .lang-select {
          display: block;
          animation: show linear 0.3s; }
        .bg-body .header_wrap .top_content .lang:hover .ssssd img {
          transition: all 0.5s;
          transform: rotate(-180deg); }
  .bg-body .wap-header {
    display: none;
    height: 60px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: relative;
    border-bottom: 1px solid #E7E8F2; }
    .bg-body .wap-header .header-right {
      width: 24px;
      height: 24px;
      background-image: url("../img/wap/menu.svg");
      background-repeat: no-repeat;
      background-position: center; }
      .bg-body .wap-header .header-right.show {
        background-image: url("../img/wap/nor.svg"); }
  .bg-body .head-right-pop {
    display: none;
    position: fixed;
    right: -100%;
    top: 60px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99;
    padding-bottom: 70px;
    transition: all 0.5s;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 20px 120px; }
    .bg-body .head-right-pop.show {
      right: 0; }
    .bg-body .head-right-pop .pop-top .li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 35px; }
      .bg-body .head-right-pop .pop-top .li:nth-last-of-type(1) {
        margin-bottom: 0; }
      .bg-body .head-right-pop .pop-top .li p {
        font-size: 15px;
        font-family: Ubuntu-Medium;
        color: #042040;
        line-height: 15px; }
      .bg-body .head-right-pop .pop-top .li i {
        display: block;
        width: 20px;
        height: 20px;
        background-image: url("../img/wap/ico_right.svg");
        background-repeat: no-repeat;
        background-position: center; }
    .bg-body .head-right-pop .pop-bom > a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 47px;
      font-size: 17px;
      font-family: Ubuntu-Medium;
      color: #0e6fde;
      border-radius: 4px;
      border: 1px solid #0e6fde; }
      .bg-body .head-right-pop .pop-bom > a:nth-of-type(2) {
        color: #ffffff;
        margin-top: 15px;
        background-color: #0e6fde; }
  .bg-body .is_body_content {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 1200px; }
    .bg-body .is_body_content .body_content_l {
      position: absolute;
      top: 200px;
      left: -230px;
      background: url(../img/login/login_banner_bg.png) no-repeat;
      background-position: bottom;
      width: 778px;
      height: 530px; }
      .bg-body .is_body_content .body_content_l .banner_txt {
        position: absolute;
        top: -68px;
        left: 160px;
        width: 430px;
        height: 66px;
        font-family: 'Open Sans';
        font-weight: 700;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        color: #15357A; }
        .bg-body .is_body_content .body_content_l .banner_txt.hk {
          font-family: 'Open Sans';
          font-weight: 700;
          font-size: 35px;
          line-height: 43px;
          margin-top: -20px; }
      .bg-body .is_body_content .body_content_l .banner_con_txt {
        position: absolute;
        top: -15px;
        left: 80px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #355395;
        display: flex; }
        .bg-body .is_body_content .body_content_l .banner_con_txt .con_txt_list {
          margin-bottom: 13px; }
          .bg-body .is_body_content .body_content_l .banner_con_txt .con_txt_list .li {
            width: 350px;
            display: flex;
            align-items: flex-start;
            margin-bottom: 12px; }
            .bg-body .is_body_content .body_content_l .banner_con_txt .con_txt_list .li span {
              margin-left: 5px; }
        .bg-body .is_body_content .body_content_l .banner_con_txt.hk {
          font-family: 'Open Sans';
          font-size: 22px;
          line-height: 25px; }
    .bg-body .is_body_content .bor-r-box {
      position: absolute;
      width: 540px;
      right: -30px;
      top: 90px;
      z-index: 5; }
      .bg-body .is_body_content .bor-r-box .logactivity {
        width: 100%;
        position: absolute;
        left: 0;
        top: 5px;
        transform: translateY(calc(-100% + 10px));
        z-index: -1; }
        .bg-body .is_body_content .bor-r-box .logactivity img {
          width: 572px; }
    .bg-body .is_body_content .body_content_r {
      display: flex;
      box-sizing: border-box;
      flex-direction: column;
      align-items: flex-start;
      padding: 30px 50px 20px;
      background: #FFFFFF;
      border-radius: 10px;
      width: 572px; }
      .bg-body .is_body_content .body_content_r .text-dark {
        margin: 0;
        margin-bottom: 20px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 41px;
        color: #042040; }
      .bg-body .is_body_content .body_content_r .tab_menu {
        display: flex; }
        .bg-body .is_body_content .body_content_r .tab_menu .tab_btn {
          position: relative;
          margin-right: 30px;
          margin-bottom: 50px;
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 90%;
          color: #94A3B8;
          cursor: pointer;
          transition: all .5s ease; }
          .bg-body .is_body_content .body_content_r .tab_menu .tab_btn:hover, .bg-body .is_body_content .body_content_r .tab_menu .tab_btn.ative {
            color: #042040; }
            .bg-body .is_body_content .body_content_r .tab_menu .tab_btn:hover::after, .bg-body .is_body_content .body_content_r .tab_menu .tab_btn.ative::after {
              content: "";
              position: absolute;
              bottom: -13px;
              left: 0;
              width: 100%;
              height: 2px;
              background: #0E6FDE; }
      .bg-body .is_body_content .body_content_r .register_rap {
        width: 100%; }
        .bg-body .is_body_content .body_content_r .register_rap .fv-row {
          width: 100% !important;
          margin-bottom: 15px; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row.tel_fv_row {
            display: none;
            position: relative; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row.tel_fv_row .inputbox {
              position: absolute;
              top: 35px;
              left: 1px;
              width: 120px; }
              .bg-body .is_body_content .body_content_r .register_rap .fv-row.tel_fv_row .inputbox .el-input--suffix .el-input__inner {
                background: #F8F8FA;
                height: 44px;
                border: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-right: 1px solid #cccccc; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row.tel_fv_row .account_num_ipt {
              padding-left: 136px; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: inherit !important;
            font-size: 16px;
            color: #121933;
            line-height: 16px;
            margin-bottom: 15px;
            display: inline-block; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num span {
              color: #F53D5D; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num_ipt {
            display: block;
            box-sizing: border-box;
            width: 100%;
            font-weight: 500;
            line-height: 1.5;
            background-clip: padding-box;
            height: 46px;
            padding: 0.825rem 1.5rem;
            font-size: 15px;
            border-radius: 4px;
            border: none;
            color: #5e6278;
            transition: color .2s ease,background-color .2s ease;
            outline: 0;
            border: 1px solid #ccc;
            background: #fff; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num_ipt.err {
              border: 1px solid #E30B34;
              color: #E30B34; }
              .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num_ipt.err.wpd {
                color: #5e6278; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num_ipt::-webkit-outer-spin-button, .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num_ipt::-webkit-inner-spin-button {
              -webkit-appearance: none; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .account_num_ipt:focus {
              box-shadow: 0px 0px 3px rgba(77, 150, 253, 0.8);
              border-color: #0E6FDE; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .reset {
            display: inline-block;
            width: 315px; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .getcode {
            background: #0E6FDE;
            border-radius: 4px;
            padding: 12px 37px;
            color: white;
            position: absolute;
            right: 0;
            display: inline-block;
            cursor: pointer; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .error_tip {
            display: none;
            position: relative;
            padding-top: 8px;
            padding-left: 20px;
            font-family: 'Inter';
            font-size: 13px;
            line-height: 16px;
            color: #E30B34; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .error_tip::after {
              content: "";
              position: absolute;
              top: 9px;
              left: 0px;
              width: 20px;
              height: 20px;
              background: url(../img/login/tip_icon.svg) no-repeat; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .password_wrap .pass_sty {
            position: relative; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .password_wrap .pass_sty .eyele {
              display: none;
              position: absolute;
              top: 11px;
              right: 15px; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .password_wrap .pass_sty:hover .eyele {
              display: block; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .invalid-feedback div {
            position: relative;
            margin-top: 8px;
            padding-left: 20px;
            font-family: 'Inter';
            font-size: 13px;
            line-height: 16px;
            color: #E30B34; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .invalid-feedback div::after {
              content: "";
              position: absolute;
              top: 0px;
              left: 0px;
              width: 20px;
              height: 20px;
              background: url(../img/login/tip_icon.svg) no-repeat; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_check_wrap {
            margin-top: -15px; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_check_wrap .agree_check_ipt {
              margin: 0;
              width: 16px;
              height: 16px;
              vertical-align: text-bottom; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_check_wrap .agree_check_content {
              padding-left: 4px;
              font-family: 'Open Sans';
              font-size: 15px;
              line-height: 16px;
              color: #55687D; }
              .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_check_wrap .agree_check_content a {
                font-size: 15px;
                color: #0E6FDE;
                transition: all .3s ease; }
                .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_check_wrap .agree_check_content a:hover {
                  text-decoration-line: underline; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row.go_login {
            margin-top: 15px; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row.go_login .agree_txt_content {
              font-family: 'Open Sans';
              font-size: 15px;
              line-height: 20px;
              color: #55687D; }
              .bg-body .is_body_content .body_content_r .register_rap .fv-row.go_login .agree_txt_content a {
                margin-left: 10px;
                font-size: 16px;
                color: #042040;
                transition: all .3s ease;
                position: relative; }
                .bg-body .is_body_content .body_content_r .register_rap .fv-row.go_login .agree_txt_content a:hover {
                  color: #0E6FDE; }
          .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_txt_content {
            font-family: 'Open Sans';
            font-size: 15px;
            line-height: 20px;
            color: #55687D; }
            .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_txt_content a {
              color: #0E6FDE;
              transition: all .3s ease; }
              .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_txt_content a::after {
                content: "";
                display: block;
                position: absolute;
                bottom: 1px;
                left: 0;
                width: 0;
                height: 1px;
                background-color: #0E6FDE;
                transition: all 0.3s; }
              .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_txt_content a:hover {
                color: #0E6FDE; }
                .bg-body .is_body_content .body_content_r .register_rap .fv-row .agree_txt_content a:hover::after {
                  width: 100%; }
        .bg-body .is_body_content .body_content_r .register_rap .reg-code-box {
          position: relative; }
          .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .account_num_ipt {
            display: block;
            box-sizing: border-box;
            width: 100%;
            font-weight: 500;
            line-height: 1.5;
            background-clip: padding-box;
            height: 46px;
            padding: 0.825rem 1.5rem;
            font-size: 15px;
            border-radius: 4px;
            border: none;
            color: #5e6278;
            transition: color .2s ease,background-color .2s ease;
            outline: 0;
            border: 1px solid #ccc;
            background: #fff; }
          .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .get-code {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 104px;
            height: 45px;
            text-align: center;
            line-height: 45px;
            color: #fff;
            background: #0E6FDE;
            border-radius: 4px;
            border: none;
            transition: all .5s ease;
            cursor: pointer; }
            .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .get-code:hover {
              background: #15357A; }
            .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .get-code.disabled {
              opacity: .3; }
              .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .get-code.disabled:hover {
                background: #0E6FDE; }
          .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .codeSeted {
            display: none;
            position: absolute;
            top: 0px;
            right: 0px;
            opacity: .3;
            width: 104px;
            height: 45px;
            text-align: center;
            line-height: 45px;
            color: #fff;
            background: #0E6FDE;
            border-radius: 4px;
            cursor: pointer; }
          .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .prompt {
            position: absolute;
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
            width: 14px;
            height: 14px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/login/question.svg");
            margin-left: 5px; }
            .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .prompt:hover {
              background-image: url("../img/login/question1.svg"); }
              .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .prompt:hover .prompt-cont {
                display: block;
                animation: fadeIn  linear .3s; }
            .bg-body .is_body_content .body_content_r .register_rap .reg-code-box .prompt .prompt-cont {
              position: absolute;
              left: 0;
              top: -42px;
              background-color: #383C43;
              display: none;
              padding: 10px;
              white-space: nowrap;
              color: #fff;
              text-align: center;
              font-size: 13px;
              font-weight: 500;
              border-radius: 4px;
              z-index: 999; }
        .bg-body .is_body_content .body_content_r .register_rap .forgot_pass {
          text-align: right;
          margin-top: -15px;
          margin-bottom: 30px; }
          .bg-body .is_body_content .body_content_r .register_rap .forgot_pass a {
            display: inline-block;
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            text-decoration-line: underline;
            color: #042040; }
        .bg-body .is_body_content .body_content_r .register_rap .sub_wrap .submit_btn {
          padding: 0 40px;
          height: 45px;
          color: #fff;
          font-family: 'Ubuntu';
          font-size: 20px;
          line-height: 45px;
          border: none;
          background: #0E6FDE;
          border-radius: 4px;
          text-align: center;
          cursor: pointer;
          transition: all 0.5s ease;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto; }
          .bg-body .is_body_content .body_content_r .register_rap .sub_wrap .submit_btn .indicator-progress {
            display: none; }
          .bg-body .is_body_content .body_content_r .register_rap .sub_wrap .submit_btn .indicator-oval {
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            margin-right: 15px;
            background-image: url("../img/login/oval.svg");
            display: none; }
          .bg-body .is_body_content .body_content_r .register_rap .sub_wrap .submit_btn.disabled {
            opacity: .3; }
            .bg-body .is_body_content .body_content_r .register_rap .sub_wrap .submit_btn.disabled:hover {
              background: #0E6FDE; }
          .bg-body .is_body_content .body_content_r .register_rap .sub_wrap .submit_btn:hover {
            background: #15357A; }
        .bg-body .is_body_content .body_content_r .register_rap .create_a {
          margin-top: 15px;
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          line-height: 20px;
          color: #55687D; }
          .bg-body .is_body_content .body_content_r .register_rap .create_a a {
            display: inline-block;
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            text-decoration-line: underline;
            color: #042040; }
        .bg-body .is_body_content .body_content_r .register_rap .text-uppercase {
          padding: 20px 0;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .bg-body .is_body_content .body_content_r .register_rap .text-uppercase i {
            display: inline-block;
            width: 40%;
            height: 0;
            border-top: 1px solid #E4E6EA; }
          .bg-body .is_body_content .body_content_r .register_rap .text-uppercase p {
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            color: #E4E6EA; }
        .bg-body .is_body_content .body_content_r .register_rap .g_id_signin {
          display: flex;
          justify-content: center; }
          .bg-body .is_body_content .body_content_r .register_rap .g_id_signin .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            flex: none; }
          .bg-body .is_body_content .body_content_r .register_rap .g_id_signin .nsm7Bb-HzV7m-LgbsSe {
            font-size: 18px; }
        .bg-body .is_body_content .body_content_r .register_rap #appleid-signin {
          margin-top: 15px !important;
          height: 39px;
          cursor: pointer; }
          .bg-body .is_body_content .body_content_r .register_rap #appleid-signin div {
            margin: 0 auto;
            max-width: 400px !important;
            min-width: 0 !important; }
  .bg-body .pop-box-res {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1485745;
    background-color: rgba(0, 0, 0, 0.8); }
    .bg-body .pop-box-res .pop-activity {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      padding: 30px 40px; }
      .bg-body .pop-box-res .pop-activity .machine_test {
        padding: 30px 34px;
        width: 541px;
        background: #F9F9FB;
        border: 1px solid #E1E0E5;
        border-radius: 4px;
        text-align: center; }
        .bg-body .pop-box-res .pop-activity .machine_test .machine_p {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 600;
          font-size: 24px;
          line-height: 33px;
          color: #042040; }
          .bg-body .pop-box-res .pop-activity .machine_test .machine_p.hk_m_p {
            font-size: 32px; }
        .bg-body .pop-box-res .pop-activity .machine_test .machine_sp {
          display: inline-block;
          margin: 10px 0 25px;
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 400;
          font-size: 20px;
          line-height: 25px;
          color: #55687D; }
          .bg-body .pop-box-res .pop-activity .machine_test .machine_sp.hk_s_p {
            font-size: 22px; }
        .bg-body .pop-box-res .pop-activity .machine_test #example1 {
          margin: 0 auto;
          width: 300px; }
      .bg-body .pop-box-res .pop-activity .pop-close {
        position: absolute;
        right: -7px;
        top: 14px;
        cursor: pointer; }