.code_login_main[data-v-4057ab76] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.code_login_main .code_box img[data-v-4057ab76] {
  width: 100%;
  /*height: 180px;*/
}
.code_login_main .code_text[data-v-4057ab76] {
  font-size: 14px;
  line-height: 18px;
  color: #707070;
  margin-top: 16px;
}
.code_login .login-header .login-title[data-v-4057ab76] {
  font-size: 20px;
  line-height: 25px;
  color: #333333;
  text-align: center;
  margin-top: 20px;
}
.code_login .login-header .login-desc[data-v-4057ab76] {
  font-size: 14px;
  line-height: 18px;
  color: #9FA0A5;
  text-align: center;
  margin-bottom: 25px;
}
.form_main[data-v-4057ab76] {
  width: 100%;
}
.form_main .form_item[data-v-4057ab76] {
    width: 360px;
    margin-bottom: 16px;
    font-size: 14px;
    position: relative;
    color: #6B6C70;
    margin: 0px auto;
    height: 44px;
    margin-top: 24px;
}
.form_main .form_item .login-user[data-v-4057ab76] {
      position: relative;
}
.form_main .form_item .login-user[data-v-4057ab76] input {
        padding-left: 60px;
}
.form_main .form_item .login-user[data-v-4057ab76]:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0i57uEXzEwMTE1MiIgZGF0YS1uYW1lPSLnu4QgMTAxMTUyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM5NyAtNTIwKSI+CiAgICA8cmVjdCBpZD0i55+p5b2iXzE3MDg2IiBkYXRhLW5hbWU9IuefqeW9oiAxNzA4NiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzk3IDUyMCkiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAiLz4KICAgIDxwYXRoIGlkPSLot6/lvoRfNjM5OTciIGRhdGEtbmFtZT0i6Lev5b6EIDYzOTk3IiBkPSJNNCwyMmE4LDgsMCwwLDEsMTYsMEgxOEE2LDYsMCwwLDAsNiwyMlptOC05YTYsNiwwLDEsMSw2LTZBNiw2LDAsMCwxLDEyLDEzWm0wLTJBNCw0LDAsMSwwLDgsNyw0LDQsMCwwLDAsMTIsMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzk3IDUyMSkiIGZpbGw9IiMzMDcwZjQiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat;
        background-size: cover;
        position: absolute;
        left: 20px;
        top: 10px;
}
.form_main .form_item .login-pwd[data-v-4057ab76] {
      position: relative;
}
.form_main .form_item .login-pwd[data-v-4057ab76] input {
        padding-left: 60px;
}
.form_main .form_item .login-pwd[data-v-4057ab76]:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0i57uEXzEwMTE1MSIgZGF0YS1uYW1lPSLnu4QgMTAxMTUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM5NyAtNTU0KSI+CiAgICA8cmVjdCBpZD0i55+p5b2iXzE3MDg3IiBkYXRhLW5hbWU9IuefqeW9oiAxNzA4NyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzk3IDU1NCkiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAiLz4KICAgIDxwYXRoIGlkPSLot6/lvoRfNjM5OTgiIGRhdGEtbmFtZT0i6Lev5b6EIDYzOTk4IiBkPSJNMTksMTBoMWExLDEsMCwwLDEsMSwxVjIxYTEsMSwwLDAsMS0xLDFINGExLDEsMCwwLDEtMS0xVjExYTEsMSwwLDAsMSwxLTFINVY5QTcsNywwLDAsMSwxOSw5Wk01LDEydjhIMTlWMTJabTYsMmgydjRIMTFabTYtNFY5QTUsNSwwLDAsMCw3LDl2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzOTcgNTU0KSIgZmlsbD0iIzMwNzBmNCIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat;
        background-size: cover;
        position: absolute;
        left: 20px;
        top: 10px;
}
.form_main .form_item .icon[data-v-4057ab76] {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      line-height: 38px;
      right: 1px;
      bottom: 1px;
      cursor: pointer;
      text-align: center;
      color: #5E5873;
      border-radius: 0 4px 4px 0;
      font-size: 20px !important;
}
.form_main .form_item .input[data-v-4057ab76] {
      width: 100%;
      height: 44px !important;
      outline: none !important;
}
.form_main .form_item .input[data-v-4057ab76] .mp-input-con {
        outline: none !important;
        background: #E8F0FF !important;
}
.form_main .form_item .input input[data-v-4057ab76]:focus {
        outline: none !important;
}
.form_main .remember_pwd[data-v-4057ab76] {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
    height: 20px;
    line-height: 20px;
}
.form_main .remember_pwd .check_box[data-v-4057ab76] {
      display: flex;
      align-content: center;
      justify-content: left;
      height: 20px;
      line-height: 20px;
}
.form_main .remember_pwd .check_box .check_img[data-v-4057ab76] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8zMzkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMzM5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGNkY2RjIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgc3Ryb2tlPSJub25lIi8+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMS41IiBmaWxsPSJub25lIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
        background-size: cover;
        cursor: pointer;
}
.form_main .remember_pwd .check_box .check_img.active[data-v-4057ab76] {
          background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8yMDkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cmVjdCBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iIzMwNzBmNCIvPgogIDxwYXRoIGlkPSLot6/lvoRfNjM0MjgiIGRhdGEtbmFtZT0i6Lev5b6EIDYzNDI4IiBkPSJNMTEuMDA5LDE2LjAxMiw2Ljc2LDExLjc2M2wxLjQxNi0xLjQxNiwyLjgzMywyLjgzMyw1LjY2NC01LjY2NUwxOC4wOSw4LjkzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjQyNyAtMy43NjQpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=) no-repeat;
}
.form_main .remember_pwd .check_box .check_text[data-v-4057ab76] {
        font-size: 14px;
        color: #3E3F43;
        margin-left: 8px;
}
.form_main .remember_pwd .forget_box[data-v-4057ab76] {
      display: inline-block;
      font-size: 14px;
      color: #3070F4;
      cursor: pointer;
}
.form_main .form_check_code[data-v-4057ab76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form_main .form_check_code .input_verify[data-v-4057ab76] {
      width: 172px;
      height: 44px !important;
      outline: none !important;
}
.form_main .form_check_code .input_verify[data-v-4057ab76] .mp-input-clear_box {
        display: none;
}
.form_main .form_check_code .input_verify[data-v-4057ab76] .mp-input-con {
        outline: none !important;
}
.form_main .form_check_code .input_verify input[data-v-4057ab76]:focus {
        outline: none !important;
}
.form_main .form_check_code .check_code_text[data-v-4057ab76] {
      display: inline-block;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      margin-left: 15px;
      background-color: #3070F4 !important;
      border-radius: 22px !important;
      width: 128px;
      height: 44px !important;
}
.form_main .form_check_code .check_code_text[data-v-4057ab76]:active {
        background-color: rgba(48, 112, 244, 0.7) !important;
}
.form_main .form_error_tip[data-v-4057ab76] {
    width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    border: 1px solid #E34D59;
    background-color: #F9D7D9;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    color: #E34D59;
    font-size: 14px;
}
.form_main .remember_pwd[data-v-4057ab76] {
    width: 360px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    height: 20px;
    line-height: 20px;
    margin-top: 24px;
    padding: 0px 20px;
    box-sizing: border-box;
}
.form_main .remember_pwd .check_box[data-v-4057ab76] {
      display: flex;
      align-content: center;
      justify-content: left;
      height: 20px;
      line-height: 20px;
}
.form_main .remember_pwd .check_box .check_img[data-v-4057ab76] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8zMzkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMzM5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGNkY2RjIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgc3Ryb2tlPSJub25lIi8+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMS41IiBmaWxsPSJub25lIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
        background-size: cover;
        cursor: pointer;
}
.form_main .remember_pwd .check_box .check_img.active[data-v-4057ab76] {
          background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8yMDkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cmVjdCBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iIzMwNzBmNCIvPgogIDxwYXRoIGlkPSLot6/lvoRfNjM0MjgiIGRhdGEtbmFtZT0i6Lev5b6EIDYzNDI4IiBkPSJNMTEuMDA5LDE2LjAxMiw2Ljc2LDExLjc2M2wxLjQxNi0xLjQxNiwyLjgzMywyLjgzMyw1LjY2NC01LjY2NUwxOC4wOSw4LjkzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjQyNyAtMy43NjQpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=) no-repeat;
}
.form_main .remember_pwd .check_box .check_text[data-v-4057ab76] {
        font-size: 14px;
        color: #3E3F43;
        margin-left: 8px;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-4057ab76] {
          color: #3070F4 !important;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-4057ab76]:hover {
            color: #3070F4 !important;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-4057ab76]:visited {
            color: #3070F4 !important;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-4057ab76]:active {
            color: #3070F4 !important;
}
.form_main .remember_pwd .forget_box[data-v-4057ab76] {
      display: inline-block;
      font-size: 14px;
      color: #3070F4 !important;
      cursor: pointer;
}
.form_main .remember_pwd .forget_box.register-btn[data-v-4057ab76] {
        margin-right: 16px;
}
.form_main .login_btn[data-v-4057ab76] {
    border-radius: 22px !important;
    margin-top: 36px;
    box-sizing: border-box;
    background: linear-gradient(90deg, #3070F4 0%, #8A5BDE 100%);
    width: 186px;
    height: 44px !important;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    cursor: pointer;
}
.form_main .login_btn[data-v-4057ab76]:active {
      background-color: #134AE0 !important;
}
.form_main .login_btn.reset-pwd-btn[data-v-4057ab76] {
      width: 360px;
}
.form_main .return_login_btn[data-v-4057ab76] {
    background-color: #fff;
    font-size: 14px;
    color: #3070F4;
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
}
.form_main .forget_pwd_title[data-v-4057ab76] {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #3E3F43;
    text-align: center;
    line-height: 25px;
}
.form_main.forget_box_main .input[data-v-4057ab76] {
    width: 100%;
    height: 44px !important;
    outline: none !important;
}
.form_main.forget_box_main .input[data-v-4057ab76] .mp-input-con {
      outline: none !important;
      background: #F5F6FA !important;
      padding: 0px 20px;
}
.form_main.forget_box_main .input_verify[data-v-4057ab76] {
    width: 216px;
    height: 44px !important;
    outline: none !important;
}
.form_main.forget_box_main .input_verify[data-v-4057ab76] .mp-input-clear_box {
      display: none;
}
.form_main.forget_box_main .input_verify[data-v-4057ab76] .mp-input-con {
      outline: none !important;
      background: #F5F6FA !important;
      padding: 0px 20px;
}
.form_main.forget_box_main .input_verify[data-v-4057ab76] input:focus {
      outline: none !important;
}
#verifyCodeDiv[data-v-4057ab76] {
  display: none;
}

