.pepm-new *{
  transition: 385ms ease;
  -webkit-transition: 385ms ease;
  -moz-transition: 385ms ease;
  -ms-transition: 385ms ease;
  -o-transition: 385ms ease;
}

.pepm-new .box {
  padding: 0 !important;
  max-width: 385px!important;
  width: 385px!important;
  min-height: 410px;
  padding-top: 23px !important;
  border: 0 !important;
  background: #fff;
  margin: auto;
  padding-bottom: 10px !important;
  box-shadow: 0 0 48px 4px rgba(101, 101, 101, 0.35);
}

.pepm-new .box .subtitle {
  margin-bottom: 15px;
  font-size: 15px;
  color: #213f75;
  margin-top: 29px;
}
.pepm-new .box.go {
  min-height: 297px !important;
  padding-bottom: 0 !important;
}
.pepm-new .box.reset-pwd[data-step=sent],
.pepm-new .box.reset-pwd[data-step=sentTel]{
  min-height: 327px !important;
  padding-bottom: 0 !important;
}
.pepm-new .box.reset-pwd[data-step=sendform]{
  min-height: 367px !important;
}
.pepm-new .box.reset-pwd.sendform{
  padding-bottom: 0 !important;
}
.pepm-new .box.reset-pwd[data-step=reset]{
  min-height: 407px !important;
  padding-bottom: 0 !important;
}

.pepm-new .cp-logo {
  text-align: center;
  margin-bottom: 23px;
  min-height: 94px;
  line-height: 94px;

  width: 308px;
  margin-left: auto;
  margin-right: auto;
}
.pepm-new .cp-logo img {
  width: 100%;
  max-height: 230px;
}

.pepm-new .divide-line {
  height: 3px;
  width: 100%;
  background-color: #9a0000;

  margin-bottom: 30px;
}

.pepm-new .usr-email,
.pepm-new .usr-password,
.pepm-new .usr-input
{
  width: 308px;
  height: 57px;
  margin-left: auto;
  margin-right: auto;

  margin-bottom: 12px;
}
.pepm-new .usr-email .logo,
.pepm-new .usr-password .logo,
.pepm-new .usr-input .logo
{
  float: left;
  position: relative;
  background: #9f9f9f;
  width: 0px;
  height: 57px;
  text-align: center;
}
.pepm-new .usr-email .logo img,
.pepm-new .usr-password .logo img,
.pepm-new .usr-input .logo img
{
  width: 30px !important;
  height: 36px;
  margin-top: calc((57px - 36px)/2);
}
.pepm-new .usr-email .input,
.pepm-new .usr-password .input,
.pepm-new .usr-input .input
 {
  float: left;
  position: relative;
}
.pepm-new .usr-email .input, .pepm-new .usr-email .input input,
.pepm-new .usr-password .input, .pepm-new .usr-password .input input,
.pepm-new .usr-input .input, .pepm-new .usr-input .input input
 {
  width: 100%;
  height: 57px;
  color: #353535;
  background: #f2f2f2;
}
.pepm-new .usr-email .input input,
.pepm-new .usr-password .input input,
.pepm-new .usr-input .input input
 {
  padding-left: 12px;
  font-size: 18px;
}

.pepm-new .usr-email input:-webkit-autofill,
.pepm-new .usr-password input:-webkit-autofill,
.pepm-new .usr-input input:-webkit-autofill
 {
  transition: background-color 5000s ease-in-out 0s !important;
}
.pepm-new .usr-email input::-webkit-input-placeholder,
.pepm-new .usr-password input::-webkit-input-placeholder,
.pepm-new .usr-input input::-webkit-input-placeholder
 {
    color: #b9b9b9;
    font-size: 18px;
}

.pepm-new .remember-30days {
  height: 26px;
  margin-top: 13px;
  margin-left: calc((385px - 308px) / 2);
  display: inline-block;
  margin-bottom: 0;
}
.pepm-new .remember-30days .layui-form-checkbox {
  margin-top: 0;
}
.pepm-new .remember-30days .layui-form-checkbox span {
  padding: 0;
  padding-left: 4px;
  color: #353535;
  font-size: 14px;
  line-height: 17px;
}
.pepm-new .remember-30days .layui-form-checkbox .layui-icon {
  border-width: 2px;
  width: 12px;
  height: 12px;
}
.pepm-new .remember-30days .layui-unselect.layui-form-checkbox.layui-form-checked .layui-icon{
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
}

