body,
ul,
li,
dl,
dt,
dd,
p,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
img,
table,
fieldset,
legend {
  margin: 0;
  padding: 0;
}
ul, li, ol { list-style: none; }
img, fieldset { border: 0; }
a { text-decoration: none; color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
body { overflow: hidden; }

/* 移除 autofill 背景色 */
input:-internal-autofill-selected {
  background-color: transparent !important;
}

/* 登录容器 */
.loginWrap {
  background: url(../img/login_bg_new.webp) no-repeat;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-size: 100% 100%;
}
.content {
}
/* 左半部分 */
.loginLeft {
}
.top_text{
  position: absolute;
  top: 0.24rem; /* 24px → 0.24rem */
  left: 7.3%;
  height: 0.2rem; /* 20px → 0.2rem */
  font-size: 0.14rem; /* 14px → 0.14rem */
  color: #EDF1FA;
  line-height: 0.2rem;
}
.top_text a{
  color: #EDF1FA;
}
/* logo */
.imgLogo{
  position: absolute;
  top: 0.5rem; /* 50px → 0.5rem */
  left: 0.5rem; /* 50px → 0.5rem */
  display: none;
}
.imgLogo span {
  float: left;
  font-size: 0.38rem; /* 38px → 0.38rem */
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.53rem; /* 53px → 0.53rem */
}
.imgLogo img {
  float: left;
  margin-top: 0.04rem; /* 4px → 0.04rem */
  margin-right: 0.1rem; /* 10px → 0.1rem */
}

/* 欢迎文案 */
.wenhou {
  position: absolute;
  top: 28%;
  left: 7.3%;
}
.wenhou h3 {
  width: max-content;
  height: 0.54rem; /* 54px → 0.54rem */
  font-size: 0.36rem; /* 36px → 0.36rem */
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.54rem;
}
.wenhou p {
  width: max-content;
  height: 0.62rem; /* 62px → 0.62rem */
  font-size: 0.42rem; /* 42px → 0.42rem */
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.62rem;
  margin-top: 0.15rem; /* 15px → 0.15rem */
}

.adv {
  padding-top: 0.75rem; /* 75px → 0.75rem */
  width: 7rem; /* 700px → 7rem */
}
.adv li {
  background: #fff;
  float: left;
  margin: 0 0.24rem 0.24rem 0; /* 24px → 0.24rem */
}
.adv li a{
  color: #2D3037;
}
.adv li img {
  width: 1.1rem; /* 110px → 1.1rem */
  margin: 0.1rem 0.1rem 0.02rem; /* 10,10,2px → 0.1,0.1,0.02rem */
}
.adv li span {
  display: block;
  text-align: center;
  font-size: 0.12rem; /* 12px → 0.12rem */
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #2D3037;
  margin-bottom: 0.15rem; /* 15px → 0.15rem */
  line-height: 0.18rem; /* 18px → 0.18rem */
}

/* 右侧登录框 */
.loginRight {
  position: absolute;
  right: 11.36%;
  top: 28.7%;
  width: 4rem; /* 400px → 4rem */
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(0.15rem); /* 15px → 0.15rem */
  color: #fff;
  padding: 0.16rem 0.6rem 0.4rem 0.6rem; /* 16,60,40,60px → 0.16,0.6,0.4,0.6rem */
  box-sizing: border-box;
}
/* tab切换样式 */
.loginRight .layui-tab{
  margin: 0;
}
.loginRight .layui-tab-content{
  padding: 0;
}
.loginRight .layui-tab-title{
  height: 0.4rem; /* 40px → 0.4rem */
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.32rem; /* 32px → 0.32rem */
}
.loginRight .layui-tab-title li {
  color: #fff;
  opacity: .8;
  font-size: 0.16rem; /* 16px → 0.16rem */
  height: 0.3rem; /* 30px → 0.3rem */
  line-height: 0.3rem;
}
.loginRight .layui-tab-title .layui-this,
.loginRight .layui-tab-brief>.layui-tab-title .layui-this{
  color: #fff;
  opacity: 1;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
  border-bottom: 0.02rem solid #fff; /* 2px → 0.02rem */
  top: 0.3rem; /* 30px → 0.3rem */
  width: 0.68rem; /* 68px → 0.68rem */
  left: 50%;
  margin-left: -0.34rem; /* 34px → 0.34rem */
}
/* 秦务员登录 */
.qwy-box{
  padding: 0.74rem 0;
  text-align: center;
}
.qwy-box a{
  display: inline-block;
  cursor: pointer;
}
.qwy-box a span{
  display: block;
  color: #fff;
  font-size: 0.14rem;
}
.qwy-box a span:last-child{
  margin-top: 0.22rem;
}
/* 清空input 按钮*/
.layui-input-block{
  margin: 0;
  position: relative;
}
.layui-input-block>img{
  position: absolute;
  right: 0.36rem;
  bottom: 0.05rem;
  transform: translateY(-80%);
  cursor: pointer;
  display: none;
}

/* sign in 的字体 */
.signName{
  display: inline-block;
  width: 100%;
  height: 0.45rem;
  text-align: center;
}

.sign{
  display: block;
  letter-spacing: 0.01rem;
}
.signName span:first-child{
  display: block;
  text-align: center;
  height: 0.45rem;
  font-size: 0.32rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.45rem;
}
.signName span:last-child{
  display: block;
  text-align: center;
  margin-top: 0.04rem;
  height: 0.2rem;
  font-size: 0.14rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.2rem;
}

.form-title{
  font-size: 0.14rem;
  height: 0.2rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.08rem;
}
.form-title span{
  margin-left: 0.08rem;
}
/* 输入框通用样式 */
.formInput{
  /* 去除聚焦的样式 */
  outline-color: invert ;
  outline-style: none ;
  padding: 0;
  margin: 0;
  padding-left: 0.08rem; /* 8px → 0.08rem */
  font-family: "Arial,Microsoft YaHei";
  font-size: 0.14rem; /* 14px → 0.14rem */
  width: 2.7rem; /* 270px → 2.7rem */
  height: 0.4rem; /* 40px → 0.4rem */
  background: rgba(255,255,255,0.2);
  border-radius: 0.04rem; /* 4px → 0.04rem */
  border: 1px solid #C9CDD4;
  /* 苹果去除input框 */
  appearance:button;
  -moz-appearance:button; /* Firefox */
  -webkit-appearance:button; /* Safari 和 Chrome */
  /* box-sizing: border-box; */
  letter-spacing: 0.0105rem; /* 1.05px ≈ 0.0105rem */
}

/* 占位符颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #DCE0E7;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #DCE0E7;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #DCE0E7;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #DCE0E7;
}

/* 密码眼睛图标 */
.password-eye {
  position: absolute;
  right: 0.12rem; /* 12px → 0.12rem */
  bottom: 0.13rem; /* 13px → 0.13rem */
  cursor: pointer;
}
.password-eye i {
  display: block;
  width: 0.16rem; /* 16px → 0.16rem */
  height: 0.16rem;
}
.password-eye .eye-visible{
  display: none;
  background: url(../img/password-visible.png) no-repeat;
  background-size: cover;
}
.eye-hidden{
  background: url(../img/password-hidden.png) no-repeat;
  background-size: cover;
}
.password-eye.show .eye-visible{
  display: block;
}
.password-eye.show .eye-hidden{
  display: none;
}
/* 去掉ie的清除按钮 */
::-ms-clear,::-ms-reveal{display:none;}
.user{
  margin: 0.27rem 0 0.16rem; /* 27,16px → 0.27,0.16rem */
}

/* 错误提示 */
.prompt {
  padding-top: 0.08rem; /* 8px → 0.08rem */
  display: block;
  height: 0.28rem; /* 28px → 0.28rem */
  font-family: "Arial,Microsoft YaHei";
  font-size: 0.12rem; /* 12px → 0.12rem */
  color: #D0021B;
  letter-spacing: 0.009rem; /* 0.9px ≈ 0.009rem */
}

/* 验证码输入框 */
.formCode {
  width: calc(100% - 1.38rem); /* 138px → 1.38rem */
  flex:1;
  -ms-flex: 1;
  padding-left: 0.23rem; /* 23px → 0.23rem */
  float: left;
  letter-spacing: 0.0105rem;
  /* 去除聚焦的样式 */
  outline-color: invert ;
  outline-style: none ;
  margin: 0;
  padding-left: 0.1rem; /* 10px → 0.1rem */
  font-family: "Arial,Microsoft YaHei";
  font-size: 0.14rem;
  height: 0.4rem;
  background: rgba(255,255,255,0.2);
  border-radius: 0.04rem;
  border: 1px solid #C9CDD4;
  /* 苹果去除input框 */
  appearance:button;
  -moz-appearance:button; /* Firefox */
  -webkit-appearance:button; /* Safari 和 Chrome */
  box-sizing: border-box;
}

.verification {
  margin-top: 0.16rem; /* 16px → 0.16rem */
}
.codeWrap{
  width: 100%;
  display: inline-block;
  text-align: center;
}

.cap {
  width: 1rem; /* 100px → 1rem */
  height: 0.4rem; /* 40px → 0.4rem */
  border-radius: 0.04rem;
  margin-left: 0.08rem; /* 8px → 0.08rem */
  cursor: pointer;
  float: right;
}

/* 登录按钮 */
.btn {
  width: 2.8rem; /* 280px → 2.8rem */
  height: 0.4rem; /* 40px → 0.4rem */
  background: #3965FC;
  border-radius: 0.04rem;
  border: 0;
  font-family: PingFangSC, PingFang SC;
  font-size: 0.16rem; /* 16px → 0.16rem */
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0.012rem; /* 1.2px ≈ 0.012rem */
  cursor: pointer;
}

.registeronP {
  text-align: center;
  font-size: 0.16rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.22rem; /* 22px → 0.22rem */
  cursor: pointer;
  background: transparent;
  margin-top: 0.2rem; /* 20px → 0.2rem */
}
.updatePwd{
  width: 100%;
  height: 100vh;
}

.link {
  margin-top: 0.3rem; /* 30px → 0.3rem */
  line-height: 0.22rem;
  display: flex;
  justify-content: space-between;
  padding: 0 6%;
}
.link a{
  display: grid;
  font-size: 0.14rem;
  color: #FFFFFF;
  cursor: pointer;
}
.link a img {
  width: 0.5rem; /* 50px → 0.5rem */
  margin: 0 auto 0.08rem auto; /* 8px → 0.08rem */
}
.link a.login-method{
  display: none;
}

/* 获取验证码按钮 */
.codeWrap .getMessage {
  width: 1.15rem; /* 115px → 1.15rem */
  height: 0.4rem;
  font-size: 0.14rem;
  float: right;
  cursor: pointer;
  line-height: 0.4rem;
  background: #fff;
  border-radius: 0.04rem;
}
.codeWrap .getMessage.grey{
  background: #aaa;
}
.codeWrap .getMessage:hover{
  color: #333;
}
.footer{
  position: absolute;
  bottom: 0.35rem; /* 35px → 0.35rem */
  left: 50%;
  margin-left: -4rem; /* 400px → 4rem */
  font-size: 0.14rem;
  color: #fff;
  height: 0.96rem; /* 96px → 0.96rem */
  padding: 0 0.5rem 0 0; /* 50px → 0.5rem */
  line-height: 0.32rem; /* 32px → 0.32rem */
  font-size: 0.13rem;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 8rem; /* 800px → 8rem */
}
.footer a{
  color: #fff;
}

.dzjg {
  width: 1.35rem; /* 135px → 1.35rem */
  height: 1.4rem; /* 140px → 1.4rem */
  text-align: center;
  vertical-align: middle;
  font-size: 0.15rem;
  position: absolute;
  left: 0;
  top:0.24rem;
}
.jiucuo{
  position: absolute;
  right: 0.12rem; /* 12px → 0.12rem */
  top: 0.24rem; /* 24px → 0.24rem */
}
.service_support_item a{
  margin: 0 0.10rem;
}

.layui-layer-content{
  width: auto !important;
  height: 0.4rem ;
  font-size: 0.16rem !important;
  text-align: center ;
  padding:0.04rem 0.08rem !important;
  line-height: 0.4rem !important;
}

.loginExplain{
  margin-top: -0.07rem;
  width: 0.16rem;
  cursor: pointer;
}
#explainLayer >div{
  padding: 0.16rem !important;
}
#explainLayer span{
  display:inline-block;
  font-size: 0.14rem;
}
#explainLayer{
  text-align: left !important;
  line-height: 0.28rem !important;
}

