.mob-login {
  width: 100%;
  height: 100%;
  background: url('../images/m_back.png') no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
.mob-login .logo {
  width: 230px;
  margin: 110px auto 60px;
}
.mob-login .main {
  width: 300px;
  margin: 0 auto;
  color: #fff;
}
.mob-login .main .item {
  margin-bottom: 20px;
  height: 36px;
  line-height: 36px;
}
.mob-login .main .item input {
  height: 36px;
  width: 240px;
  border-radius: 6px;
  text-indent: 10px;
}
.mob-login .main .item span {
  width: 40px;
  font-size: 16px;
}
.mob-login .tips {
  margin-left: 60px;
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
}
.mob-login .tips input {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.mob-login .tips span {
  font-size: 15px;
  color: #0c28ce;
}
.mob-login .mob-btn {
  width: 210px;
  margin-left: 60px;
  margin-top: 40px;
}
.pc-login {
  width: 1024px;
  height: 768px;
  margin: 0 auto;
  background: url('../images/pc_back.png') no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
.pc-login .logo {
  width: 560px;
  margin: 70px auto 100px;
}
.pc-login .main {
  width: 300px;
  margin: 0 auto;
  color: #fff;
}
.pc-login .main .item {
  margin-bottom: 20px;
  height: 36px;
  line-height: 36px;
}
.pc-login .main .item input {
  height: 36px;
  width: 240px;
  border-radius: 6px;
  text-indent: 10px;
}
.pc-login .main .item span {
  width: 40px;
  font-size: 16px;
}
.pc-login .tips {
  margin-left: 60px;
  height: 20px;
  line-height: 20px;
  margin-top: 20px;
}
.pc-login .tips input {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.pc-login .tips span {
  font-size: 15px;
  color: #0c28ce;
}
.pc-login .mob-btn {
  width: 210px;
  margin-left: 60px;
  margin-top: 40px;
}