html {
  margin: 0 auto;
  background: url(../../img/pc/img-login-bg-bg.png) no-repeat #06202e;
  background-size: 100% 100%;
}
.app .page-box .page-content .main-content {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url(../../img/pc/img-login-bg.png) no-repeat;
  background-size: 67.6vw 36vw;
  background-position: 16.3vw 17.7vw;
}
.app .page-box .page-content .main-content .title-box {
  position: absolute;
  left: 26.5vw;
  top: 23.2vw;
  color: #fff;
}
.app .page-box .page-content .main-content .title-box h3 {
  font-size: 1.6vw;
}
.app .page-box .page-content .main-content .title-box h1 {
  margin-top: 1vw;
  font-size: 2.5vw;
}
.app .page-box .page-content .main-content .login-box {
  position: absolute;
  top: 16.7vw;
  right: 24.6vw;
  width: 16.7vw;
  height: 26.7vw;
  padding: 0 1.1vw;
  border-radius: 0.5vw;
  background: #fff;
}
.app .page-box .page-content .main-content .login-box .sub-title {
  margin-top: 2.9vw;
  font-size: 1.3vw;
  color: #409dfd;
}
.app .page-box .page-content .main-content .login-box .input-table {
  margin-top: 3.2vw;
}
.app .page-box .page-content .main-content .login-box .input-table .phone-input-box {
  padding: 0 0.8vw;
  display: flex;
  align-items: center;
  width: 100%;
  height: 2vw;
  border: 1px solid #409dfd;
  border-radius: 0.3vw;
}
.app .page-box .page-content .main-content .login-box .input-table .phone-input-box p {
  padding-right: 0.4vw;
  border-right: 1px solid #000;
  font-size: 0.7vw;
  color: #a7a7a7;
}
.app .page-box .page-content .main-content .login-box .input-table .phone-input-box input {
  margin-left: 0.4vw;
  border: none;
  outline: none;
  background: none;
  font-size: 0.7vw;
  color: #000;
}
.app .page-box .page-content .main-content .login-box .input-table .password-input-box {
  display: flex;
  align-items: center;
  padding: 0 0.8vw;
  margin-top: 0.8vw;
  width: 100%;
  height: 2vw;
  border: 1px solid #409dfd;
  border-radius: 0.3vw;
}
.app .page-box .page-content .main-content .login-box .input-table .password-input-box input {
  margin-left: 0.4vw;
  border: none;
  outline: none;
  background: none;
  font-size: 0.7vw;
  color: #000;
}
.app .page-box .page-content .main-content .login-box .btn-login {
  margin-top: 3.4vw;
  width: 100%;
  height: 2vw;
  line-height: 2vw;
  background: #1ca5ff;
  border-radius: 0.3vw;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.app .page-box .page-content .main-content .login-box .agree-box {
  margin-top: 0.8vw;
  display: flex;
}
.app .page-box .page-content .main-content .login-box .agree-box .btn-agree {
  width: 1.5vw;
  height: 1.5vw;
  background: url(../../img/pc/img-icon-d-select.png) no-repeat;
  background-size: 0.7vw 0.7vw;
  background-position: center;
  cursor: pointer;
}
.app .page-box .page-content .main-content .login-box .agree-box .btn-agree.selected {
  background: url(../../img/pc/img-icon-d-selected.png) no-repeat;
  background-size: 0.7vw 0.7vw;
  background-position: center;
}
.app .page-box .page-content .main-content .login-box .agree-box .tips {
  padding-top: 0.3vw;
  font-size: 0.6vw;
  color: #5d5d5d;
}
.app .page-box .page-content .main-content .login-box .agree-box .tips a {
  color: #409dfd;
}