#explainLayer .explainTitle{
  font-size: 0.15rem;
  margin-top:0.16rem;
}
.layui-layer-setwin{
  top: 0.19rem !important;
}
.layui-layer-ico{
  background: url(../img/layerClose.png) no-repeat center !important;
  width:0.2rem;
  height:0.2rem;
}
.a{
  background: rgba(24,27,29,0.08);
  box-shadow: 0px 0px 0.4rem 0px rgba(1,9,23,0.1);
  backdrop-filter: blur(0.43rem);
}

.pnxclientLayer .layui-layer-content{
  font-size: 0.14rem !important;
  padding:0.1rem !important
}
.pnxclientLayer .layui-layer-btn0{
  background: #3965FC !important;
  color: #fff !important;
}

#qrauth-container,
.qrcode-box iframe {
  width: 3rem!important;
  height: 3.22rem!important;
}
#qrauth-container {
  margin-top: 0.10rem;
  margin-left: -0.09rem;
}
#forgetPW {
  display: inline-block;
  margin-top: 0.06rem;
  color: #3393FF;
  cursor: pointer;
}
.forgetWin {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 8rem; /* 800px → 8rem */
  height: 6rem; /* 600px → 6rem */
  backdrop-filter: blur(0.43rem); /* 43px → 0.43rem */
}

