@font-face {
  font-family: "Poppins-Light";
  src: url("../font/Poppins-Light.ttf") format("truetype");
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: "Poppins-Medium";
  src: url("../font/Poppins-Medium.ttf") format("truetype");
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: "Poppins-Regular";
  src: url("../font/Poppins-Regular.ttf") format("truetype");
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../font/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-display: fallback; }
@font-face {
  font-family: "Poppins-Bold";
  src: url("../font/Poppins-Bold.ttf") format("truetype");
  font-style: normal;
  font-display: fallback; }
.login-section {
  width: 100%;
  min-height: 100vh;
  background-color: #fff;
  background: url("../img/login/login_bg.png") no-repeat center; }
  .login-section .main-content {
    width: 100%;
    position: relative; }
    .login-section .main-content .function-block {
      width: 100%; }
      .login-section .main-content .function-block.none {
        display: none; }
      .login-section .main-content .function-block .form {
        margin: 0 auto;
        text-align: left; }
        .login-section .main-content .function-block .form h6 {
          font-family: "Poppins-Bold";
          font-size: 56px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 1;
          letter-spacing: 0px;
          color: #223265;
          text-align: center; }
          .login-section .main-content .function-block .form h6 span {
            color: #3c7fff; }
          .login-section .main-content .function-block .form h6 img {
            max-width: 100%;
            margin-right: 15px; }
        .login-section .main-content .function-block .form .signtitle {
          margin: 0 auto;
          margin-top: 24px;
          margin-bottom: 56px;
          width: auto;
          max-width: 620px;
          padding: 0 24px;
          font-family: "Poppins-Regular";
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 24px;
          letter-spacing: 0px;
          color: #223265;
          text-align: center; }
        .login-section .main-content .function-block .form .signsutitle {
          margin: 0 auto;
          margin-top: 24px;
          margin-bottom: 24px;
          font-family: 'Poppins-Bold';
          font-size: 56px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 48px;
          letter-spacing: 0px;
          color: #223265;
          text-align: center; }
        .login-section .main-content .function-block .form .form--inline {
          width: 100%;
          max-width: 620px;
          height: 66px;
          margin-top: 56px;
          margin-bottom: 24px;
          position: relative;
          background-color: #f0f2f9;
          box-sizing: border-box;
          border-radius: 10px;
          padding: 0 24px; }
          .login-section .main-content .function-block .form .form--inline label {
            display: inline-block;
            width: 100%;
            height: 100%;
            font-family: "Poppins-Medium";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 66px;
            letter-spacing: 0px;
            color: #11182e;
            opacity: 0.2; }
          .login-section .main-content .function-block .form .form--inline.active label {
            height: auto;
            display: inline-block;
            font-size: 12px;
            line-height: 1;
            position: relative;
            top: 5px; }
          .login-section .main-content .function-block .form .form--inline.active input {
            display: block;
            height: 39px; }
          .login-section .main-content .function-block .form .form--inline .eye {
            position: absolute;
            right: 15px;
            top: 20px;
            cursor: pointer; }
            .login-section .main-content .function-block .form .form--inline .eye img {
              display: none; }
              .login-section .main-content .function-block .form .form--inline .eye img.active {
                display: inline-block; }
            .login-section .main-content .function-block .form .form--inline .eye.none {
              display: none; }
          .login-section .main-content .function-block .form .form--inline img {
            margin: 0 10px; }
          .login-section .main-content .function-block .form .form--inline .iconfont {
            color: #cccccc;
            margin: 0 10px;
            margin-right: 7px; }
          .login-section .main-content .function-block .form .form--inline.code-box input {
            width: 200px; }
          .login-section .main-content .function-block .form .form--inline.code-box .code-text {
            color: #3c7fff;
            font-size: 14px;
            display: inline-block;
            width: 70px;
            text-align: right;
            cursor: pointer; }
          .login-section .main-content .function-block .form .form--inline.code-box .code-img {
            width: 70px;
            height: 28px;
            cursor: pointer; }
          .login-section .main-content .function-block .form .form--inline input {
            width: calc(100% - 40px);
            height: 0px;
            padding-right: 40px;
            border: none;
            background-color: #f0f2f9;
            font-family: 'Poppins-Medium';
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #223265; }
          .login-section .main-content .function-block .form .form--inline input::-webkit-input-placeholder {
            color: #999999;
            font-size: 16px; }
          .login-section .main-content .function-block .form .form--inline:first-of-type input[type=text] {
            display: none; }
          .login-section .main-content .function-block .form .form--inline:first-of-type.active input[type=text] {
            display: block; }
        .login-section .main-content .function-block .form .agreement {
          color: rgba(153, 153, 153, 0.5);
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          font-family: 'Poppins-Medium';
          font-size: 16px;
          font-weight: normal; }
          .login-section .main-content .function-block .form .agreement img {
            width: 15px;
            height: 15px;
            margin-right: 10px;
            cursor: pointer; }
          .login-section .main-content .function-block .form .agreement .tongyi {
            width: 15px;
            height: 15px;
            border: 1px solid #999999;
            border-radius: 2px;
            box-sizing: border-box;
            margin-right: 10px;
            cursor: pointer; }
          .login-section .main-content .function-block .form .agreement .blue {
            color: #3c7fff; }
        .login-section .main-content .function-block .form .btn {
          width: 100%;
          max-width: 620px;
          height: 66px;
          margin: 0 auto;
          margin-top: 40px;
          border: none;
          outline: none;
          background-color: #3421FF;
          border-radius: 10px;
          font-family: "Poppins-Medium";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 66px;
          text-align: center;
          letter-spacing: 0px;
          color: #ffffff;
          cursor: pointer; }
          .login-section .main-content .function-block .form .btn.no {
            background-color: #ccc;
            cursor: default; }
        .login-section .main-content .function-block .form .btnh {
          background-color: #f5f8ff;
          width: 100%;
          max-width: 620px;
          font-family: "Poppins-Medium";
          height: 66px;
          font-size: 20px;
          color: #a7aab0;
          line-height: 66px;
          text-align: center;
          border-radius: 10px;
          border: solid 1px #3421FF;
          box-sizing: border-box;
          outline: none;
          margin-top: 40px;
          cursor: pointer; }
          .login-section .main-content .function-block .form .btnh.no {
            background-color: #ccc;
            cursor: default; }
        .login-section .main-content .function-block .form .or-line {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 20px;
          text-align: center;
          height: 24px;
          line-height: 24px;
          position: relative;
          color: #d6d9e2; }
          .login-section .main-content .function-block .form .or-line::before {
            display: inline-block;
            content: "";
            width: 45%;
            height: 1px;
            border-top: 1px solid #d6d9e2;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
          .login-section .main-content .function-block .form .or-line::after {
            display: inline-block;
            content: "";
            width: 45%;
            height: 1px;
            border-top: 1px solid #d6d9e2;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%); }
        .login-section .main-content .function-block .form .btn-google {
          width: 100%;
          max-width: 620px;
          height: 66px;
          margin: 0 auto;
          border: 1px solid #dadce0;
          outline: none;
          background-color: #fff;
          border-radius: 10px;
          font-family: "Poppins-Medium";
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 66px;
          text-align: center;
          letter-spacing: 0px;
          color: #3f3f40;
          cursor: pointer; }
          .login-section .main-content .function-block .form .btn-google img {
            margin-right: 15px; }
        .login-section .main-content .function-block .form .tosign {
          font-family: 'Poppins-Medium';
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #a7aab0;
          margin-top: 24px;
          text-align: center; }
          .login-section .main-content .function-block .form .tosign b {
            font-weight: normal; }
          .login-section .main-content .function-block .form .tosign span {
            cursor: pointer;
            color: #3c7fff; }
          .login-section .main-content .function-block .form .tosign a {
            color: #3c7fff;
            text-decoration: underline; }
        .login-section .main-content .function-block .form .toem {
          margin-top: 18px;
          font-family: 'Poppins-Medium';
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 24px;
          letter-spacing: 0px;
          color: #223265; }
          .login-section .main-content .function-block .form .toem p {
            margin-top: 5px; }
          .login-section .main-content .function-block .form .toem b {
            font-weight: normal; }
          .login-section .main-content .function-block .form .toem .jt {
            margin-right: 16px; }
            .login-section .main-content .function-block .form .toem .jt img {
              height: 13px; }
          .login-section .main-content .function-block .form .toem span {
            color: #3421FF;
            text-decoration: underline; }
            .login-section .main-content .function-block .form .toem span.span1 {
              text-decoration: none; }
          .login-section .main-content .function-block .form .toem a {
            color: #223265; }
        .login-section .main-content .function-block .form.su-form, .login-section .main-content .function-block .form.suc-form {
          width: 100%; }
          .login-section .main-content .function-block .form.su-form .btnh, .login-section .main-content .function-block .form.suc-form .btnh {
            margin-top: 24px;
            display: block; }
        .login-section .main-content .function-block .form.su-form {
          max-width: 525px; }
          .login-section .main-content .function-block .form.su-form .btn {
            margin-top: 50px;
            display: block; }
          .login-section .main-content .function-block .form.su-form .tosign {
            color: #223265; }
        .login-section .main-content .function-block .form.suc-form {
          max-width: 522px; }
        .login-section .main-content .function-block .form.f-form .btn {
          margin-top: 25px; }
        .login-section .main-content .function-block .form.f-form .tosign {
          margin-top: 50px; }
        .login-section .main-content .function-block .form .btns {
          width: 330px;
          height: 40px;
          font-size: 14px;
          line-height: 40px;
          text-align: center;
          border: none;
          outline: none;
          margin: 2px 0 12px;
          background-color: #dddddd;
          color: #fff;
          pointer-events: none; }
        .login-section .main-content .function-block .form .bottom {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: #999999;
          font-size: 14px; }
          .login-section .main-content .function-block .form .bottom .auto-login /deep/ .el-checkbox {
            color: #999999;
            font-size: 14px; }
          .login-section .main-content .function-block .form .bottom .jump {
            cursor: pointer; }
            .login-section .main-content .function-block .form .bottom .jump a {
              font-family: 'Poppins-Medium';
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              letter-spacing: 0px;
              color: #3421FF; }
        .login-section .main-content .function-block .form .bottom-back {
          text-align: center;
          cursor: pointer; }
          .login-section .main-content .function-block .form .bottom-back a {
            color: #999999; }
      .login-section .main-content .function-block.function-block-login > .form.login-form {
        width: 100%;
        max-width: 620px;
        padding-top: 222px;
        padding-bottom: 100px; }
      .login-section .main-content .function-block.function-block-login > .form.res-form {
        width: 100%;
        max-width: 620px;
        padding-top: 222px;
        padding-bottom: 100px; }
      .login-section .main-content .function-block.function-block-login > .form.su-form {
        padding-top: 140px; }
      .login-section .main-content .function-block.function-block-login > .form.suc-form {
        max-width: 522px;
        padding-top: 385px;
        padding-bottom: 100px; }
        .login-section .main-content .function-block.function-block-login > .form.suc-form .btn {
          display: block;
          cursor: pointer; }
      .login-section .main-content .function-block.function-block-tofp.tofp {
        width: 100%; }
        .login-section .main-content .function-block.function-block-tofp.tofp > .f-form {
          width: 100%;
          max-width: 620px;
          padding-top: 319px;
          padding-bottom: 100px; }
        .login-section .main-content .function-block.function-block-tofp.tofp > .su-form {
          width: 100%;
          max-width: 525px;
          padding-top: 140px; }
      .login-section .main-content .function-block.function-block-fpy.fpy {
        width: 100%; }
        .login-section .main-content .function-block.function-block-fpy.fpy > .f-form {
          width: 100%;
          max-width: 620px;
          margin: 0 auto;
          padding-top: 319px;
          padding-bottom: 100px; }
        .login-section .main-content .function-block.function-block-fpy.fpy > .su-form {
          width: 100%;
          max-width: 831px;
          margin: 0 auto;
          padding-top: 213px;
          padding-bottom: 100px; }
          .login-section .main-content .function-block.function-block-fpy.fpy > .su-form h6 {
            position: relative; }
            .login-section .main-content .function-block.function-block-fpy.fpy > .su-form h6 img {
              margin-right: 0px; }
            .login-section .main-content .function-block.function-block-fpy.fpy > .su-form h6 .signsutitle-fpy {
              width: 100%;
              max-width: 831px;
              position: absolute;
              top: 65%;
              left: 50%;
              transform: translateX(-50%);
              font-family: 'Poppins-Bold';
              font-size: 32px;
              font-weight: normal;
              font-stretch: normal;
              letter-spacing: 0px;
              color: #223265; }
            .login-section .main-content .function-block.function-block-fpy.fpy > .su-form h6 .toem {
              width: 100%;
              max-width: 831px;
              position: absolute;
              top: 88%;
              left: 50%;
              transform: translateX(-50%);
              font-family: 'Poppins-Medium';
              font-size: 24px;
              font-weight: normal;
              font-stretch: normal;
              letter-spacing: 0px;
              color: #11182e;
              opacity: 0.6;
              text-align: center; }
            @media screen and (max-width: 500px) {
              .login-section .main-content .function-block.function-block-fpy.fpy > .su-form h6 .signsutitle-fpy {
                font-size: 22px; }
              .login-section .main-content .function-block.function-block-fpy.fpy > .su-form h6 .toem {
                font-size: 16px; } }
          .login-section .main-content .function-block.function-block-fpy.fpy > .su-form .btn {
            width: 100%;
            max-width: 276px;
            height: 66px;
            margin-top: 75px;
            background-color: #3421FF;
            border-radius: 10px;
            font-family: 'Poppins-Regular';
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 66px;
            letter-spacing: 0px;
            color: #ffffff; }
  .login-section .google-mantle-box {
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 600px;
    min-height: 480px;
    padding: 56px 40px 20px 40px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 3px 21px 0px rgba(11, 31, 75, 0.1); }
    .login-section .google-mantle-box .title {
      font-family: 'Poppins-SemiBold';
      font-size: 24px;
      font-weight: normal;
      font-stretch: normal;
      text-align: center;
      line-height: 1;
      letter-spacing: 0px;
      color: #223265; }
    .login-section .google-mantle-box .form-box .form--inline {
      width: 100%;
      max-width: 600px;
      height: 66px;
      margin-top: 32px;
      position: relative;
      background-color: #f0f2f9;
      box-sizing: border-box;
      border-radius: 10px;
      padding: 0 24px; }
      .login-section .google-mantle-box .form-box .form--inline label {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 12px;
        line-height: 1;
        position: relative;
        top: 5px;
        font-family: "Poppins-Medium";
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #11182e;
        opacity: 0.2; }
      .login-section .google-mantle-box .form-box .form--inline input {
        width: calc(100% - 40px);
        padding-right: 40px;
        display: block;
        height: 36px;
        margin-top: 5px;
        border: none;
        outline: none;
        background-color: #f0f2f9;
        font-family: 'Poppins-Medium';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #223265; }
      .login-section .google-mantle-box .form-box .form--inline input::-webkit-input-placeholder {
        color: #999999;
        font-size: 16px; }
      .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass {
        padding: 0px 0px;
        display: flex;
        justify-content: space-between;
        background-color: #fff; }
        .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .input-box {
          position: relative;
          width: calc(100% - 100px);
          max-width: 500px;
          height: 66px;
          background-color: #f0f2f9;
          box-sizing: border-box;
          border-radius: 10px;
          padding: 0 24px; }
        .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .btn {
          width: 80px;
          height: 100%;
          line-height: 66px;
          box-sizing: border-box;
          background-color: #3421FF;
          color: #ffffff;
          font-family: 'Poppins-SemiBold';
          border-radius: 10px;
          text-align: center;
          cursor: pointer; }
        .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .eye {
          position: absolute;
          right: 15px;
          top: 25px;
          cursor: pointer; }
          .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .eye img {
            display: none; }
            .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .eye img.active {
              display: inline-block; }
          .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .eye.none {
            display: none; }
    .login-section .google-mantle-box .tip {
      margin-top: 21px;
      font-family: 'Poppins-Medium';
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      text-align: left;
      line-height: 1;
      letter-spacing: 0px;
      color: rgba(17, 24, 46, 0.2); }
    .login-section .google-mantle-box .forget {
      margin-top: 8px; }
      .login-section .google-mantle-box .forget a {
        font-family: 'Poppins-Medium';
        text-decoration: underline;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: 0px;
        color: #3421FF; }
        .login-section .google-mantle-box .forget a:link {
          color: #3421FF; }
    .login-section .google-mantle-box .btn-gloup {
      width: 100%;
      max-width: 600px;
      height: 66px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 32px; }
      .login-section .google-mantle-box .btn-gloup .btn {
        width: 100%;
        height: 50px;
        background-color: #3421FF;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
        outline: none;
        box-sizing: border-box; }
        .login-section .google-mantle-box .btn-gloup .btn a {
          display: inline-block;
          width: 100%;
          height: 100%;
          background-color: #3421FF;
          font-family: 'Poppins-SemiBold';
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          text-align: center;
          line-height: 50px;
          letter-spacing: 0px;
          color: #ffffff; }

@media screen and (max-width: 960px) {
  .login-section .main-content .function-block {
    padding-left: 20px;
    padding-right: 20px; }

  .login-section .main-content .function-block.function-block-login > .form.login-form {
    padding-top: 80px; }

  .login-section .main-content .function-block.function-block-login > .form.res-form {
    padding-top: 80rem; }

  .login-section .google-mantle-box .form-box .form--inline input {
    width: calc(100% - 30px);
    padding-right: 0px;
    height: 24px; }

  .login-section .google-mantle-box {
    padding: 56px 20px 20px 20px; }

  .login-section .google-mantle-box .form-box .form--inline {
    padding: 0 20px;
    height: 55px; }

  .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .input-box {
    height: 56px; }

  .login-section .google-mantle-box .form-box .form--inline.form--inline-copy-pass .btn {
    line-height: 56px; }

  .login-section .google-mantle-box .btn-gloup .btn {
    height: 40px; }
    .login-section .google-mantle-box .btn-gloup .btn a {
      line-height: 40px; }

  .login-section .main-content .function-block .form .form--inline {
    margin-top: 30px; }

  .login-section .main-content .function-block .form .btn {
    margin-top: 20px;
    width: 343rem;
    height: 46rem;
    border-radius: 4rem;
    line-height: 46rem;
    font-size: 14rem; }

  .login-section .main-content .function-block .form .or-line {
    margin: 10px auto; }

  .login-section .main-content .function-block .form .agreement {
    font-size: 12rem; }
  .login-section .main-content .function-block .form .signtitle {
    font-size: 14rem;
    padding: 0;
    margin-bottom: 36px; }
  .login-section .main-content .function-block .form .btn-google {
    font-size: 14rem;
    width: 343rem;
    height: 46rem;
    line-height: 46rem;
    border-radius: 4rem; }
    .login-section .main-content .function-block .form .btn-google img {
      width: 30rem; }
  .login-section .main-content .function-block .form h6 {
    font-size: 30rem; }
    .login-section .main-content .function-block .form h6 img {
      max-width: 30rem; } }