* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 13px !important;
  font-weight: 400;
  font-family: Poppins, Helvetica, "sans-serif";
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 1199.98px) {
  html,
  body {
    font-size: 13px !important;
  }
}
@media (max-width: 991.98px) {
  html,
  body {
    font-size: 12px !important;
  }
}
.mb-10,
.my-10 {
  margin-bottom: 2.5rem !important;
}
.ml-20,
.mx-20 {
  margin-left: 5rem !important;
}
.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
  display: none;
}

.login.login-4.login-signin-on .login-signup {
  display: none;
}

.login.login-4.login-signin-on .login-signin {
  display: block;
}

.login.login-4.login-signin-on .login-forgot {
  display: none;
}

.login.login-4.login-signup-on .login-signup {
  display: block;
}

.login.login-4.login-signup-on .login-signin {
  display: none;
}

.login.login-4.login-signup-on .login-forgot {
  display: none;
}

.login.login-4.login-forgot-on .login-signup {
  display: none;
}

.login.login-4.login-forgot-on .login-signin {
  display: none;
}

.login.login-4.login-forgot-on .login-forgot {
  display: block;
}

.login.login-4 .login-form {
  width: 100%;
  max-width: 450px;
}

@media (max-width: 575.98px) {
  .login.login-4 .login-form {
    width: 100%;
    max-width: 100%;
  }
}
/* 小屏幕兼容样式重置 */
@media (max-width: 992px) {
  html,
  body {
    font-size: 13px !important;
  }
}
body {
  display: flex;
  flex-direction: column;
  color: #3f4254;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
}
.p-7 {
  padding: 1.75rem !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-root {
  flex: 1;
  -ms-flex: 1 0 0px;
}
.flex-row-fluid {
  flex: 1 auto;
  -ms-flex: 1 0 0px;
  min-width: 0;
}
.mb-15,
.my-15 {
  margin-bottom: 3.75rem !important;
}
.max-h-75px {
  max-height: 75px !important;
}
.text-center {
  text-align: center !important;
}

#qr_login iframe {
  height: 325px !important;
}
.form-group .logo {
  width: 20px;
}
.login_tip_box {
  margin-bottom: 0;
}
.login_tip_box h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
}
.login_tip_box .logo {
  margin: 0 3px;
}

h5,
.h5 {
  font-size: 1.25rem;
}

.bgi-size-length {
  background-size: length;
}

.bgi-size-cover {
  background-size: cover;
}

.bgi-size-contain {
  background-size: contain;
}

.bgi-no-repeat {
  background-repeat: no-repeat;
}

.bgi-position-y-top {
  background-position-y: top;
}

.bgi-position-y-bottom {
  background-position-y: bottom;
}

.bgi-position-y-center {
  background-position-y: center;
}

.bgi-position-x-left {
  background-position-x: left;
}

.bgi-position-x-right {
  background-position-x: right;
}

.bgi-position-x-center {
  background-position-x: center;
}

.bgi-position-top {
  background-position: 0 top;
}

.bgi-position-bottom {
  background-position: 0 bottom;
}

.bgi-position-center {
  background-position: center;
}

.bg-transparent {
  background-color: transparent;
}

.p-sm-30 {
  padding: 7.5rem !important;
}

.mt-40,
.my-40 {
  margin-top: 10rem !important;
}