.pepm-new .forget-password {
  height: 26px;
  margin-top: 13px;
  float: right;
  text-align: right;
  margin-right: calc((385px - 308px) / 2);
  margin-bottom: 0;

  font-size: 14px;
}
.pepm-new .box .forget-password a {
  font-size: 14px;
  line-height: 14px;
  color: #444343;
}

.pepm-new .btn-submit{
  width: 305px;
  height: 56px;
  margin: 19px auto 0 auto;
  border-radius: 4px;
}
.pepm-new#go .btn-submit{
  margin: 25px auto 0 auto;
}
.pepm-new .btn-submit.mobile{
  display: none;
}
.pepm-new .btn-submit.pc{
  display: block;
}
.pepm-new .btn-submit button,
.pepm-new .btn-submit .pn-submit{
  width: 100%;
  height: 100%;
  border-radius: 4px;

  font-size: 16px;
  line-height: 56px;
  font-weight: 400;
  background: rgba(154,0,0,1);
  color: rgba(255, 255, 255, 1);
}

.pepm-new .btn-submit.active button,
.pepm-new .btn-submit.active .pn-submit
{
  width: 100%;
  height: 100%;
  border-radius: 4px;

  background: rgba(154,0,0,1);
  color: #fff;
}

.pepm-new .btn-submit .pn-submit-half {
  width: 46%;
  height: 82%;
  border-radius: 4px;
  font-size: 18px;
  line-height: calc(56px * 0.82);

  background: rgba(154,0,0,1);
  color: #fff;
}

.pepm-new .recommand{
  margin-top:15px !important;
  border: 0 !important;
  padding: 0 !important;

  text-align:center !important;
  font-size:14px !important;
  line-height: 14px;
  color: #5e5d5d!important;
}

.pepm-new .recommand a {
  text-align:center;
  font-size:14px;
  line-height: 14px;
  margin: 0 5px;
  margin-top:15px;

  color: #314e6c !important;

  text-decoration: underline;
  font-weight: bold;
}
@media screen and (max-width: 320px) {
  .pepm-new .cp-logo {
    text-align: center;
    height: 72px !important;
    line-height: 72px !important;

    margin: 48px auto 48px auto !important;

    width: 308px;
    margin-left: auto;
    margin-right: auto;
  }
  .pepm-new .cp-logo img {
    max-height: 100%;
    max-width: 100%;

    min-height: 50%;
  }

  .pepm-new .usr-email,
  .pepm-new .usr-password,
  .pepm-new .usr-input
  {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .pepm-new .remember-30days {
    margin-left: 32px;
  }

  .pepm-new#go .btn-submit {
    width: auto;
    margin: 79px 22px !important;
  }
}
@media screen and (min-width: 319px) and (max-width: 749px){
  .pepm-new {
    padding: 0;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;

    margin-top: -20px;

    background: #fff !important;
  }
  .pepm-new .box {
    width: 100% !important;
    height: 100%;

    margin: 0 auto !important;

    background: #fff !important;

    box-shadow: 0 0 0 0;
  }

  .pepm-new .cp-logo {
    min-height: 108.5px;
    line-height: 79px;

    margin: 48px auto 56px auto;

    text-align: center;
  }

  .pepm-new .divide-line {
    display: none;
  }

  .pepm-new .title legend {
    text-align: center;
    margin-bottom: 32px;
    font-size: 24px;
  }

  .pepm-new .usr-email,
  .pepm-new .usr-password,
  .pepm-new .usr-input
  {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;

    margin-bottom: 12px;
  }

  .pepm-new .usr-email .input::before,
  .pepm-new .usr-password .input::before,
  .pepm-new .usr-input .input::before
  {
    position: absolute;
    top: 18px;
    font-size: 18px;
    line-height: 18px;
    color: #393939;
  }
  .pepm-new .usr-email .input::before {
    content: "用户名";
  }
  .pepm-new .vcode-input-wrapper.input::before {
    content: "验证码";
  }
  .pepm-new .usr-password .input::before {
    content: "密码";
  }
  .pepm-new .usr-input.cid_name .input::before {
    content: "";
  }
  .pepm-new .usr-input.usr-tel .input::before {
    content: "手机号";
  }
  .pepm-new .usr-input.usr-vcode .input::before {
    content: "验证码";
  }

  .pepm-new .usr-email .logo, .pepm-new .usr-password .logo, .pepm-new .usr-input .logo{
    display: none;
  }
  .pepm-new .usr-email .logo img, .pepm-new .usr-password .logo img, .pepm-new .usr-input .logo img{
    display: none;
  }

  .pepm-new .usr-email .input, .pepm-new .usr-email .input input,
  .pepm-new .usr-password .input, .pepm-new .usr-password .input input,
  .pepm-new .usr-input .input, .pepm-new .usr-input .input input
  {
    width: 100%;
    height: 57px;
    color: #353535;
    background: #fff;
  }
  .pepm-new .usr-email .input input,
  .pepm-new .usr-password .input input,
  .pepm-new .usr-input .input input
  {
    padding-left: 5em;
    font-size: 18px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #c2c2c2;
  }
  .pepm-new.reg .usr-email .input input,
  .pepm-new.reg .usr-password .input input,
  .pepm-new.reg .usr-input .input input
  {
    padding-left: 1em !important;
  }
  .pepm-new .usr-input.cid_name .input input{
    padding-left: 0;
    text-align: center;
  }

  .pepm-new .usr-email input:-webkit-autofill,
  .pepm-new .usr-password input:-webkit-autofill,
  .pepm-new .usr-input input:-webkit-autofill
  {
    transition: background-color 5000s ease-in-out 0s !important;
    background: transparent;
  }

  .pepm-new .btn-submit.mobile{
    display: block;

    border-radius: 5px;

    width: auto;
    margin-left: 16px;
    margin-right: 16px;
    margin: 56px 16px 11px 16px;
  }

  .pepm-new .btn-submit{
    margin: 38px auto 0 auto;
  }

  .pepm-new .btn-submit.pc{
    display: none;
  }

  .pepm-new .remember-30days {
    margin-left: 32px;
  }
  .pepm-new .remember-30days .layui-form-checkbox .layui-icon {
    left: -100%;
  }

  .pepm-new .forget-password {
    height: 32px;

    float: right;
    text-align: right;

    margin: 13px 16px 32px 0;
  }
  .pepm-new .box .forget-password a {
    font-size: 14px;
    line-height: 14px;
    color: #353535;
  }

  .pepm-new#go {
    background: #eeeeee;
    background-size: 100% 100%;

    margin-left: 0%;
    margin-right: 0%;
  }

  .pepm-new#go .cp-logo {
    margin-top: 55px;
    max-height: 66px;
    margin-bottom: 85px;
  }

  .pepm-new#go .btn-submit {
    width: auto;
    margin: 79px 16px;
  }

}