.forgetWin .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.5rem; /* 50px → 0.5rem */
  width: 100%;
  /*background-color: green;*/
  color: #FFFFFF;
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(0.15rem);
}

.forgetWin .header .title {
  padding: 0 0.16rem; /* 16px → 0.16rem */
  line-height: 0.5rem;
  font-size: 0.16rem;
}

.forgetWin .header .close {
  --height: 0.16rem; /* 16px → 0.16rem */
  margin-right: 0.16rem;
  width: var(--height);
  height: var(--height);
  line-height: var(--height);
  /*background-color: red;*/
  text-align: center;
  font-size: 0.16rem;
  cursor: pointer;
}
.forgetWin .body {
  width: 100%;
  height: calc(100% - 50px);
  /*background-color: yellow;*/
}

.forgetWin .body .form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.95rem auto 0; /* 95px → 0.95rem */
  width: 3.64rem; /* 364px → 3.64rem */
  height: 2.32rem; /* 232px → 2.32rem */
  /*background-color: red;*/
}

.forgetWin .body .form .item {
  position: relative;
  display: flex;
  align-items: center;
}

.forgetWin .body .form label {
  width: 0.84rem; /* 84px → 0.84rem */
  text-align: right;
  color: #fff;
  font-size: 0.16rem;
  flex-shrink: 0;
}

