/**
  * * 移动端样式
  */
/*
@media only screen and (max-width: 750px) {
  .wxCode{
    position: fixed;
    top: 20vh;
    width: 80vw;
    height: 40vh;
    left: 10vw;
    background-color: #FFFFFF;
    z-index: 99;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.12);
    border-radius: 2rem;
    padding:3vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  .colse{
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    padding: 2rem;
  }
    #login_qc_container{
      width: 100%;
      height: 100%;
  iframe{
    width: 100%;
    height: 100%;
  }
    }
  }
  .pcBtn{
    display: none!important;
  }
  .loginBox {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100vw;

    .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;

      img {
        width: 100%;
      }
    }

    .main {
      padding: 0 1.25rem;
      padding-top: 3.75rem;
      box-sizing: border-box;

      .form {
        min-height: calc(100vh - 22.5rem);

        .logo {
          text-align: center;
          margin-bottom: 2.75rem;

          img {
            height: 5.0625rem;
          }
        }

        .formValue {
          background: #FFFFFF;
          border-radius: .75rem;
          padding: 3.25rem 2.75rem;

          .formLeft {

            .tagBox {
              display: flex;
              align-items: center;
              margin-bottom: 3.75rem;

              .tagItem {
                cursor: pointer;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                font-size: 1.75rem;
                color: #333333;
                line-height: 2.5rem;
                margin-right: 3.75rem;
                padding-bottom: .5rem;
              }

              .tagActive {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 2.5rem;
                color: #0388FF;
                line-height: 3.5rem;
                position: relative;

                &::after {
                  content: '';
                  width: 5.75rem;
                  height: .25rem;
                  background: #0388FF;
                  display: block;
                  position: absolute;
                  bottom: 0;
                  left: 2.125rem;
                }
              }

            }

            .el-form {
              .el-form-item {
                margin-bottom: 2rem;

                .el-form-item__content {

                  .el-input {
                    height: 5rem;
                    font-size: 1.75rem;

                    .prefix {
                      font-family: PingFangSC, PingFang SC;
                      font-weight: 400;
                      font-size: 1.75rem;
                      color: #333333;
                      line-height: 2.5rem;
                      top: -0.0625rem;
                      position: relative;
                    }
                  }

                  .codeBox {
                    display: grid;
                    grid-row-gap: 1rem;
                    grid-column-gap: 1rem;
                    grid-template-columns: 1fr 12.75rem;
                    width: 100%;

                    .codeBtn {
                      font-family: PingFangSC, PingFang SC;
                      font-weight: 400;
                      font-size: 1.75rem;
                      color: #333333;
                      line-height: 2.5rem;
                      width: 100%;
                      height: 100%;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      background: #F6F6F6;
                      border-radius: .25rem;
                      border: .0625rem solid #DDDDDD;
                    }

                    .codeactive {
                      cursor: no-drop;
                    }
                  }
                }
              }


              .el-form-item__error {
                font-size: 1.25rem;
                padding-top: .25rem;
              }

            }

            .el-checkbox__input.is-checked .el-checkbox__inner {
              background-color: #0388FF !important;
              border-color: #0388FF !important;
            }

            .readingBox {
              display: flex;
              align-items: center;
              margin-bottom: 1.5rem;



              .el-checkbox {
                height: 1.75rem;
                position: relative;
                top: .3125rem;

                .el-checkbox__inner {
                  height: 1.75rem;
                  width: 1.75rem;
                }

                .el-checkbox__label {
                  padding-left: .5rem;

                }
              }

              .el-checkbox {
                height: 1rem;
                position: relative;
                top: .375rem;

                .el-checkbox__label {
                  padding-left: .25rem;

                }
              }

              .readingText {
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                font-size: 1.5rem;
                color: #666666;
                line-height: 2.5rem;
                cursor: pointer;

                .checkbox {
                  display: inline-block;
                  position: relative;

                  div {
                    position: absolute;
                    z-index: 9;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                  }
                }

                span {
                  color: #0388FF;
                  text-decoration: underline;
                  padding: 0 .25rem;
                }
              }
            }

            .blueBtn {
              height: 6rem;
              width: 100%;
              font-size: 1.75rem !important;
              margin-bottom: 2.75rem;
            }

            .btnList {
              display: flex;
              align-items: center;
              justify-content: space-between;

            }

          }

          .btnItem {
            display: flex;
            align-items: center;
            font-family: MicrosoftYaHei;
            font-size: 1.75rem;
            color: #666666;
            line-height: 2.3125rem;
            cursor: pointer;

            img {
              width: 2.5rem;
              margin-right: .75rem;
            }
          }



          .formRight {
            display: none;

          }

          .formApp {
            padding-top: 3.5rem;

            .line {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.75rem;
              color: #666666;
              line-height: 2.5rem;
              display: flex;
              align-items: center;
              justify-content: space-between;
              margin-bottom: 1.5625rem;

              span {
                height: .0625rem;
                width: 38%;
                border-top: .0625rem solid #DDDDDD;
              }
            }

            .btnText {
              height: 6rem;
              border-radius: .25rem;
              border: .0625rem solid #DDDDDD;
              display: flex;
              align-items: center;
              justify-content: center;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.75rem;
              color: #333333;
              line-height: 2.5rem;

              img {
                width: 2.5rem;
                margin-right: 1rem;
              }
            }

          }


        }

      }

      .footer {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;

        .footText {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;

          span {
            font-family: MicrosoftYaHei;
            font-size: 1.5rem;
            color: #888888;
            line-height: 3rem;

            img {
              height: 1.8125rem;
              margin-right: .25rem;
              position: relative;
              top: .25rem;
            }

          }
        }
      }
    }
  }


  #EnStyle {
    .codeBox {
      grid-template-columns: 1fr;

      .codeBtn {
        width: 50vw;

        position: relative;
        right: -32.5vw;
      }
    }

    .btnList {
      display: grid;
      grid-row-gap: 16px;
      grid-template-columns: repeat(3, 1fr);


    }
  }
}
*/
@media only screen and (max-width: 750px) {
  .formErrorBox{
    position: relative;
  }
  #formError{
    font-size: 1.5rem;
    color: #d00;
    position: absolute;
    top: -1.5rem;
  }
  .wxCode {
    position: fixed;
    top: 20vh;
    width: 80vw;
    height: 40vh;
    left: 10vw;
    background-color: #FFFFFF;
    z-index: 99;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
    border-radius: 2rem;
    padding: 3vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wxCode .colse {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    padding: 2rem;
  }

  .wxCode #login_qc_container {
    width: 100%;
    height: 100%;
  }

  .wxCode #login_qc_container iframe {
    width: 100%;
    height: 100%;
  }

  .pcBtn {
    display: none !important;
  }

  .loginBox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100vw;
  }

  .loginBox .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
  }

  .loginBox .bg img {
    width: 100%;
  }

  .loginBox .main {
    padding: 0 1.25rem;
    padding-top: 3.75rem;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
  }

  .loginBox .main .form {
    min-height: calc(100vh - 22.5rem);
  }

  .loginBox .main .form .logo {
    text-align: center;
    margin-bottom: 2.75rem;
  }

  .loginBox .main .form .logo img {
    height: 5.0625rem;
  }

  .loginBox .main .form .formValue {
    background: #FFFFFF;
    border-radius: 0.75rem;
    padding: 3.25rem 2.75rem;
  }

  .loginBox .main .form .formValue .formLeft .tagBox {
    display: flex;
    align-items: center;
    margin-bottom: 3.75rem;
  }

  .loginBox .main .form .formValue .formLeft .tagBox .tagItem {
    cursor: pointer;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.75rem;
    color: #333333;
    line-height: 2.5rem;
    margin-right: 3.75rem;
    padding-bottom: 0.5rem;
  }

  .loginBox .main .form .formValue .formLeft .tagBox .tagActive {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 2.5rem;
    color: #0388FF;
    line-height: 3.5rem;
    position: relative;
  }

  .loginBox .main .form .formValue .formLeft .tagBox .tagActive::after {
    content: '';
    width: 5.75rem;
    height: 0.25rem;
    background: #0388FF;
    display: block;
    position: absolute;
    bottom: 0;
    left: 2.125rem;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item {
    margin-bottom: 2rem;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item .el-form-item__content .el-input {
    height: 5rem;
    font-size: 1.75rem;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item .el-form-item__content .el-input .prefix {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.75rem;
    color: #333333;
    line-height: 2.5rem;
    top: -0.0625rem;
    position: relative;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item .el-form-item__content .codeBox {
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-template-columns: 1fr 12.75rem;
    width: 100%;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item .el-form-item__content .codeBox .codeBtn {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.75rem;
    color: #333333;
    line-height: 2.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    border-radius: 0.25rem;
    border: 0.0625rem solid #DDDDDD;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item .el-form-item__content .codeBox .codeactive {
    cursor: no-drop;
  }

  .loginBox .main .form .formValue .formLeft .el-form .el-form-item__error {
    font-size: 1.25rem;
    padding-top: 0.25rem;
  }

  .loginBox .main .form .formValue .formLeft .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #0388FF !important;
    border-color: #0388FF !important;
  }

  .loginBox .main .form .formValue .formLeft .readingBox {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .el-checkbox {
    height: 1.75rem;
    position: relative;
    top: 0.3125rem;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .el-checkbox .el-checkbox__inner {
    height: 1.75rem;
    width: 1.75rem;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .el-checkbox .el-checkbox__label {
    padding-left: 0.5rem;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .el-checkbox {
    height: 1rem;
    position: relative;
    top: 0.375rem;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .el-checkbox .el-checkbox__label {
    padding-left: 0.25rem;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .readingText {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.5rem;
    color: #666666;
    line-height: 2.5rem;
    cursor: pointer;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .readingText .checkbox {
    display: inline-block;
    position: relative;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .readingText .checkbox div {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .loginBox .main .form .formValue .formLeft .readingBox .readingText span {
    color: #0388FF;
    text-decoration: underline;
    padding: 0 0.25rem;
  }

  .loginBox .main .form .formValue .formLeft .blueBtn {
    height: 6rem;
    width: 100%;
    font-size: 1.75rem !important;
    margin-bottom: 2.75rem;
  }

  .loginBox .main .form .formValue .formLeft .btnList {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .loginBox .main .form .formValue .btnItem {
    display: flex;
    align-items: center;
    font-family: MicrosoftYaHei;
    font-size: 1.75rem;
    color: #666666;
    line-height: 2.3125rem;
    cursor: pointer;
  }

  .loginBox .main .form .formValue .btnItem img {
    width: 2.5rem;
    margin-right: 0.75rem;
  }

  .loginBox .main .form .formValue .formRight {
    display: none;
  }

  .loginBox .main .form .formValue .formApp {
    padding-top: 3.5rem;
  }

  .loginBox .main .form .formValue .formApp .line {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.75rem;
    color: #666666;
    line-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5625rem;
  }

  .loginBox .main .form .formValue .formApp .line span {
    height: 0.0625rem;
    width: 38%;
    border-top: 0.0625rem solid #DDDDDD;
  }

  .loginBox .main .form .formValue .formApp .btnText {
    height: 6rem;
    border-radius: 0.25rem;
    border: 0.0625rem solid #DDDDDD;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.75rem;
    color: #333333;
    line-height: 2.5rem;
  }

  .loginBox .main .form .formValue .formApp .btnText img {
    width: 2.5rem;
    margin-right: 1rem;
  }

  .loginBox .main .footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .loginBox .main .footer .footText {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .loginBox .main .footer .footText span {
    font-family: MicrosoftYaHei;
    font-size: 1.5rem;
    color: #888888;
    line-height: 3rem;
  }

  .loginBox .main .footer .footText span img {
    height: 1.8125rem;
    margin-right: 0.25rem;
    position: relative;
    top: 0.25rem;
  }

  #EnStyle .codeBox {
    grid-template-columns: 1fr;
  }

  #EnStyle .codeBox .codeBtn {
    width: 50vw;
    position: relative;
    right: -32.5vw;
  }

  #EnStyle .btnList {
    display: grid;
    grid-row-gap: 16px;
    grid-template-columns: repeat(3, 1fr);
  }
  #EnStyle .loginBox .main .footer{
    width: 1440px;
  }

}