/* 首页登录弹窗 */
/* 登录弹窗 */
.godl {
  background: var(--color-brand-500) !important;
  color: #ffffff;
  border: none;
  width: 380px;
  height: 50px !important;
  margin: 0 auto;
  font-size: 18px !important;
}
.Register {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden !important;
}



/* 弹窗样式 */
.register-tabs {
  width: 100%;
  height: 65px;
  display: flex;
  margin-top: 45px;
  justify-content: center;
}

.register-tabs .div {
  width: 110px;
  height: 64px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: var(--color-gray-900);
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.register-tabs .account {
  width: 110px;
  height: 64px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;

  display: flex;
  align-items: center;
  color: var(--color-brand-500);
  border-bottom: 1px solid var(--color-brand-500);
}

.acctabs {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}

.layui-form {
  width: 431px;

  display: flex;
  flex-direction: column;
  margin-left: 60px;
}

.user-input {
  width: 380px;
  height: 42px;
  background: #ffffff;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 30px;
  align-items: center;
  display: flex;
  border-bottom: 1px solid var(--color-gray-200);
}

.user-input img {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.user-input .layer-use {
  width: 390px;
  height: 100%;
  border: none;
}

.user-password {
  width: 380px;
  height: 42px;
  background: #ffffff;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 16px;
  align-items: center;
  display: flex;

  border-bottom: 1px solid var(--color-gray-200);
}

.user-password img {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.user-password .layer-use {
  width: 390px;
  height: 100%;
  border: none;
}

.user-password .layer-use-password {
  width: 360px;
  height: 100%;
  border: none;
}

.jzzh {
  width: 380px;

  display: flex;
  margin: 0 auto;
  margin-top: 10px;
  justify-content: space-between;
}

.jzzh-input {
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: var(--color-gray-400);
}

.jzzh-wjpass {
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: var(--color-gray-400);
}

.yesxy {
  width: 380px;
  height: 20px;
  display: flex;
  font-size: 0.75rem;
  margin: 0 auto;
  margin-top: 3.5rem;
  align-items: center;
  margin-bottom: 10px;
}

.myzh {
  width: 105px;
  height: 105px;
  display: flex;

  font-size: 0.75rem;

  position: absolute;
  left: 0px !important;
  top: -1px !important;
  justify-content: flex-end;
  align-items: center;
}

.qtdl {
  width: 380px;
  display: flex;

  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  margin: 0 auto;

  margin-top: 95px;
}

.wxqq {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wxqq img {
  width: 32px;
  height: 32px;
}

.acctabstwo {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.acctabstwo-user-password {
  width: 380px;
  height: 42px;
  background: #ffffff;
  overflow: hidden;
  
  margin: 0 auto;
  align-items: center;
  display: flex;
  border-bottom: 1px solid var(--color-gray-200);
  margin-top: 16px;
}

.acctabstwo-user-password .layer-use-password {
  width: 300px;
  height: 100%;
  border: none;
}

.acctabstwo-user-password img {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}
.yzm-div{
height: 21px;
border: 1px solid var(--color-gray-300);

}
.acctabstwo-user-btn {
  width: 112px;
  height: 42px;
  color: var(--color-gray-400);
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  border: none;
  font-size: 16px;
}

.acctabstwo-godl {
  background: var(--color-brand-500) !important;
  color: #ffffff;
  border: none;
  width: 380px;
  height: 50px !important;
  margin: 0 auto;
  font-size: 18px !important;
}

.acctabstwo-qtdl {
  width: 380px;
  display: flex;

  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  margin: 0 auto;

  margin-top: 126px;
}

.enroll {
  width: 100%;
height: 100% ;
overflow: hidden;
position: relative;
}

.enroll-zh {
  width: 125px;
  margin: 0 auto;
  height: 28px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
margin-top: 50px;
  border-bottom: 1px solid var(--color-brand-500);
  text-align: center;
  color: var(--color-brand-500);
}

.enroll-layui-form {
  margin-top: 60px;
}

.zcinput {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid var(--color-gray-300);

  display: flex;
  align-items: center;
}

.zcinput .zc-layer-use {
  width: 100%;
  border: none;

}


.name {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid var(--color-gray-300);
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.name .name-layer-use {
  width: 100%;
  border: none;
}

.tel {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid var(--color-gray-300);
  display: flex;
  align-items: center;

  margin-top: 16px;
}

.tel .tel-layer-use {
  width: 100%;
  border: none;
}

.tel img {
  width: 30px;
  height: 30px;
}

.yzm {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid var(--color-gray-300);
  display: flex;
  align-items: center;
  margin-top: 16px;

}

.yzm .yzm-layer-use {
  width: 320px;
  border: none;
}

.yzm img {
  width: 30px;
  height: 30px;
}

.hqyzm {
  width: 112px;
  height: 42px;
  color: var(--color-gray-400);

}

.mm {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid var(--color-gray-300);
  display: flex;
  align-items: center;

  margin-top: 16px;
}

.mm .mm-layer-use {
  width: 100%;
  border: none;
}

.mm img {
  width: 30px;
  height: 30px;
}

.qrmm {
  width: 100%;
  height: 42px;
  border-bottom: 1px solid var(--color-gray-300);
  display: flex;
  align-items: center;
 
  margin-top: 16px;
}

.qrmm .qrmm-layer-use {
  width: 100%;
  border: none;
}

.qrmm img {
  width: 30px;
  height: 30px;
}

.goenroll {
  width: 380px;
  height: 42px;
  margin: 0 auto;
  background: var(--color-brand-500) !important;

  color: #fff;
  margin: 0 auto;
 
  border: none;
}

.yyzh {
  width: 105px;
  height: 105px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0px;
  color: var(--color-gray-400);
  text-align: center;

}

/* 复选 */
.layui-unselect {
  display: none !important;
}

/* 忘记密码弹框 */
.forget-password {
  width: 548px;
  height: 100%;
  background: #ffffff;
  overflow: hidden;
  border-radius: 16px;
}
.csenroll-layui-form {
  margin-top: 30px;
}
.password-zh {
  width: 85px;
  height: 28px;
  margin: 0 auto;
  margin-top: 50px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: var(--color-brand-500);
  border-bottom: 1px solid var(--color-brand-500);
  margin-top: 50px;
  margin-top: 30px;
}

.mm .csmm-layer-use {
  width: 100%;
  border: none;
}
.cshqyzm {
  width: 112px;
  height: 42px;
  color: var(--color-gray-400);
  border: none;

}

.csenroll {
  width: 100%;
  height: 42px;
  background: var(--color-brand-500) !important;
  color: #fff;
  margin: 0 auto;
  margin-top: 62px;
  border: none;
}
.tel .cs-tel-layer-use {
  width: 200px;
  border: none;
}
.yessh {
  display: flex;
  margin-left: 0px;
  margin-top: 15px;
}

/* ========== Layui 按钮品牌色覆盖 ========== */
/* 主按钮：默认使用品牌橙色替代 Layui 默认绿色 */
.frontend .layui-btn,
.layui-btn {
    background-color: var(--color-brand-500);
    border-color: var(--color-brand-500);
    color: #fff;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 500;
}
.frontend .layui-btn:hover,
.layui-btn:hover {
    background-color: var(--color-brand-600);
    border-color: var(--color-brand-600);
    color: #fff;
}

/* 暖色按钮：品牌橙色渐变（用于主CTA） */
.layui-btn-warm {
    background: linear-gradient(135deg, var(--color-brand-500) 0%, var(--color-brand-400) 100%);
    border-color: transparent;
    color: #fff;
}
.layui-btn-warm:hover {
    background: linear-gradient(135deg, var(--color-brand-600) 0%, var(--color-brand-500) 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 114, 36, 0.3);
}

/* 次要按钮：灰色底边框样式（取消/返回等） */
.layui-btn-primary {
    background: #f8f9fa;
    border-color: #d9d9d9;
    color: #555;
}
.layui-btn-primary:hover {
    border-color: var(--color-brand-500);
    color: var(--color-brand-500);
    background: #fff5f0;
}

/* 危险按钮保持 Layui 默认红色，不做覆盖 */

/* 小尺寸按钮 */
.layui-btn-sm {
    height: 32px;
    line-height: 32px;
    padding: 0 14px;
    font-size: 13px;
}

/* 超小尺寸按钮 */
.layui-btn-xs {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 12px;
}

/* 全宽按钮 */
.layui-btn-fluid {
    width: 100%;
}