.logon-view {
  background: url(https://1919-new-bbc-pro-oss.1919.cn/web/images/login/login-bg.png) no-repeat top / cover;
  padding: 5.625000rem 0px;
}
.logon-view .login-form {
  width: 21.500000rem;
  background: #FFFFFF;
  border-radius: 0.750000rem;
  padding: 1.500000rem 1.500000rem 2.187500rem 1.500000rem;
  margin-left: 64%;
}
.logon-view .login-form .title {
  font-size: 1.125000rem;
  font-weight: 500;
  color: #111B51;
  line-height: 1.375000rem;
  text-align: center;
  margin-bottom: 1.562500rem;
}
.logon-view .login-form .input-view {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logon-view .login-form .icon-user,
.logon-view .login-form .icon-pwd {
  position: absolute;
  left: 0.625000rem;
  width: 1.125000rem;
}
.logon-view .login-form .icon-eye {
  position: absolute;
  right: 0.625000rem;
  width: 1.125000rem;
}
.logon-view .login-form .login-input {
  flex: 1;
  padding-left: 2.500000rem;
  height: 2.000000rem;
  background: #FFFFFF;
  border-radius: 0.125000rem;
  border: 0.0625rem solid #DCDEE0;
  color: #333;
  font-size: 0.875000rem;
}
.logon-view .login-form .login-input:focus-visible {
  border: 0.125000rem solid #155BD4;
  outline: none;
}
.logon-view .login-form .mt {
  margin-top: 1.000000rem;
}
.logon-view .login-form .btn_sms {
  min-width: 4.687500rem;
  height: 2.125000rem;
  background: #1143D1;
  border-radius: 0.125000rem;
  border: none;
  color: #fff;
  font-size: 0.875000rem;
  margin-left: 0.625000rem;
}
.logon-view .login-form .success-view {
  width: 100%;
  margin: 2.500000rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logon-view .login-form .success-view .welcome-tip {
  font-size: 1.000000rem;
  color: #111B51;
}
.logon-view .login-form .success-view .logo-1919 {
  width: 6.250000rem;
  margin-top: 2.500000rem;
}
.logon-view .login-form .success-view .user-tit {
  font-size: 1.125000rem;
  color: #111B51;
  margin-top: 1.500000rem;
}
.logon-view .login-form .success-view .inter-btn {
  width: 18.437500rem;
  height: 2.250000rem;
  line-height: 2.250000rem;
  background: #1143D1;
  border-radius: 0.125000rem;
  font-size: 1.000000rem;
  color: #FFFFFF;
  margin-top: 2.500000rem;
  border: none;
}
.logon-view .phone-label {
  font-size: 0.875000rem;
}
.logon-view .protocol {
  font-size: 0.812500rem;
}
.logon-view .protocol #look-protocol {
  color: #787D9C;
}
.logon-view .pwd-label {
  color: #787D9C;
  font-size: 0.812500rem;
}
.logon-view .login-btn {
  width: 100%;
  height: 2.250000rem;
  background: #1143D1;
  border-radius: 0.125000rem;
  border: none;
  color: #fff;
  font-size: 1.000000rem;
  margin-top: 1.500000rem;
  margin-bottom: 0.312500rem;
}
.logon-view input[type='checkbox'] {
  margin: 0px 0.625000rem 0px 0px;
  font-size: 0.812500rem;
  color: #787D9C;
  vertical-align: -0.187500rem;
  width: 0.937500rem;
  height: 0.937500rem;
}
.popup-view .login-protocol {
  width: 50.000000rem!important;
  border-radius: 0px!important;
  padding: 0px!important;
  justify-content: space-between;
  align-items: center;
}
.popup-view .login-protocol .user-protocol {
  font-size: 0.875000rem;
  color: #868686;
  background-color: #f3f3f3;
  padding: 1.312500rem 1.625000rem;
}