.section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100vh; }
  .section .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .section .bg img {
      display: block;
      width: 100%;
      height: 100%; }
  .section .login_box {
    width: 600px; }
    .section .login_box .logo {
      width: 260px;
      margin: 0 auto 120px; }
      .section .login_box .logo img {
        display: block;
        width: 100%; }
    .section .login_box .title {
      line-height: 1;
      margin: 0 0 70px; }
      .section .login_box .title h1 {
        font-weight: 800;
        font-size: 42px;
        color: #000000; }
      .section .login_box .title p {
        font-weight: 400;
        font-size: 28px;
        color: #111111;
        margin: 10px 0 0; }
    .section .login_box form {
      width: 100%; }
      .section .login_box form input {
        display: block;
        height: 100px;
        border-radius: 61px;
        padding: 0 43px;
        border: 1px solid #EDEDED;
        font-weight: 400;
        font-size: 28px;
        color: #111111; }
        .section .login_box form input::placeholder {
          color: #9FA1AE; }
        .section .login_box form input.phone {
          width: 100%;
          margin: 0 0 20px; }
        .section .login_box form input.code {
          width: 360px; }
      .section .login_box form button {
        width: 593px;
        height: 104px;
        background: #007CE9;
        box-shadow: 0px 3px 6px 1px rgba(77, 142, 243, 0.2);
        border-radius: 52px 52px 52px 52px;
        margin: 139px auto 0;
        font-weight: bold;
        font-size: 36px;
        color: #FFFFFF;
        letter-spacing: 10px; }
      .section .login_box form .flex {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .section .login_box form .flex .send {
          width: 220px;
          height: 100px;
          background: #FFFFFF;
          border-radius: 61px 61px 61px 61px;
          border: 1px solid #007CE9;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 400;
          font-size: 28px;
          color: #007CE9;
          cursor: pointer; }

@media screen and (max-width: 750px) {
  .section {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh; }
    .section .bg {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1; }
      .section .bg img {
        display: block;
        width: 100%;
        height: 100%; }
    .section .login_box {
      width: 80vw; }
      .section .login_box .logo {
        width: 34.6666666667vw;
        margin: 0 auto 16vw; }
        .section .login_box .logo img {
          display: block;
          width: 100%; }
      .section .login_box .title {
        line-height: 1;
        margin: 0 0 9.3333333333vw; }
        .section .login_box .title h1 {
          font-weight: 800;
          font-size: 5.6vw;
          color: #000000; }
        .section .login_box .title p {
          font-weight: 400;
          font-size: 3.7333333333vw;
          color: #111111;
          margin: 1.3333333333vw 0 0; }
      .section .login_box form {
        width: 100%; }
        .section .login_box form input {
          display: block;
          height: 13.3333333333vw;
          border-radius: 8.1333333333vw;
          padding: 0 5.7333333333vw;
          border: 0.1333333333vw solid #EDEDED;
          font-weight: 400;
          font-size: 3.7333333333vw;
          color: #111111; }
          .section .login_box form input::placeholder {
            color: #9FA1AE; }
          .section .login_box form input.phone {
            width: 100%;
            margin: 0 0 2.6666666667vw; }
          .section .login_box form input.code {
            width: 48vw; }
        .section .login_box form button {
          width: 79.0666666667vw;
          height: 13.8666666667vw;
          background: #007CE9;
          box-shadow: 0vw 0.4vw 0.8vw 0.1333333333vw rgba(77, 142, 243, 0.2);
          border-radius: 6.9333333333vw 6.9333333333vw 6.9333333333vw 6.9333333333vw;
          margin: 18.5333333333vw auto 0;
          font-weight: bold;
          font-size: 4.8vw;
          color: #FFFFFF;
          letter-spacing: 1.3333333333vw; }
        .section .login_box form .flex {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .section .login_box form .flex .send {
            width: 29.3333333333vw;
            height: 13.3333333333vw;
            background: #FFFFFF;
            border-radius: 8.1333333333vw 8.1333333333vw 8.1333333333vw 8.1333333333vw;
            border: 1px solid #007CE9;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 3.7333333333vw;
            color: #007CE9;
            cursor: pointer; }
            .section .login_box form .flex .send.on {
              pointer-events: none; } }

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