.forgetWin .body .form input {
  flex: 1;
  padding: 0.08rem; /* 8px → 0.08rem */
  height: 0.4rem;
  border: 1px solid #C9CDD4;
  border-radius: 0.04rem;
  background: rgba(255,255,255,0.2);
  box-sizing: border-box;
  font-size: 0.14rem;
}

#getCodeInput {
  width: 1.8rem; /* 180px → 1.8rem */
}

.forgetWin .body .form .getCodeBtn {
  flex-shrink: 0;
  margin-left: 0.08rem; /* 8px → 0.08rem */
  border-radius: 0.04rem;
  padding: 0.1rem 0.11rem; /* 10,11px → 0.1,0.11rem */
  width: 0.92rem; /* 92px → 0.92rem */
  background-color: #1374E2;
  text-align: center;
  color: #fff;
  font-size: 0.14rem;
  box-sizing: border-box;
  cursor: pointer;
}
.forgetWin .body .form .getCodeBtn.grey {
  background-color: #aaa;
  pointer-events: none;
  font-size: 0.12rem;
  padding-left: 0!important;
  padding-right: 0!important;
}

.forgetWin .body .errorInfo {
  margin-left: 3.02rem; /* 302px → 3.02rem */
  width: 2.8rem; /* 280px → 2.8rem */
  height: 0.3rem; /* 30px → 0.3rem */
  padding: 0.05rem 0; /* 5px → 0.05rem */
  line-height: 0.16rem;
  font-size: 0.12rem;
  color: #D0021B;
}

.forgetWin .body .loginBtn {
  margin-left: 3.02rem;
  width: 2.8rem;
  height: 0.4rem;
  border-radius: 0.04rem;
  background-color: #1374E2;
  color: #FFFFFF;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.4rem;
  cursor: pointer;
}