.p-con { position: relative; width: 100%; height: 100%; background: #981838; color: #535353; text-align: center; }
/* 头部 */
.p-con .hd { position: absolute; top: 0; left: 0; right: 0; background: #ffffff; }
.p-con .hd img { display: block; margin: 0 auto; padding: 0.3rem 0 0.1rem 0; }
.p-con .hd .txt { margin: 0 auto; padding: 0 0 0.2rem 0; letter-spacing: 0.05rem; font-size: 0.32rem; font-weight: 700; }
/* 底部 */
.p-con .ft { position: fixed; bottom: 0; left: 0; right: 0; padding: 0.4rem 0 0.1rem 0; background: #e5e5e5; }
.p-con .ft .num { font-size: 0.14rem; line-height: 1.5; }
.p-con .ft .time { font-size: 0.14rem; line-height: 1.5; }
.p-con .ft .txt { padding: 0.1rem; color: #898989; font-size: 0.12rem; line-height: 1.5; }
/* 中间部分 */
.p-con .bd { position: relative; padding: 1.45rem 0 1.3rem 0; margin: 0 auto; height: 100%; min-height: 6rem; box-sizing: border-box; }
.p-con .bd .router-link-class { color: #ffffff; text-decoration: none; }

/* normal 登录 */
.p-con .bd .top50 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.p-con .bd .top50 img { display: block; margin: 0 auto; }
.p-con .bd .top50 .login-btn { margin-top: 0.1rem; background: #ffffff; border-color: #ffffff; color: #000; width: 100%; }
.p-con .bd .top50 .text { margin-top: -16px; color: #e5e5e5; font-size: 16px; line-height: 1.5; overflow: hidden; }
.p-con .bd .top50 .text .code-login { float: left; cursor: pointer; }
.p-con .bd .top50 .text .forget-pwd { float: right; cursor: pointer; }

/* forget 登录 */
.step1 { font-size: 0.16rem; width: 71%; margin: 0.6rem auto 0 auto; }
.step1 .go-back { margin-top: 0.2rem; text-align: left; }
.step2 { width: 71%; margin: 0.6rem auto 0 auto; }
.step2 .txt { margin-bottom: 0.3rem; font-size: 0.16rem; color: #ffffff; text-align: left; }
.step2 .el-form-item__label { font-size: 0.16rem; color: #ffffff; }
.step2 .operate { margin-top: 0.2rem; }
.step3 { width: 68%; margin: 0.6rem auto 0 auto; }
.step3 .el-form-item:last-child { margin-bottom: 0; }
.step3 .el-form-item__label { font-size: 0.16rem; color: #ffffff; text-align: left; }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  html { font-size: 80px; }
  .step3 { width: 90%; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  html { font-size: 80px; }
  .step3 { width: 80%; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  html { font-size: 80px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  html { font-size: 90px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  html { font-size: 100px; }
}