.reg-type-switch {
    text-align: center;
    margin-top: 1em;
}

.tel-verify {
  padding: 5% 10%;
  height: 100%;
}

.tel-verify .input{
  width: calc(100% - 15px);
  height: 42px;
  line-height: 42px;
  border: 1px solid #e6e6e6;
  margin-bottom: 8px;
  padding-left: 1em;
}
.tel-verify .verbtn{
  float: right;
  width: 35% !important;
}
.tel-verify .tvbtn{
    background: rgba(154,0,0,1);
    border-radius: 4px;
    color: #fff;
    border: 0;
    height: 38px;
    cursor: pointer;
    margin-top: 3px;
    font-size: 15px;
  width: 100%;
}
.tel-verify .tvbtn[disabled]{
    background: #c2c2c2;
}
.pepm-new .vcode-input-wrapper {
  width: calc(calc(385px - (calc(385px - 308px))) * 0.6) !important;
}
.pepm-new #vcode {
  width: calc(calc(385px - (calc(385px - 308px))) * 0.4 - 0.9em) !important;
  cursor: pointer;
  height: 53px;
  margin-top: 2px;
}
@media screen and (max-width:766px){
  .pepm-new .vcode-input-wrapper {
    width: 60.5% !important;
  }
  .pepm-new #vcode {
    width: auto !important;
  }
}
@media screen and (max-width:320px){
  .pepm-new #vcode {
    width: 35% !important;
  }
}

.pepm-new .login-tab {
  display: flex;
  width: 308px;
  margin: 0 auto;

  font-size: 16px;
}

.pepm-new .login-tab .login-tab__item {
  flex: 1;
  text-align: center;
  padding-bottom: 1em;

  color: #00000066;

  cursor: pointer;
}
.pepm-new .login-tab .login-tab__item.cur {
  color: black;
}