.radio-box[data-v-0c8ac50a] {
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #3070F4;
  border-radius: 50% !important;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s linear;
  position: relative;
}
.radio-box i[data-v-0c8ac50a] {
    font-size: 0.7em !important;
    opacity: 0;
    transition: opacity 0.3s;
    background-color: #3070F4;
    width: 8px;
    height: 8px;
    border-radius: 50% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.radio-box[data-v-0c8ac50a]:hover {
    border: 1px solid #3070F4;
}
.radio-box.checked[data-v-0c8ac50a] {
    border: 1px solid #3070F4;
}
.radio-box.checked i[data-v-0c8ac50a] {
      opacity: 1;
}

.dept_item[data-v-3e19aeca] {
  width: 100%;
  line-height: 34px;
  position: relative;
}
.dept_item .list_item[data-v-3e19aeca] {
    position: relative;
}
.dept_item .list_item .dept_title[data-v-3e19aeca] {
      display: flex;
      align-items: center;
      position: relative;
}
.dept_item .list_item .dept_title .show_img[data-v-3e19aeca] {
        position: relative;
}
.dept_item .list_item .dept_title .show_img img[data-v-3e19aeca] {
          width: 8px;
          height: 8px;
          position: relative;
          top: 50%;
          left: 0px;
          transform: translateY(-25%);
}
.dept_item .list_item .dept_title .dept_name[data-v-3e19aeca] {
        margin-left: 10px;
}
.dept_item .list_item.item_active[data-v-3e19aeca] {
      background: #E8EDFF;
      border-radius: 4px;
}
.dept_item .list_item.item_active[data-v-3e19aeca]:hover {
        border-radius: 4px;
        background: #E8EDFF;
}
.dept_item .list_item[data-v-3e19aeca]:hover {
      border-radius: 4px;
      background: #F5F6FA;
}
.dept_item .radio_box[data-v-3e19aeca] {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}
.dept_item .show_none[data-v-3e19aeca] {
    opacity: 0;
}
.dept_item .dept_title[data-v-3e19aeca] {
    margin-left: 50px;
}

.dept_input[data-v-f8350fe0] {
  height: 44px !important;
}
.dept_wrap[data-v-f8350fe0] {
  position: relative;
  width: 100%;
  min-width: 245px;
}
.select-box[data-v-f8350fe0] {
  position: relative;
}
.select-box .empty-box[data-v-f8350fe0] {
    position: absolute;
    top: 44px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: #FEFFFF;
    border-radius: 4px;
    border: 1px solid #E7E7E8;
    box-shadow: rgba(68, 73, 77, 0.16) 0px 3px 15px;
    text-align: center;
    transition: all linear 0.3s;
    box-sizing: border-box;
    padding: 8px;
    z-index: 9999999999999999;
}
.select-box .empty-box .empty-btn[data-v-f8350fe0] {
      width: 100%;
      height: 100%;
      cursor: pointer;
      color: #3070F4;
      background: #E8EDFF;
      border-radius: 4px;
      line-height: 34px;
      font-size: 14px;
}
.mp-input-clear[data-v-f8350fe0] {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.register_main[data-v-2011265d] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.register_main .code_box img[data-v-2011265d] {
  width: 100%;
  /*height: 180px;*/
}
.register_main .code_text[data-v-2011265d] {
  font-size: 14px;
  line-height: 18px;
  color: #707070;
  margin-top: 16px;
}
.register .register-header .register-title[data-v-2011265d] {
  font-size: 20px;
  line-height: 25px;
  color: #333333;
  text-align: center;
  margin-top: 10px;
}
.register .register-header .register-desc[data-v-2011265d] {
  font-size: 14px;
  line-height: 18px;
  color: #3E3F43;
  text-align: left;
  width: 360px;
  margin: 0px auto;
  margin-top: 32px;
}
.register .register-header .register-desc span.link-desc[data-v-2011265d] {
    color: #3070F4;
    cursor: pointer;
}
.form_main[data-v-2011265d] {
  width: 100%;
  margin-top: 0px;
}
.form_main .form_item[data-v-2011265d] {
    width: 360px;
    margin-bottom: 16px;
    font-size: 14px;
    position: relative;
    color: #6B6C70;
    margin: 0px auto;
}
.form_main .form_item.form_username[data-v-2011265d] {
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.form_main .form_item.form_username .input[data-v-2011265d] {
        width: 172px;
}
.form_main .form_item .icon[data-v-2011265d] {
      display: block;
      width: 40px;
      height: 42px;
      position: absolute;
      line-height: 42px;
      right: 1px;
      bottom: 1px;
      cursor: pointer;
      text-align: center;
      color: #5E5873;
      border-radius: 0 4px 4px 0;
      font-size: 20px !important;
}
.form_main .form_item[data-v-2011265d] .mp-input {
      height: 44px !important;
}
.form_main .form_item.rights[data-v-2011265d] {
      margin-top: 20px;
}
.form_main .form_item.rights[data-v-2011265d] .mp-input-con {
        height: 44px !important;
        outline: none !important;
        padding: 0px 20px;
}
.form_main .form_item .input[data-v-2011265d] {
      width: 100%;
      margin-top: 20px;
      outline: none !important;
}
.form_main .form_item .input[data-v-2011265d] .mp-input-con {
        height: 44px !important;
        outline: none !important;
        padding: 0px 20px;
}
.form_main .form_item .input input[data-v-2011265d]:focus {
        outline: none !important;
}
.form_main .form_check_code[data-v-2011265d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form_main .form_check_code .input_verify[data-v-2011265d] {
      width: 216px;
      margin-top: 20px;
      height: 44px !important;
      outline: none !important;
}
.form_main .form_check_code .input_verify[data-v-2011265d] .mp-input-clear_box {
        display: none;
}
.form_main .form_check_code .input_verify[data-v-2011265d] .mp-input-con {
        padding: 20px !important;
        outline: none !important;
}
.form_main .form_check_code .input_verify input[data-v-2011265d]:focus {
        outline: none !important;
}
.form_main .form_check_code .check_code_text[data-v-2011265d] {
      display: inline-block;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      margin-left: 15px;
      width: 128px;
      height: 44px !important;
      margin-top: 20px;
      background-color: #3070F4 !important;
      border-radius: 22px !important;
}
.form_main .form_check_code .check_code_text[data-v-2011265d]:active {
        background-color: rgba(48, 112, 244, 0.7) !important;
}
.form_main .form_error_tip[data-v-2011265d] {
    width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    border: 1px solid #E34D59;
    background-color: #F9D7D9;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    color: #E34D59;
    font-size: 14px;
}
.form_main .remember_pwd[data-v-2011265d] {
    width: 360px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 70px;
}
.form_main .remember_pwd .check_box[data-v-2011265d] {
      display: flex;
      align-content: center;
      justify-content: left;
      height: 20px;
      line-height: 20px;
}
.form_main .remember_pwd .check_box .check_img[data-v-2011265d] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8zMzkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMzM5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGNkY2RjIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgc3Ryb2tlPSJub25lIi8+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMS41IiBmaWxsPSJub25lIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
        background-size: cover;
        cursor: pointer;
}
.form_main .remember_pwd .check_box .check_img.active[data-v-2011265d] {
          background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8yMDkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cmVjdCBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iIzMwNzBmNCIvPgogIDxwYXRoIGlkPSLot6/lvoRfNjM0MjgiIGRhdGEtbmFtZT0i6Lev5b6EIDYzNDI4IiBkPSJNMTEuMDA5LDE2LjAxMiw2Ljc2LDExLjc2M2wxLjQxNi0xLjQxNiwyLjgzMywyLjgzMyw1LjY2NC01LjY2NUwxOC4wOSw4LjkzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjQyNyAtMy43NjQpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=) no-repeat;
}
.form_main .remember_pwd .check_box .check_text[data-v-2011265d] {
        font-size: 14px;
        color: #3E3F43;
        margin-left: 8px;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-2011265d] {
          color: #3070F4 !important;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-2011265d]:hover {
            color: #3070F4 !important;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-2011265d]:visited {
            color: #3070F4 !important;
}
.form_main .remember_pwd .check_box .check_text .check_link[data-v-2011265d]:active {
            color: #3070F4 !important;
}
.form_main .remember_pwd .forget_box[data-v-2011265d] {
      display: inline-block;
      font-size: 14px;
      color: #3070F4;
      cursor: pointer;
}
.form_main .register_bottom[data-v-2011265d] {
    width: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    line-height: 20px;
    margin-top: 80px;
    margin-bottom: 40px;
}
.form_main .register_bottom.forget[data-v-2011265d] {
      margin-bottom: 40px;
}
.form_main .register_bottom .check_box[data-v-2011265d] {
      display: flex;
      align-items: center;
      justify-content: left;
      height: 20px;
      line-height: 20px;
}
.form_main .register_bottom .check_box .check_text[data-v-2011265d] {
        font-size: 16px;
        color: #3070F4;
        margin-left: 8px;
}
.form_main .register_bottom .check_box .check_text .check_link[data-v-2011265d] {
          color: #3070F4 !important;
}
.form_main .register_bottom .check_box .check_text .check_link[data-v-2011265d]:hover {
            color: #3070F4 !important;
}
.form_main .register_bottom .check_box .check_text .check_link[data-v-2011265d]:visited {
            color: #3070F4 !important;
}
.form_main .register_bottom .check_box .check_text .check_link[data-v-2011265d]:active {
            color: #3070F4 !important;
}
.form_main .register_bottom .check_box .check_text.register_link[data-v-2011265d] {
          cursor: pointer;
}
.form_main .register_bottom .check_box.check_box_line[data-v-2011265d] {
        display: inline-block;
        width: 1px;
        height: 20px;
        background-color: #E7E7E8;
        margin: 0px 20px;
}
.form_main .register_bottom .forget_box[data-v-2011265d] {
      display: inline-block;
      font-size: 16px;
      color: #3E3F43;
      cursor: pointer;
}
.form_main .register_btn[data-v-2011265d] {
    border-radius: 22px !important;
    margin-top: 30px;
    box-sizing: border-box;
    width: 360px;
    height: 44px !important;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    cursor: pointer;
    background: linear-gradient(90deg, #3070F4 0%, #8A5BDE 100%);
}
.form_main .register_btn[data-v-2011265d]:active {
      background: linear-gradient(90deg, #3070F4 0%, #8A5BDE 100%) !important;
      opacity: 0.7;
}
.form_main .return_login_btn[data-v-2011265d] {
    background-color: #fff;
    font-size: 14px;
    color: #3070F4;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.form_main .forget_pwd_title[data-v-2011265d] {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #3E3F43;
    text-align: center;
    line-height: 25px;
}
.yz-box .slidetounlock[data-v-2011265d] {
  border: 1px solid #FFF;
  width: 360px;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #9c9c9c;
  line-height: 34px;
  font-size: 12px;
  cursor: pointer;
  margin: 0 auto;
  background: #E8F0FF;
  border-radius: 22px;
  margin-top: 20px;
}
.yz-box .slidetounlock.error[data-v-2011265d] {
  border: 1px solid #EF5555;
}
.slidetounlock .slideText span.normal[data-v-2011265d] {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(0.4, #4d4d4d), color-stop(0.5, #fff), color-stop(0.6, #4d4d4d), color-stop(1, #4d4d4d));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: slidetounlock-data-v-2011265d 2s infinite;
  -webkit-text-size-adjust: none;
  display: inline-block;
  width: 360px;
  font-size: 16px;
  position: static;
  cursor: inherit;
  color: #6B6C70;
  z-index: 100;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
}
@-webkit-keyframes slidetounlock-data-v-2011265d {
0% {
    background-position: -100px 0;
}
100% {
    background-position: 100px 0;
}
}
@keyframes slidetounlock-data-v-2011265d {
0% {
    background-position: -100px 0;
}
100% {
    background-position: 100px 0;
}
}
.yz-box[data-v-2011265d] {
  height: 44px;
  border-radius: 22px;
  margin: 0 0 30px 0;
  text-align: center;
  position: relative;
}
.yz-box .originColor[data-v-2011265d] {
  width: 360px;
  height: 44px;
  position: absolute;
  top: 0;
  z-index: 10;
  background: #F5F6FA;
  border-radius: 22px;
}
.yz-box .turnColor[data-v-2011265d] {
  width: 0;
  height: 44px;
  position: absolute;
  top: 0;
  z-index: 20;
  background: #00BE82;
  border-radius: 22px 0px 0px 22px;
}
.yz-box .slideBtn[data-v-2011265d] {
  margin: 4px;
  text-align: center;
  width: 73px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  left: 0;
  cursor: move;
  background: #fff;
  z-index: 150;
  color: #737383;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MyIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDczIDM2Ij4KICA8ZyBpZD0i57uEXzEwMjExNyIgZGF0YS1uYW1lPSLnu4QgMTAyMTE3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM5NyAtNjIxKSI+CiAgICA8cmVjdCBpZD0i55+p5b2iXzE4ODUzIiBkYXRhLW5hbWU9IuefqeW9oiAxODg1MyIgd2lkdGg9IjczIiBoZWlnaHQ9IjM2IiByeD0iMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzOTcgNjIxKSIgZmlsbD0iI2ZmZiIvPgogICAgPGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDIyIDYyOCkiPgogICAgICA8ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPgogICAgICAgIDxnIGlkPSLnu4RfODc1ODMiIGRhdGEtbmFtZT0i57uEIDg3NTgzIj4KICAgICAgICAgIDxwYXRoIGlkPSLot6/lvoRfNTA5NzgiIGRhdGEtbmFtZT0i6Lev5b6EIDUwOTc4IiBkPSJNMCwwSDI0VjI0SDBaIiBmaWxsPSJub25lIi8+CiAgICAgICAgICA8ZyBpZD0i57uEXzg3NTgyIiBkYXRhLW5hbWU9Iue7hCA4NzU4MiI+CiAgICAgICAgICAgIDxwYXRoIGlkPSLot6/lvoRfNTA5NzkiIGRhdGEtbmFtZT0i6Lev5b6EIDUwOTc5IiBkPSJNMTAuMDYxLDEyLDUuMTExLDcuMDUsNi41MjUsNS42MzYsMTIuODg5LDEyLDYuNTI1LDE4LjM2NCw1LjExMSwxNi45NVoiIGZpbGw9IiMzZTNmNDMiLz4KICAgICAgICAgICAgPHBhdGggaWQ9Iui3r+W+hF81MDk3OS0yIiBkYXRhLW5hbWU9Iui3r+W+hCA1MDk3OSIgZD0iTTE2LjA2MSwxMmwtNC45NS00Ljk1LDEuNDE0LTEuNDE0TDE4Ljg4OSwxMmwtNi4zNjQsNi4zNjRMMTEuMTExLDE2Ljk1WiIgZmlsbD0iIzNlM2Y0MyIvPgogICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.yz-box .slideBtn.active[data-v-2011265d] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDY0IDQ0Ij4KICA8ZyBpZD0i57uEXzEwMDI5MCIgZGF0YS1uYW1lPSLnu4QgMTAwMjkwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ5OCAtNDYwKSI+CiAgICA8cmVjdCBpZD0i55+p5b2iXzE2OTQwIiBkYXRhLW5hbWU9IuefqeW9oiAxNjk0MCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjQ0IiByeD0iOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ5OCA0NjApIiBmaWxsPSIjZjVmNmZhIi8+CiAgICA8ZyBpZD0i57uEXzEwMDI4NyIgZGF0YS1uYW1lPSLnu4QgMTAwMjg3Ij4KICAgICAgPHJlY3QgaWQ9IuefqeW9ol8xNjkzNSIgZGF0YS1uYW1lPSLnn6nlvaIgMTY5MzUiIHdpZHRoPSI1NiIgaGVpZ2h0PSIzNiIgcng9IjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1MDIgNDY0KSIgZmlsbD0iI2ZmZiIvPgogICAgICA8ZyBpZD0i57uEXzg3NTg2IiBkYXRhLW5hbWU9Iue7hCA4NzU4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUxOCA0NzApIj4KICAgICAgICA8cGF0aCBpZD0i6Lev5b6EXzUwOTg2IiBkYXRhLW5hbWU9Iui3r+W+hCA1MDk4NiIgZD0iTTAsMEgyNFYyNEgwWiIgZmlsbD0ibm9uZSIvPgogICAgICAgIDxwYXRoIGlkPSLot6/lvoRfNTA5ODciIGRhdGEtbmFtZT0i6Lev5b6EIDUwOTg3IiBkPSJNMTAsMTUuMTcybDkuMTkyLTkuMTkzLDEuNDE1LDEuNDE0TDEwLDE4LDMuNjM2LDExLjYzNiw1LjA1LDEwLjIyMloiIGZpbGw9IiMwMGJlODIiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.yz-box .slideText[data-v-2011265d] {
  z-index: 80;
  height: 44px;
  line-height: 44px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.yz-box .slideText span[data-v-2011265d] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.yz-box .slideText span.actived[data-v-2011265d] {
  color: #FFF;
}

@charset "UTF-8";
.main_box[data-v-c7533c8c] {
  width: 100%;
  height: 100%;
  min-width: 1400px;
  height: 100vh;
  background-color: #fff;
  display: flex;
}
.main_box .main_right[data-v-c7533c8c] {
    width: 36%;
    min-width: 523px;
    height: 100%;
    display: flex;
    position: relative;
    overflow: auto;
}
.main_box .main_right #logo_video[data-v-c7533c8c] {
      width: 312px;
      height: 156px;
      position: absolute;
      top: -10%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
}
.main_box .main_right #logo_video.register[data-v-c7533c8c] {
        top: -28%;
}
.main_box .main_right #logo_video[data-v-c7533c8c]::-webkit-media-controls {
        display: none !important;
}
.main_box .main_right[data-v-c7533c8c]::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: #f5f5f5;
      /* 滚动条背景颜色 */
}
.main_box .main_right[data-v-c7533c8c]::-webkit-scrollbar-thumb {
      width: 6px;
      height: 6px;
}
.main_box .main_right[data-v-c7533c8c]::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #e7e7e8;
}
.main_box .main_left[data-v-c7533c8c] {
    width: 64%;
    min-width: 908px;
    background-image: url(/admin/static/dist/img/saas_user/index/login/main_bg.png?v=20250911);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    position: relative;
    box-sizing: border-box;
    min-height: 100vh;
}
.main_box .main_left[data-v-c7533c8c]::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: #f5f5f5;
      /* 滚动条背景颜色 */
}
.main_box .main_left[data-v-c7533c8c]::-webkit-scrollbar-thumb {
      width: 6px;
      height: 6px;
}
.main_box .main_left[data-v-c7533c8c]::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #e7e7e8;
}
.main_box .main_left[data-v-c7533c8c]:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      background-repeat: no-repeat;
      background-size: cover;
}
.main_box .block-wrap[data-v-c7533c8c] {
    width: 100%;
    min-height: 680px;
    position: relative;
}
.main_box .block-wrap.register[data-v-c7533c8c] {
      min-height: 910px;
}
.main_box .block-wrap .bottom-gon[data-v-c7533c8c] {
      width: 100%;
      position: absolute;
      bottom: 20px;
      font-size: 12px;
      color: #9FA0A5;
      line-height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
}
.main_box .block-wrap .bottom-gon .bottom-item[data-v-c7533c8c] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0px 10px;
}
.main_box .block-wrap .bottom-gon .bottom-item .bottom-right[data-v-c7533c8c] {
          margin-left: 20px;
}
.main_box .main_right .login_form_box[data-v-c7533c8c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 444px;
    min-height: 526px;
    margin: 0px auto;
    background: #fff;
    border-radius: 16px;
    z-index: 9;
    /*扫码登录新增*/
}
.main_box .main_right .login_form_box.register[data-v-c7533c8c] {
      transform: translate(-50%, -59%);
}
.main_box .main_right .login_form_box .login_form_box_wrap[data-v-c7533c8c] {
      width: 444px;
      min-height: 324px;
      margin: 0px auto;
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      position: absolute;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99;
}
.main_box .main_right .login_form_box .login_form_box_wrap .login-title[data-v-c7533c8c] {
        margin: 0 auto;
        width: 360px;
        height: 180px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        text-align: center;
}
.main_box .main_right .login_form_box .login_form_box_wrap .login-title img[data-v-c7533c8c] {
          max-height: 100%;
}
.main_box .main_right .login_form_box .form_top[data-v-c7533c8c] {
      text-align: center;
}
.main_box .main_right .login_form_box .form_top .form_top_title[data-v-c7533c8c] {
        display: flex;
        align-content: center;
        justify-content: center;
}
.main_box .main_right .login_form_box .form_top .form_top_title .form_top_logo img[data-v-c7533c8c] {
          height: 45px;
}
.main_box .main_right .login_form_box .form_top .form_top_title .title_name[data-v-c7533c8c] {
          font-size: 32px;
          font-weight: bold;
          line-height: 40px;
          color: #203251;
          font-family: Microsoft YaHei UI;
          margin-left: 10px;
}
.main_box .main_right .login_form_box .form_top .form_top_desc[data-v-c7533c8c] {
        font-size: 16px;
        line-height: 20px;
        color: #6B6C70;
        margin-top: 30px;
}
.main_box .main_right .login_form_box .form_main[data-v-c7533c8c] {
      width: 100%;
      margin-top: 60px;
}
.main_box .main_right .login_form_box .form_main .form_item[data-v-c7533c8c] {
        width: 100%;
        margin-bottom: 16px;
        font-size: 14px;
        position: relative;
        color: #6B6C70;
}
.main_box .main_right .login_form_box .form_main .form_item .icon[data-v-c7533c8c] {
          display: block;
          width: 40px;
          height: 38px;
          position: absolute;
          line-height: 38px;
          right: 1px;
          bottom: 1px;
          cursor: pointer;
          text-align: center;
          background-color: #EEEDFD;
          color: #5E5873;
          border-radius: 0 4px 4px 0;
}
.main_box .main_right .login_form_box .form_main .form_item .input[data-v-c7533c8c] {
          width: 100%;
          margin-top: 12px;
          height: 40px !important;
          outline: none !important;
}
.main_box .main_right .login_form_box .form_main .form_item .input[data-v-c7533c8c] .mp-input-con {
            outline: none !important;
            border-radius: 8px !important;
            background: #F5F6FA !important;
}
.main_box .main_right .login_form_box .form_main .form_item .input input[data-v-c7533c8c]:focus {
            outline: none !important;
}
.main_box .main_right .login_form_box .form_main .form_check_code .input_verify[data-v-c7533c8c] {
        width: 198px;
        margin-top: 12px;
        height: 40px;
        outline: none !important;
}
.main_box .main_right .login_form_box .form_main .form_check_code .input_verify[data-v-c7533c8c] .mp-input-clear_box {
          display: none;
}
.main_box .main_right .login_form_box .form_main .form_check_code .input_verify[data-v-c7533c8c] .mp-input-con {
          outline: none !important;
          border-radius: 8px !important;
          background: #F5F6FA !important;
}
.main_box .main_right .login_form_box .form_main .form_check_code .input_verify input[data-v-c7533c8c]:focus {
          outline: none !important;
}
.main_box .main_right .login_form_box .form_main .form_check_code .check_code_text[data-v-c7533c8c] {
        display: inline-block;
        font-size: 14px;
        color: #3070F4;
        cursor: pointer;
        margin-left: 15px;
}
.main_box .main_right .login_form_box .form_main .form_error_tip[data-v-c7533c8c] {
        width: 100%;
        box-sizing: border-box;
        padding-left: 16px;
        border: 1px solid #E34D59;
        background-color: #F9D7D9;
        border-radius: 4px;
        height: 40px;
        line-height: 40px;
        color: #E34D59;
        font-size: 14px;
}
.main_box .main_right .login_form_box .form_main .remember_pwd[data-v-c7533c8c] {
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: space-between;
        height: 20px;
        line-height: 20px;
}
.main_box .main_right .login_form_box .form_main .remember_pwd .check_box[data-v-c7533c8c] {
          display: flex;
          align-content: center;
          justify-content: left;
          height: 20px;
          line-height: 20px;
}
.main_box .main_right .login_form_box .form_main .remember_pwd .check_box .check_img[data-v-c7533c8c] {
            width: 16px;
            height: 16px;
            margin-top: 2px;
            background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8zMzkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMzM5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZGNkY2RjIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgc3Ryb2tlPSJub25lIi8+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMS41IiBmaWxsPSJub25lIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
            background-size: cover;
            cursor: pointer;
}
.main_box .main_right .login_form_box .form_main .remember_pwd .check_box .check_img.active[data-v-c7533c8c] {
              background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i57uE5Lu2XzEyNF8yMDkiIGRhdGEtbmFtZT0i57uE5Lu2IDEyNCDigJMgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cmVjdCBpZD0i55+p5b2iXzEzNzQ1IiBkYXRhLW5hbWU9IuefqeW9oiAxMzc0NSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgZmlsbD0iIzMwNzBmNCIvPgogIDxwYXRoIGlkPSLot6/lvoRfNjM0MjgiIGRhdGEtbmFtZT0i6Lev5b6EIDYzNDI4IiBkPSJNMTEuMDA5LDE2LjAxMiw2Ljc2LDExLjc2M2wxLjQxNi0xLjQxNiwyLjgzMywyLjgzMyw1LjY2NC01LjY2NUwxOC4wOSw4LjkzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjQyNyAtMy43NjQpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=) no-repeat;
}
.main_box .main_right .login_form_box .form_main .remember_pwd .check_box .check_text[data-v-c7533c8c] {
            font-size: 14px;
            color: #3E3F43;
            margin-left: 8px;
}
.main_box .main_right .login_form_box .form_main .remember_pwd .forget_box[data-v-c7533c8c] {
          display: inline-block;
          font-size: 14px;
          color: #3070F4;
          cursor: pointer;
}
.main_box .main_right .login_form_box .form_main .login_btn[data-v-c7533c8c] {
        border-radius: 8px !important;
        margin-top: 30px;
        box-sizing: border-box;
        background-color: #3070F4;
        width: 100%;
        height: 40px !important;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #fff !important;
        cursor: pointer;
}
.main_box .main_right .login_form_box .form_main .login_btn[data-v-c7533c8c]:active {
          background-color: #134AE0 !important;
          border-color: #134AE0 !important;
}
.main_box .main_right .login_form_box .form_main .return_login_btn[data-v-c7533c8c] {
        background-color: #fff;
        font-size: 14px;
        color: #3070F4;
        width: 100%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
}
.main_box .main_right .login_form_box .form_main .forget_pwd_title[data-v-c7533c8c] {
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        color: #3E3F43;
        text-align: center;
        line-height: 25px;
}
.main_box .main_right .login_form_box .trans-img-wrap[data-v-c7533c8c] {
      width: 64px;
      height: 64px;
      position: absolute;
      right: 0px;
      top: 0px;
      background: #EDF4FF;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
}
.main_box .main_right .login_form_box .trans-img-wrap.dark_bg[data-v-c7533c8c] {
        background: #D4E3FC !important;
}
.main_box .main_right .login_form_box .trans[data-v-c7533c8c] {
      position: absolute;
      top: 10px;
      right: 14px;
      width: 36px;
      height: 36px;
      background-repeat: no-repeat;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      cursor: pointer;
      z-index: 9;
}
.main_box .main_right .login_form_box .trans_wrap[data-v-c7533c8c] {
      position: absolute;
      top: 15px;
      right: 10px;
      width: 50px;
      height: 50px;
      background-size: cover;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      z-index: 1;
}
.main_box .main_right .login_form_box .trans_wrap .trans_tip_box[data-v-c7533c8c] {
      position: absolute;
      left: -135px;
      top: 0px;
      background: #EDF4FF;
      width: 122px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      box-sizing: border-box;
      /*padding-left: 16px;*/
      border-radius: 4px;
      text-align: center;
      z-index: 9;
      color: #3070F4;
}
.main_box .main_right .login_form_box .trans_wrap .trans_tip_box[data-v-c7533c8c]::before {
      content: '';
      position: absolute;
      right: -5px;
      top: 50%;
      z-index: -1;
      transform: translateY(-50%) rotateZ(220deg);
      background: #EDF4FF;
      background-size: cover;
      border-radius: 2px;
      width: 12px;
      height: 12px;
}
.main_box .main_right .login_form_box .trans.inp[data-v-c7533c8c] {
      position: absolute;
      top: 10px;
      right: 18px;
      width: 28px;
      height: 40px;
}
.main_box .main_right .login_form_box .trans_wrap.inp .trans_tip_box[data-v-c7533c8c] {
      position: absolute;
      left: -120px;
      top: 0px;
      background: #EDF4FF;
      width: 108px;
      height: 34px;
      font-size: 14px;
      line-height: 34px;
      box-sizing: border-box;
      text-align: center;
      /*padding-left: 16px;*/
      border-radius: 4px;
      z-index: 9;
      color: #3070F4;
}
.main_box .main_right .login_form_box .imgApp[data-v-c7533c8c] {
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 10;
      width: 64px;
      height: 64px;
      background: linear-gradient(225deg, transparent 45px, #fff 0);
      cursor: pointer;
}
.main_box .main_right .login_form_box .imgApp:hover .trans-img-wrap[data-v-c7533c8c] {
        background: #D4E3FC;
}
.main_box .main_right .login_form_box .code[data-v-c7533c8c] {
      width: 100%;
      height: 100%;
      text-align: center;
      display: none;
}
.main_box .main_right .login_form_box .code img[data-v-c7533c8c] {
      margin-top: 80px;
}
.main_box .main_right .login_form_box .main_form_box[data-v-c7533c8c] {
      width: 100%;
      box-sizing: border-box;
      padding-top: 30px;
}
.main_box .main_left .main_left_box[data-v-c7533c8c] {
    width: 100%;
    height: 100%;
    z-index: 30;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.main_box .main_left .main_left_box .pic-wrap[data-v-c7533c8c] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column;
      flex: 5;
      padding-top: 1%;
}
.main_box .main_left .main_left_box .left_img_bg[data-v-c7533c8c] {
      position: relative;
      width: 70%;
      height: 50%;
      margin: 0px auto;
      text-align: center;
      flex: 3;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      cursor: pointer;
}
.main_box .main_left .main_left_box .left_img_bg img[data-v-c7533c8c] {
        cursor: pointer;
        max-height: 100%;
        max-width: 100%;
}
.main_box .main_left .main_left_box .title[data-v-c7533c8c] {
      font-size: 24px;
      font-weight: bold;
      line-height: 54px;
      color: #3E3F43;
      font-family: Microsoft YaHei UI;
      margin-top: 25px;
}
.main_box .main_left .main_left_box .desc[data-v-c7533c8c] {
      font-size: 18px;
      color: #fff;
      line-height: 28px;
      font-family: Microsoft YaHei UI;
      color: #3E3F43;
      margin-top: 10px;
}
.main_box .main_left .main_left_box .introduce_btn[data-v-c7533c8c] {
      display: inline-block;
      margin: 0px auto;
      margin-top: 32px;
      width: 136px;
      height: 44px;
      text-align: center;
      line-height: 44px;
      font-size: 16px;
      color: #fff;
      border-radius: 4px;
      background: linear-gradient(to right, #3070F4, #7D70DB);
      cursor: pointer;
}
.main_box .main_left .main_left_box .bottom-gon[data-v-c7533c8c] {
      width: 100%;
      position: relative;
      bottom: 30px;
      left: 0px;
      color: #fff;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 100px;
}
.main_box .main_left .main_left_box .bottom-gon img[data-v-c7533c8c] {
        width: 16px;
        height: 16px;
}
.bottom_all[data-v-c7533c8c] {
  display: flex;
  align-items: center;
  color: #9FA0A5 !important;
}
.bottom_all img[data-v-c7533c8c] {
    margin-right: 5px;
}

body {
  overflow-y: hidden !important;
  height: 100vh;
  width: 100%;
  margin: 0;
}
body .mp-input .mp-input-con {
  outline: none !important;
  border-radius: 22px !important;
  background-color: #F5F6FA !important;
  border: none !important;
}