input:-webkit-autofill{
     transition: background-color 5000s ease-in-out 0s;
    }
    input:-o-autofill{
     transition: background-color 5000s ease-in-out 0s;
    }
    input:-ms-autofill{
     transition: background-color 5000s ease-in-out 0s;
    }
    input:-moz-autofill{
     transition: background-color 5000s ease-in-out 0s;
    }
    input:autofill{
     transition: background-color 5000s ease-in-out 0s;
    }
    #mk-header,#nav_wapper,#nav_footer,#mk-footer,.ie8-tips-wrap{ display: none }
    .theme-page-wrapper{ width: 100% !important }
    .theme-main-wrapper,.background-img--page { background: none }
    #theme-page{  overflow: visible }
    .mk-grid, .mk-inner-grid,.mk-full-enabled,.theme-main-wrapper{ width: 100%;min-width:100%; max-width: 100%;}
    html{ min-width:353px !important; overflow-x: hidden}
    body{ font-family: PingFangSC-Medium !important;}
    #login-box,#register-box{
      background: #fff;
    }
    #login-box .reveal-modal-con,#register-box .reveal-modal-con{ padding-bottom: 0;width: 336px; margin: 0 auto}
    .desc,.other-login .icon-other-logins a:after{ color: #343E4C !important;font-size: 12px; }
     *{font-family: PingFangSC-Medium !important;}
    .ddh{ height: 60px; position: relative;}
    .ddh#regUsername::after {
        content: '可编辑';
        position: absolute;
        top: 15px;
        right: 10px;
        display: inline-block;
        width: 52px;
        height: 16px;
        background: #FF7500;
        border-radius: 12px;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 16px;
        text-align: center;
    }
    .labelName{ font-size: 12px; opacity: 0.7; position: absolute; top: -10px; left:12px; display: none}
    label.error{ margin-top: 6px; font-size: 12px;color: #FD6C6A;font-weight:normal; padding-left:12px; display: block;}
    .wenhao{position: absolute;right: 10px ;top:15px; }
    .loginandreglogo{ text-align: center; margin: 51px 0}
    .hk-contab{ visibility: hidden !important; }
    .regLinkDiv{ }

    #login_enterName{ color: #ccc; cursor: pointer;}
    .defalutLoginName{
      position: absolute; display:none;color: #fff; font-size: 12px;background: #ccc;
      border-radius: 12px; padding: 1px 9px; right:10px; bottom:29px;
    }
    #defalutLoginName_oran{
     background:#FF7500
    }
    .dialog_ab{color:#212121;font-size:17px;}
    .dialog_p{ color: #666; margin-top: 10px; font-size: 17px;}
    .ddh .tooltip{ width:322px;font-size: 14px; }
    .ddh .tooltip .tooltip-arrow{border-right-color: #2386EE;border-left-color: #2386EE}
    .ddh .tooltip .tooltip-inner{ max-width: 322px;color: #fff; text-align: left; background: #2386EE}
    .reveal-modal-con dd input#login_btn{ line-height: 0; border: none}
    .lr_btn1{background: #319AF2;background: linear-gradient(180deg,#319AF2 0%,#2386EE 100%);border-radius: 1px; color: #fff; font-size: 12px; padding: 4px 19px;}
    .lr_btn2{font-size: 16px;color: #FFFFFF;background: #319AF2;background: linear-gradient(180deg,#319AF2 0%,#2386EE 100%);border-radius: 1px; padding:7px 38px;}
    .lr_btn1:hover,.lr_btn2:hover{color: #fff}
    .lr_btn3{font-size: 16px;color:#212121;background: #fff;border-radius: 1px; padding:6px 37px; border:#999 1px solid;}
    .lr_btn3:hover{ color: #212121; }
    select.registerselect:invalid {  color:rgba(255,255,255,0.5) !important;font-size: 16px !important; }
    select.registerselect.error{  color:rgba(239,41,41,1) !important;}
    input.error{ border: #FD6C6A 1px solid !important }
    input.error::-webkit-input-placeholder,input::-webkit-input-placeholder {color: #939EB9 !important;font-size: 14px;}
    input.error::-moz-placeholder,input::-moz-placeholder {color: #939EB9 !important;font-size: 14px;}
    input.error:-ms-input-placeholder,input:-ms-input-placeholder {color: #939EB9 !important;font-size: 14px;}
    input#reg_username.valid, input#reg_mobile.valid, input#reg_validatacode.valid, input#reg_pwd.valid,
    input#reg_company.valid, input#reg_contacter.valid, input#corpId.valid, input#realNameForjoin.valid{
      background: url("https://cdn.jdy.com/jdy/images/loginandreg/success.svg") no-repeat 96% center !important
    }
  #J_login_step1 p,#J_login_step2 p{ color: #2386EE; }
  .span_label {
    font-size: 12px;
  }
  .dd_txt{text-align: center;padding-top: 31px;}
  .dd_txt span{ color: #B6C1D8;padding:0 20px; }
  .reg_txt{ text-align: center;margin-top: 61px; }
  .reg_txt a{color: #2386EE; }
  #register-box label{ font-weight: normal; }
  #userIdentity_div input {
    height: 16px;
    line-height: 16px;
    width: 16px;
  }
  .reveal-modal-con .reg-title{
    font-size: 24px;
    color: #2A323D;
  }
  /* .reveal-modal-con a.reg_validatacode_a,
  .reveal-modal-con a.reg_validatacode_b {
    right: 32px !important;
    top: 2px !important;
  } */


  .appewm{ position: absolute;left: -301px;top: 11px; display: none}
  #login_validatacode,#reg_validatacode{ width: 183px; }
  .reveal-modal-con #login_username,
  .reveal-modal-con #login_enterName{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/username.svg) no-repeat 10px center;
  }
  .reveal-modal-con #login_username:hover,
  .reveal-modal-con #login_username:focus{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/username_f.svg) no-repeat 10px center;
  }
  .reveal-modal-con #login_username.error{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/username_e.svg) no-repeat 10px center;
  }

  .reveal-modal-con #login_pwd,
  .reveal-modal-con #confirm_pwd,
  .reveal-modal-con #reg_pwd{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/password.svg) no-repeat 10px center;
  }
  .reveal-modal-con #reg_pwd.valid{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/password.svg) no-repeat 10px center,
                url("https://cdn.jdy.com/jdy/images/loginandreg/success.svg") no-repeat 96% center !important
  }
  .reveal-modal-con #login_pwd:hover,
  .reveal-modal-con #login_pwd:focus,
  .reveal-modal-con #confirm_pwd:hover,
  .reveal-modal-con #confirm_pwd:focus,
  .reveal-modal-con #reg_pwd:hover,
  .reveal-modal-con #reg_pwd:focus{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/password_f.svg) no-repeat 10px center;
  }
  .reveal-modal-con #login_pwd.error,
  .reveal-modal-con #confirm_pwd.error,
  .reveal-modal-con #reg_pwd.error{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/password_e.svg) no-repeat 10px center;
  }

  .reveal-modal-con #login_validatacode,
  .reveal-modal-con #reg_validatacode{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/letter.svg) no-repeat 10px center;
  }
  .reveal-modal-con #reg_validatacode.valid{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/letter.svg) no-repeat 10px center,
                url("https://cdn.jdy.com/jdy/images/loginandreg/success.svg") no-repeat 96% center !important
  }
  .reveal-modal-con #login_validatacode:hover,
  .reveal-modal-con #login_validatacode:focus,
  .reveal-modal-con #reg_validatacode:hover,
  .reveal-modal-con #reg_validatacode:focus{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/letter_f.svg) no-repeat 10px center;
  }
  .reveal-modal-con #login_validatacode.error,
  .reveal-modal-con #reg_validatacode.error{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/letter_e.svg) no-repeat 10px center;
  }
  .reveal-modal-con #reg_mobile,
  .reveal-modal-con #login_userphone{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/tel.svg) no-repeat 10px center;
  }
  .reveal-modal-con #reg_mobile.valid{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/tel.svg) no-repeat 10px center,
                url("https://cdn.jdy.com/jdy/images/loginandreg/success.svg") no-repeat 96% center !important
  }
  .reveal-modal-con #reg_mobile:hover,
  .reveal-modal-con #reg_mobile:focus,
  .reveal-modal-con #login_userphone:hover,
  .reveal-modal-con #login_userphone:focus{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/tel_f.svg) no-repeat 10px center;
  }
  .reveal-modal-con #reg_mobile.error,
  .reveal-modal-con #login_userphone.error{
    background: url(https://cdn.jdy.com/jdy/images/loginandreg/new/tel_e.svg) no-repeat 10px center;
  }
  #register_form2  dd input[type='text'],#register_form3 dd input[type='text']{
    padding-left: 11px;
  }


  .reveal-modal-con dd input#reg_btn_r,
  .reveal-modal-con dd input#reg_btn2_r {
    width: 100%;
    color: #fff;
    font-size: 19px;
    display: block;
    margin: auto;
    height: 43px;
    line-height: 43px;
    border-radius: 30px;
    background: #3cbbfe;
    background: -webkit-linear-gradient(to right, #36d3ea, #3cbbfe);
    background: linear-gradient(to right, #36d3ea, #3cbbfe);
  }

  .reveal-modal-con dd input#reg_btn_r:hover,
  .reveal-modal-con dd input#reg_btn2_r:hover {
    background: #3cbbfe;
    background: -webkit-linear-gradient(to left, #36d3ea, #3cbbfe);
    background: linear-gradient(to left, #36d3ea, #3cbbfe);
    cursor: pointer;
  }

  .formErrorContent{ width:auto !important;min-width:161px !important ;max-width: 226px !important ; }
  #perfectCorp{
  display: none;
  text-align: center;
  font-size: 16px;
  }
  #perfectCorp h3{ font-size: 18px;color: #343E4C; }
  #theme-page .registerselect{
    background:transparent url('https://cdn.jdy.com/jdy/images/loginandreg/login_enterName_bg.svg') no-repeat 97% center;
    width: 360px;
    height: 40px;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.50);
    font-size: 16px;
    color: #fff;
    max-width:none;
    padding: 0 12px;
    line-height: 19px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
  }
  #theme-page select.registerselect:-ms-expand,#theme-page select.registerselect::-ms-expand { display: none; appearance:none}
  #theme-page .registerselect option{
    color: #333;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none; }
  #theme-page .registerselect.error{ color: #EF2929 !important; border-bottom: #EF2929 1px solid !important }
  table {
    border-collapse: separate;
  }
  .accountListDiv p{ font-size: 16px;color: #212121; }
  .accountListCon{ max-height: 312px;overflow-y:auto;}
  .accountListCon th{ font-size: 14px; font-weight: normal;text-align: left ;color: #212121; padding:10px;}
  .accountListCon tr th:nth-child(1){ text-indent: 10px; }
  .accountListCon td{ font-size: 14px; padding: 10px; text-align: left;color: #212121;text-indent: 10px; }
  .accountListCon table{border:#E6E6E6 1px solid;}
  .accountListCon table tr:nth-of-type(even){background: #FAFAFA;border-top: #E6E6E6 1px solid;}
  .accountListCon table tr:nth-of-type(even) td{border-top: #E6E6E6 1px solid;}
  .accountListCon table tr th span{border-left: #E6E6E6 1px solid; padding-right: 10px;}
  .switchTab{
    text-align: center;
    margin: 0 auto;
    color: #363E4F;;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #B3BBD1;
    display: flex;
    justify-content: space-between;
    margin-top: 21px;
  }
  .switcActive{
    width: 49%;
    height: 100%;
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer;
    text-decoration: none
  }
  .switcActive.activeTab{
      border-bottom: 2px solid #2386EE;
      color: #2386EE;
  }
  #joinTip{
      display: none;
  }
.valid_msg{font-size: 16px !important;color: #88D13F !important; padding-left: 10px 0 0 12px; margin: 6px 0 0 12px;}
#corpId.valid{color: #88D13F !important}

.enterpriseBox{
  border-radius: 3px;
  width: 612px;
  position: absolute;
  top:20%; left: 50%;
  margin-left:-316px;
  z-index: 999999;
  background: #f8f8f8;
  overflow: hidden;
}
.enterpriseBox .enterpriseBanner{
  margin-top: 32px;
  margin-left: 32px;
}
.enterpriseBox .enterpriseBanner .tit-1{
  font-size: 16px;
  color: #2A323D;
  line-height: 24px;
  margin-bottom: 8px;
}
.enterpriseBox .enterpriseBanner .tit-2{
  font-size: 18px;
  color: #ff8503;
  line-height: 27px;
  margin-bottom: 12px;
}
.enterpriseBox .enterpriseBanner .tit-3{
  font-size: 18px;
  color: #ff8503;
  line-height: 27px;
  margin-bottom: 32px;
}
.enterpriseBox .enterpriseBanner #J_enterpriseClose{
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: -26px;
  color: #5068EF;
  background: #fff;
  display: inline-block;
  width: 52px;
  height: 52px;
  text-align: center;
  border-radius: 50%;
}
.enterpriseBox .enterpriseBanner #J_enterpriseClose span{
  position: relative;
  top: 26px;
  right: 10px;
}
.enterpriseBox .enterpriseRight p{ margin:0 0 6px; }
.enterpriseBox .enterpriseRight p span{ color: #4F67EE}
.enterpriseBox .enterpriseRight { text-align: center;}
.enterpriseBox .enterpriseRight ul li{
  float: left;
  width: 183px;
  margin-left: 10px;
  height: 183px;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
  position: relative;
}
.enterpriseBox .enterpriseRight ul li p{ padding-top: 135px; text-align: center;font-size: 14px;color: #2A323D;}
.enterpriseBox .enterpriseRight ul li span{
  width: 0;
  height: 0;
  border-top: 28px solid #E6E6E6;
  border-right: 28px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.enterpriseBox .enterpriseRight ul li i{
  font-size: 12px;
  color: #FFFFFF;
  position: absolute;
  top: -28px;
  left: 6px;
  font-style: normal;
}
.enterpriseBox .enterpriseRight ul li.li_1 {background:url(../../../service.jdy.com/images/enterprise_1.png) no-repeat 68px 39px;margin-left: 32px;}
.enterpriseBox .enterpriseRight ul li.li_2 {background:url(../../../service.jdy.com/images/enterprise_2.png) no-repeat center 39px;}
.enterpriseBox .enterpriseRight ul li.li_3 {background:url(../../../service.jdy.com/images/enterprise_3.png) no-repeat center 39px;}
.enterpriseAuthed{
  text-align: center;
}
.enterpriseAuthed p{color: #4F67EE;font-size: 18px;margin: 20px 0;}
.enterpriseAuthed a{
  display: block;
  color:#fff;
  font-size:16px;
  width:192px;
  height:40px;
  line-height:40px;
  margin: 40px auto 40px;
  background: #0073FF;
  border-radius: 3px;
}
.enterpriseAuthed a:hover{ text-decoration: none; }
.enterpriseAuthed #next{ background: #ccc }

 #controlpw{padding:18px 19px 0 0; position: absolute; top: 12px;right: 39px;}
 #controlpw:hover{text-decoration: none; cursor: pointer;}
 .controlpw_on{ background: url("https://cdn.jdy.com/jdy/images/loginandreg/new/off.svg") center no-repeat; }
 .controlpw_off{background: url("https://cdn.jdy.com/jdy/images/loginandreg/new/on.svg") center no-repeat; }
 #userIdentity_div{ position: relative; }
 #userIdentity_div #userIdentity-error{position:absolute;bottom:0;left:3px}
 #userIdentity_div p{ line-height: 6px;}
 #userIdentity_div p label{ margin-right: 11px;}
 #userIdentity_div p:nth-child(2){ margin-left: 86px;}
 #userIdentity_div input{ width: 16px; height: 16px;}
 #login_agreement_dd,#login_agreement_dd a,#login_agreement_dd span,
 #reg_agreement_dd,#reg_agreement_dd a,#reg_agreement_dd span{
  font-size: 12px;
}

 input[type=checkbox]:after  {
       content: "";
       display:block;
       width: 16px;
       height: 16px;
       text-align: center;
       line-height: 14px;
       font-size: 16px;
       color: #fff;
       border: 1px solid #999;
       background-color: #fff;
       box-sizing:border-box;
   }
   input[type=checkbox]#reg_agreement{width: 12px !important;}
   input[type=checkbox]#reg_agreement:after{
    width: 12px;
    height: 12px;
    line-height: 10px;
    font-size: 12px;
    color: #fff;
   }
   input[type=checkbox]:checked:after  {
       content: '\2714';
       background-color: #00CCC5;
       border: 1px solid #00CCC5;
   }
   input[type=radio]:after  {
       content: "";
       display:block;
       width: 16px;
       height: 16px;
       border-radius: 50%;
       text-align: center;
       font-size: 16px;
       color: #fff;
       border: 1px solid #999;
       background-color: #fff;
       box-sizing:border-box;
       position: relative;
       top: -1px;
       left: -1px;
   }

   input[type=radio]:checked:after  {
       content: "";
       transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
       -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);
       border: 4px solid #00CCC5;
   }

.selectUserNameP{ font-size: 18px; }
.selectUserNameDiv ul li{word-wrap:break-word}
.selectUserNameDiv ul li:nth-child(1){ position: relative; }
.selectUserNameDiv ul li .selectUserNameLabel{ position: absolute; left:21px; top:7px;}
.selectUserNameDiv table{ margin:0; margin-top: 20px; border-top: #E6E6E6 1px solid; background: #cccccc; }
.selectUserNameDiv table td{ padding: 10px; text-align: center}
.selectUserNameDiv table td span{margin-right: 9px;}
.b_loginandreg{ position: fixed; width: 100%;left:0;  }
.b_loginandreg .b_left{ text-align: center;color: #fff;opacity: 0.6; }
.b_loginandreg .b_right{ text-align: center;}
.b_loginandreg .b_right img{ margin-right: 20px; }
.other-login .icon-other-logins a.qq:after,
.other-login .icon-other-logins a.wx:after,
.other-login .icon-other-logins a.qywx::after{
  content: ''
}
.reveal-modal-con dd input#authCode{
  text-align: left;
}
#imgAuth1{
  position: absolute;
  width: 96px;
  right: 1px;
  top: 6px;
}
#J_mraccountBox{position: absolute; left: 169px; top: 6px;}
.other-login .icon-other-logins a{ margin:0 9px; }
#theme-page{ position:static }
.reveal-modal-con dd input#login_prevbtn{ margin-bottom: 10px; background: none; border:#2386EE 1px solid;color: #2386EE;}
.reveal-modal-con dd input#login_prevbtn:hover{ background: none }
.reveal-modal-con dd input#reg_btn2{ width: 346px; }
@media (max-width: 768px) {
   .gwsc {display: none !important;}
   #login-box,#register-box {width: 100%;}
   .hk-top,.icon-side-sprite{ width: 0; height: 0 ;padding:0;  display: none}
   .selectUserNameP{ font-size: 16px; }
   #header_prom,.hk-contab,.b_loginandreg,.other-login .icon-other-logins .qq,.other-login .icon-other-logins .qywx,.mobile-fw-box,.other-login{ display: none !important }
   #appCodeLogin { display: inline-block !important;}
   .lr_btn1{ display: block; width:64px; height: 24px; line-height: 24px; text-align: center;padding:0;}
   .selectUserNameDiv ul{background: #FAFAFA; margin:10px 0; padding:10px;}
   .selectUserNameDiv ul li{ padding:3px 0; }
   .b_loginandreg{ bottom:1px; }
   .b_loginandreg .b_right img {margin-right: 10px}
   .setEnterP{position: relative;margin-bottom: 21px;left: 10px;font-size: 14px;color: #333;}
   .setEnterChk{position: absolute; left:21px; top:5px;}
   #J_mraccountBox { position: static; display: block;}
   .loginTypeTab{ display: none }
   label.error,
   .reveal-modal-con dl dd input,
   .reveal-modal-con dl dd input::-webkit-input-placeholder{
     font-size: 14px !important;
   }
   .selectUserNameDivCon{ padding-bottom: 61px }
   #J_setEnterDiv{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff; padding-top: 11px}
   #J_setEnterBtn{ display: block;text-align: center; }
}
@media (min-width: 768px) and (max-width: 992px) {
  #login-box,#register-box {width: 100%;}
  .lr_btn1{ display: block; width:64px; height: 24px; line-height: 24px; text-align: center;padding:0;}

  .b_loginandreg{  bottom:1px; }
  .b_loginandreg{ display: none }
  .hk-top,.icon-side-sprite{ width: 0; height: 0 ;padding:0;  display: none}
  #header_prom,.hk-contab,.b_loginandreg,.other-login .icon-other-logins .qq,.other-login .icon-other-logins .qywx,.mobile-fw-box{ display: none }
  .selectUserNameP{ font-size: 16px; }
  #J_mraccountBox { position: static; display: block;}
  .loginTypeTab{ display: none }
  label.error,
  .reveal-modal-con dl dd input,
  .reveal-modal-con dl dd input::-webkit-input-placeholder{
    font-size: 14px !important;
  }
  .selectUserNameDivCon{ padding-bottom: 61px }
  #J_setEnterDiv{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;}
  #J_setEnterBtn{ display: block;text-align: center; }
 }
@media (min-width: 992px) and (max-width: 1200px) {

  #login-box,#register-box{
      width: 391px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  .margin_div_center{ display: flex; flex-grow: 1; overflow-y: scroll;position: fixed;top:0;left: 0;bottom: 0;right: 0;}
  .loginreg_bg{
    background:#1f2257 url("../../cdn/jdy/images/loginandreg/new/new_bg.png") no-repeat;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-size: cover;
  }
  .lr_btn1{ margin-left: 10px !important; }
  .selectUserNameDiv ul{  display: flex; display: table;}
  .selectUserNameDiv ul li{border-top: #E6E6E6 1px solid; margin: 0; padding:10px;display: table-cell;vertical-align: middle;text-align: center;}
  .selectUserNameDiv ul li:nth-child(1){ width: 50px; }
  .selectUserNameDiv ul li:nth-child(1) input{ margin:0;}
  .selectUserNameDiv ul li:nth-child(2){ width: 185px; max-width: 185px;}
  .selectUserNameDiv ul li:nth-child(3){ width: 140px; }
  .selectUserNameDiv ul li:nth-child(4){ width: 160px; max-width: 160px;}
  .selectUserNameDiv ul li:nth-child(5){ width: 200px; }
  .selectUserNameDiv ul li:nth-child(6){ width: 112px; }
  .selectUserNameDiv ul li:nth-child(7){ width: 290px; line-height: 23px; }
  .selectUserNameDiv ul:nth-of-type(odd){background: #FAFAFA;}
  .selectUserNameDivCon{ height: 261px; overflow-y: auto; }
  .b_loginandreg{  bottom:20px; }
  .alignMiddle{padding-top:31px;}
  .accountListDiv tr th{ width: 150px; }
  .b_loginandreg{ display: none }
  #header_prom{ display: none }
  .setEnterP{position:relative;margin-bottom: 21px;left:10px;font-size:18px;color:#666}
  .setEnterChk{position: absolute; left:21px; top:5px;}
  .setEnterUnbind{margin-left:-143px}
}
@media (min-width: 1200px) {
   body{
    font-family: PingFangSC-Medium !important;
   }
   #login-box,#register-box{
        width: 481px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }


    .margin_div_center{ display: flex; flex-grow: 1; overflow-y: scroll;position: fixed;top:0;left: 0;bottom: 0;right: 0;}
    .loginreg_bg{
      background:#1f2257 url("../../cdn/jdy/images/loginandreg/new/new_bg.png") no-repeat;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      background-size: cover;
    }

  .lr_btn1{ margin-left: 10px !important; }
  .selectUserNameDiv ul{  display: flex; display: table;}
  .selectUserNameDiv ul li{border-top: #E6E6E6 1px solid; margin: 0; padding:10px; display: table-cell;vertical-align: middle; text-align: center;}
  .selectUserNameDiv ul li:nth-child(1){ width: 50px;}
  .selectUserNameDiv ul li:nth-child(1) input{ margin:0; }
  .selectUserNameDiv ul li:nth-child(2){ width: 250px; max-width: 250px; }
  .selectUserNameDiv ul li:nth-child(3){ width: 180px; }
  .selectUserNameDiv ul li:nth-child(4){ width: 220px; max-width: 220px;}
  .selectUserNameDiv ul li:nth-child(5){ width: 240px; }
  .selectUserNameDiv ul li:nth-child(6){ width: 112px; }
  .selectUserNameDiv ul li:nth-child(7){ width: 290px; line-height: 23px;}
  .selectUserNameDiv ul:nth-of-type(odd){background: #FAFAFA;}
  .selectUserNameDivCon{ max-height: 291px; overflow-y: auto; }
  .b_loginandreg{  bottom:30px; }
  .alignMiddle{padding-top:31px;}
  .accountListDiv tr th{ width: 200px; }
  .setEnterP{position:relative;margin-bottom: 21px;left:10px;font-size:18px;color:#666}
  .setEnterChk{position: absolute; left:21px; top:5px;}
  .setEnterUnbind{margin-left:-143px}
}



    /*秒问会计小程序样式*/
    #jdyAgreement{
      position: absolute;
      z-index: 10000;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto auto;
      width: 100%;
      height: 100%;
      background: #fff;
      padding: 25px;
      overflow: auto;
      box-sizing: border-box;
    }
    #jdyAgreementClose{
      text-align: right;
      font-size: 18px;
    }
    #policyPrivacy{
      position: absolute;
      z-index: 20000;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto auto;
      width: 100%;
      height: 100%;
      background: #fff;
      padding: 25px;
      overflow: auto;
      box-sizing: border-box;
    }
    #policyPrivacyClose{
      text-align: right;
      font-size: 18px;
    }

    .cor-dia-btns{
      display: flex;
      justify-content: flex-end;
    }
    #corp-confir-btn{
      padding: 10px 30px;
      line-height: 14px;
      background: #2386EE;
      color: #fff;
      font-size: 16px;
      border-radius: 4px;
      margin-right: 20px;
      cursor: pointer;
    }
    #corp-close-btn {
      padding: 10px 30px;
      line-height: 14px;
      font-size: 16px;
      border-radius: 4px;
      border: #cccccc 1px solid;
      cursor: pointer;
    }
/* 新的极验*/
.kd-captcha-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1999;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-user-select: none;
          user-select: none;
  -ms-user-select: none;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.kd-captcha-mask .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.kd-captcha-mask .fa-arrow-right::before {
    content: '\F061';
}
.kd-captcha-mask .fa-refresh::before {
    content: '\F021';
}
.kd-captcha-mask .fa-check::before {
    content: '\F00C';
}
.kd-captcha-mask .fa-close::before {
    content: '\F00D';
}
.kd-captcha-mask .card {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
        flex-direction: column;
    background-color: #fff;
}
.kd-captcha-mask .card-header {
    padding: 14px 12px 5px;
    margin-bottom: 0;
    background-image: none;
    border-radius: calc(0.25em - 1px) calc(0.25em - 1px) 0 0;
}
.kd-captcha-mask .card-header #captcha-tip {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kd-captcha-mask .card-header #captcha-tip .tip-text {
        height: 24px;
        line-height: 24px;
        text-align: left;
        font-size: 16px;
        color: #212121;
        font-weight: 600;
        letter-spacing: 0;
}
.kd-captcha-mask .card-body {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.kd-captcha-mask .kd-captcha {
    width: 304px;
    min-width: 0;
    word-break: break-word;
    border-radius: 4px;
    background-clip: border-box;
    opacity: 0;
    -ms-transform: translateY(60px);
        transform: translateY(60px);
    transition: all 0.3s ease-in-out;
}
.kd-captcha-mask .kd-captcha-mobile {
    top: 50%;
    -ms-transform: translateY(-60%);
        transform: translateY(-60%);
}
.kd-captcha-mask .captcha-card-fadein {
    -ms-transform: translateY(120px);
        transform: translateY(120px);
    opacity: 1;
}
.kd-captcha-mask .captcha-card-mobile-fadein {
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    opacity: 1;
}
.kd-captcha-mask .close-icon,
  .kd-captcha-mask .refresh-icon {
    position: absolute;
    bottom: 7px;
    z-index: 5;
    width: 24px;
    height: 24px;
    background-size: 100% !important;
    cursor: pointer;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
.kd-captcha-mask .close-icon {
    left: 0px;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5YWz6ZetPC90aXRsZT4KICAgIDxnIGlkPSLlhbPpl60iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNiwzMCBDOC4yNjgwMTM1LDMwIDIsMjMuNzMxOTg2NSAyLDE2IEMyLDguMjY4MDEzNSA4LjI2ODAxMzUsMiAxNiwyIEMyMy43MzE5ODY1LDIgMzAsOC4yNjgwMTM1IDMwLDE2IEMzMCwyMy43MzE5ODY1IDIzLjczMTk4NjUsMzAgMTYsMzAgWiBNMTYsMjggQzIyLjYyNzQxNywyOCAyOCwyMi42Mjc0MTcgMjgsMTYgQzI4LDkuMzcyNTgzIDIyLjYyNzQxNyw0IDE2LDQgQzkuMzcyNTgzLDQgNCw5LjM3MjU4MyA0LDE2IEM0LDIyLjYyNzQxNyA5LjM3MjU4MywyOCAxNiwyOCBaIE0xNS45ODUxOTA3LDE0LjU4NTg2NCBMMjAuMTgzMTcwNywxMC4yOTkwMjc5IEMyMC41Njk1ODQxLDkuOTA0NDM1NTQgMjEuMjAyNzE0NCw5Ljg5NzgwNTE3IDIxLjU5NzMwNjcsMTAuMjg0MjE4NiBDMjEuOTkxODk5MSwxMC42NzA2MzIgMjEuOTk4NTI5NSwxMS4zMDM3NjIyIDIxLjYxMjExNjEsMTEuNjk4MzU0NiBMMTcuNDE0MTM2LDE1Ljk4NTE5MDcgTDIxLjcwMDk3MjEsMjAuMTgzMTcwNyBDMjIuMDk1NTY0NSwyMC41Njk1ODQxIDIyLjEwMjE5NDgsMjEuMjAyNzE0NCAyMS43MTU3ODE0LDIxLjU5NzMwNjcgQzIxLjMyOTM2OCwyMS45OTE4OTkxIDIwLjY5NjIzNzgsMjEuOTk4NTI5NSAyMC4zMDE2NDU0LDIxLjYxMjExNjEgTDE2LjAxNDgwOTMsMTcuNDE0MTM2IEwxMS44MTY4MjkzLDIxLjcwMDk3MjEgQzExLjQzMDQxNTksMjIuMDk1NTY0NSAxMC43OTcyODU2LDIyLjEwMjE5NDggMTAuNDAyNjkzMywyMS43MTU3ODE0IEMxMC4wMDgxMDA5LDIxLjMyOTM2OCAxMC4wMDE0NzA1LDIwLjY5NjIzNzggMTAuMzg3ODgzOSwyMC4zMDE2NDU0IEwxNC41ODU4NjQsMTYuMDE0ODA5MyBMMTAuMjk5MDI3OSwxMS44MTY4MjkzIEM5LjkwNDQzNTU0LDExLjQzMDQxNTkgOS44OTc4MDUxNywxMC43OTcyODU2IDEwLjI4NDIxODYsMTAuNDAyNjkzMyBDMTAuNjcwNjMyLDEwLjAwODEwMDkgMTEuMzAzNzYyMiwxMC4wMDE0NzA1IDExLjY5ODM1NDYsMTAuMzg3ODgzOSBMMTUuOTg1MTkwNywxNC41ODU4NjQgWiIgaWQ9ImFkZC1jaXJjbGUiIGZpbGw9IiM2NjY2NjYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center center/auto;
    display: inline-block;
}
.kd-captcha-mask .close-icon:hover {
      opacity: 0.5;
}
.kd-captcha-mask .refresh-icon {
    right: 0px;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5Yi35pawPC90aXRsZT4KICAgIDxnIGlkPSLliLfmlrAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNC4xODA1MjI5LDEuMTMyMTUzNzEgTDE0LjI4NTM5MTEsMS4yMDE0MjE2MSBMMTguMjM4NDM1Miw0LjE4MDI1Mzk5IEMxOC42NDU1ODA2LDQuNDg3MDYwMDggMTguNzUxOTgzNiw1LjA0NDkxMTY4IDE4LjUwNDUyMzYsNS40NzU4MzYzOSBMMTguNDM1MjU1Nyw1LjU4MDcwNDUzIEwxNS40NTY0MjMzLDkuNTMzNzQ4NjIgQzE1LjEyNDA1LDkuOTc0ODIyODMgMTQuNDk3MDQ3LDEwLjA2Mjk0MjQgMTQuMDU1OTcyNyw5LjczMDU2OTExIEMxMy42NDg4MjczLDkuNDIzNzYzMDIgMTMuNTQyNDI0Myw4Ljg2NTkxMTQyIDEzLjc4OTg4NDQsOC40MzQ5ODY3MSBMMTMuODU5MTUyMyw4LjMzMDExODU3IEwxNS4xOTQxNCw1Ljc4OTIyMDIzIEM5LjQ5NTI1NzQxLDYuMjAxODUyMTIgNSwxMC45NTYwMzk4IDUsMTYuNzYwMTUxMSBDNSwyMi44MzUyODM0IDkuOTI0ODY3NzUsMjcuNzYwMTUxMSAxNiwyNy43NjAxNTExIEMyMi4wNzUxMzIyLDI3Ljc2MDE1MTEgMjcsMjIuODM1MjgzNCAyNywxNi43NjAxNTExIEMyNywxMy41ODYyNzIgMjUuNjQ5NzY0MywxMC42MzI0ODk2IDIzLjMyOTQyMjgsOC41NTc1ODI1NyBDMjIuOTE3NzMyNiw4LjE4OTQzOTAyIDIyLjg4MjQzMTIsNy41NTcyNTg5MSAyMy4yNTA1NzQ3LDcuMTQ1NTY4NzcgQzIzLjYxODcxODMsNi43MzM4Nzg2MyAyNC4yNTA4OTg0LDYuNjk4NTc3MTUgMjQuNjYyNTg4NSw3LjA2NjcyMDcgQzI3LjQwMjg4NDgsOS41MTcxNjE3OCAyOSwxMy4wMTEwMTg5IDI5LDE2Ljc2MDE1MTEgQzI5LDIzLjkzOTg1MjkgMjMuMTc5NzAxNywyOS43NjAxNTExIDE2LDI5Ljc2MDE1MTEgQzguODIwMjk4MjUsMjkuNzYwMTUxMSAzLDIzLjkzOTg1MjkgMywxNi43NjAxNTExIEMzLDEwLjIwMDcyIDcuODU4MDgxNDEsNC43NzU5NTQ1MyAxNC4xNzI1MDI4LDMuODg3NTk2MjQgTDEzLjA4MTc2MSwyLjc5ODY5MjYzIEMxMi42NzQ2MTU2LDIuNDkxODg2NTQgMTIuNTY4MjEyNiwxLjkzNDAzNDk0IDEyLjgxNTY3MjcsMS41MDMxMTAyMyBMMTIuODg0OTQwNSwxLjM5ODI0MjA5IEMxMy4xOTE3NDY2LDAuOTkxMDk2NjY1IDEzLjc0OTU5ODIsMC44ODQ2OTM2ODYgMTQuMTgwNTIyOSwxLjEzMjE1MzcxIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat center center/auto;
    display: inline-block;
}
.kd-captcha-mask .refresh-icon:hover {
      opacity: 0.5;
}
.kd-captcha-mask canvas:nth-of-type(2) {
    border-radius: 4px 4px 0 0;
    background-color: #eee;
}
.kd-captcha-mask .filled-box {
    position: absolute;
    height: 48px;
    width: 100%;
    background-color: #fff;
    z-index: 3;
}
.kd-captcha-mask .kdcloud-word-dot {
    position: absolute;
    z-index: 4;
    width: 22px;
    height: 22px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    line-height: 22px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 13px;
    background-color: rgba(255, 0, 0, 0.65);
}
.kd-captcha-mask .kdcloud-word-dot-v2 {
    width: 28px;
    height: 28px;
    background-color: #276FF5;
    line-height: 26px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}
.kd-captcha-mask .slider-container {
    position: relative;
    z-index: 5;
    height: 63px;
    padding-left: 40px;
    line-height: 73px;
    text-align: center;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
}
.kd-captcha-mask .slider-result {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    padding-left: 12px;
    left: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    opacity: 0;
    /* transition: top 0.2s 0.1s linear; */
    text-align: left;
    z-index: 1;
}
.kd-captcha-mask .slider-result.success {
      opacity: 1;
      background-color: #1BA854;
}
.kd-captcha-mask .slider-result.fail {
      opacity: 1;
      background-color: #FB2323;
}
.kd-captcha-mask .slider-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 52px;
    margin-top: 11px;
    border-radius: 2px;
    background-color: #f3f5f9;
}
.kd-captcha-mask .slider-mask {
    position: absolute;
    left: 0;
    top: 12px;
    height: 52px;
    border-radius: 2px;
}
.kd-captcha-mask .slider {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    top: -1px;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #fff;
    box-shadow: 0px 1px 4px 1px rgba(54, 62, 79, 0.2);
    border: 1px solid rgba(179, 187, 209, 0.5);
    cursor: pointer;
    border-radius: 4px;
}
.kd-captcha-mask .slider-icon {
    color: #939eb9;
    height: 100%;
    width: 100%;
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDY8L3RpdGxlPgogICAgPGcgaWQ9IueZu+W9leazqOWGjCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaLvOWbvumqjOivgS3mu5HliqjliY0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NDIuMDAwMDAwLCAtNDQxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0Mi4wMDAwMDAsIDQ0MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgMTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzkzOUVCOSIgeD0iMCIgeT0iNS41NjgzNTkzOCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQtNCIgc3Ryb2tlPSIjOTM5RUI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIxNy4xMjA1MDc4IDAuMzY4MzU5Mzc1IDIzLjEyMDUwNzggNi4zNjgzNTkzOCAxNy4xMjA1MDc4IDEyLjM2ODM1OTQiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center center/auto;
    display: inline-block;
}
.kd-captcha-mask .slider-text {
    position: relative;
    color: #363e4f;
    opacity: 1;
}
.kd-captcha-mask .slider-container-active .slider-icon,
  .kd-captcha-mask .slider-container-success .slider-icon,
  .kd-captcha-mask .slider-container-fail .slider-icon {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDU8L3RpdGxlPgogICAgPGcgaWQ9IueZu+W9leazqOWGjCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuaLvOWbvumqjOivgS3mu5HliqjkuK0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTYuMDAwMDAwLCAtNDQxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1Ni4wMDAwMDAsIDQ0MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgMTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgZmlsbD0iIzkzOUVCOSIgeD0iMjEiIHk9IjMiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQtNCIgc3Ryb2tlPSIjOTM5RUI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSIyNSAwIDI5IDQgMjUgOCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBmaWxsPSIjOTM5RUI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjAwMDAwMCwgLTQuMDAwMDAwKSAiIHg9IjAiIHk9IjMiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiIHJ4PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQtNCIgc3Ryb2tlPSIjOTM5RUI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDQuMDAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMi4wMDAwMDAsIC00LjAwMDAwMCkgIiBwb2ludHM9IjAgMCA0IDQgMCA4Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzkzOUVCOSIgY3g9IjE0LjUiIGN5PSI0LjUiIHI9IjIuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center center/auto;
    display: inline-block;
}
.kd-captcha-mask .slider-container-active .slider-text,
  .kd-captcha-mask .slider-container-success .slider-text,
  .kd-captcha-mask .slider-container-fail .slider-text {
    opacity: 0;
}
@keyframes slider-shake {
25% {
    transform: translate(-10px, 120px);
}
75% {
    transform: translate(10px, 120px);
}
100% {
    transform: translate(0, 120px);
}
}
@keyframes slider-mobile-shake {
25% {
    transform: translate(-10px, -50%);
}
75% {
    transform: translate(10px, -50%);
}
100% {
    transform: translate(0, -50%);
}
}
.kd-slider-shake {
  animation: slider-shake 0.2s linear infinite both;
}
.kd-slider-mobile-shake {
  animation: slider-mobile-shake 0.2s linear infinite both;
}
.kd-slider-during canvas.block,
.kd-slider-during .slider {
  transition: left 0.2s linear;
}
.kd-slider-during .slider-text {
  opacity: 0;
}
.kd-mask-fadeout {
  opacity: 0;
}
/* @media screen and (max-height: 768px) {
.kd-captcha-mask.login .kd-captcha,
  .kd-captcha-mask.reg .kd-captcha {
    margin-left: calc(100% - 343px) !important;
}
}
@media screen and (max-width: 700px) {
.kd-captcha-mask.login .kd-captcha,
  .kd-captcha-mask.reg .kd-captcha {
    margin: 0 auto !important;
}
} */