.pepm-new .usr-input.usr-vcode {
  display: flex;
}
.pepm-new .usr-input.usr-vcode .input {
  flex: 1;
}
.pepm-new .usr-input.usr-vcode button {
  flex: 0 0 auto;
  width: 7em;
  margin-left: 1em;
  border: 0;
  background: #9a0000;
  color: white;
  border-radius: 5px;
  font-size: 16px;

  cursor: pointer;
}
.pepm-new .usr-input.usr-vcode button[disabled] {
  background: #9a000077;
  cursor: not-allowed;
}

/* 修正任务2021-01352 */
/* Layui底层BUG，修不动。 */
.layui-laydate{
  animation-name: null !important;
}
.pepm-new #update_pwd_page_limit{
  font-size: 15px;
  font-weight: 500;
  border: 0px;
  text-align: center;
  width: 308px;
  height: 57px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px !important;
  color: black;
}
.pepm-new #update_pwd_page_title{
  display: block;
  font-size: 18px;
  font-weight: 1000;
  text-align: center;
  margin: 12px 0px;
}
.pwd_change_show_hide{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 16px;
  width: 18px;
  height: 12px;
  background: #afacac;
  border-radius: 50%;
}
.pwd_change_show_hide:after{
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 2px solid #afacac;
  position: absolute;
  right: 0px;
  margin: auto;
  left: 0px;
  bottom: 0px;
  top: 0px;
  background: white;
}
.layui-form-item.usr-password .input input{
  position: relative;
  padding-right: 46px;
}
.pwd_change_show_hide:before{
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -3px;
  right: 0;
  transform: rotate(310deg);
  background: #afacac;
  z-index: 1;
  border: 1px solid white;

}
.pwd_change_show_hide.pwd_show_hide:before{
  display: none;
}

.input_select_error_text_color{
  color: red !important;
}

.pepm-new .update_pwd_error_show{
  width: 308px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  display: block;
}
.pepm-new .btn-submit button[disabled], .pepm-new .btn-submit .pn-submit[disabled]{
  background-color: #ccc !important ;
}
.update_pwd_error_show.logined_update_pwd{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  transform: translate(calc(100% + 10PX),-20px);
  display: flex;
  align-items: center;
  width: 95%;
}

.elem-btn-group #btn-confirm[disabled]{
  background-color: #ccc !important;
}
.elem-btn-group .layui-input-block{
  margin: 12px 0px !important;
}
#frm_login .margin-lr--md{
  margin-top: 12px;
  margin-bottom: 12px;
}

#inputn1passwd_error .label,#inputnpasswd_error .label{
  padding: 0px !important;
}
#inputn1passwd_error,#inputnpasswd_error{
  border: unset !important;
  display: none;
  position: relative;
}

.pepm-new #passwd:focus-within,.pepm-new #newpasswd:focus-within{
  border: 1px solid #048dce !important;
}
.pepm-new .input_select_error_border_color #passwd,
.pepm-new .input_select_error_border_color #newpasswd {
  border: 1px solid red !important;
}

.reset-passwd__table #name:focus-within,
.reset-passwd__table #fh939iji1t.first_pwd_order:focus-within,
.reset-passwd__table #fh939iji1t.second_pwd_order:focus-within{
  border-bottom: 1px solid #048dce !important;
}

.reset-passwd__table #fh939iji1t.first_pwd_order.input_select_error_border_color_logined_update,
.reset-passwd__table #fh939iji1t.second_pwd_order.input_select_error_border_color_logined_update{
  border-bottom: 1px solid red !important;
}
@media screen and (max-width: 767px) {
  .pepm-new #update_pwd_page_limit,.pepm-new .update_pwd_error_show{
    width: auto !important;
    margin-left: 16px;
    margin-right: 16px;
  }
 
 
  .update_pwd_error_show.logined_update_pwd{
    position: unset !important;
    transform: unset !important;
    display: block !important;
    padding-top: 12px;
  }

  .pepm-new #passwd:focus-within,.pepm-new #newpasswd:focus-within{
    border-top: unset !important;
    border-left: unset !important;
    border-right: unset !important;
    border-bottom: 1px solid #048dce !important;
  }
  .pepm-new .input_select_error_border_color #passwd,
  .pepm-new .input_select_error_border_color #newpasswd {
    border-top: unset !important;
    border-left: unset !important;
    border-right: unset !important;
    border-bottom: 1px solid red !important;
  }
}