.pc-login {
  width: 100%;
  height: 768px;
  background: url('../images/pc_login_back.png') no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
.pc-login .logo {
  width: 700px;
  margin: 75px 140px 45px;
}
.pc-login .logo img {
  width: 100%;
}
.pc-login .r-logo {
  margin-top: 30px;
}
.pc-login .r-logo img {
  width: 240px;
  margin-right: 40px;
}
.pc-login .hos-logo {
  width: 300px;
  margin: 0 auto;
}
.pc-login .main {
  width: 250px;
  margin: 0 auto;
}
.pc-login .main .item {
  height: 36px;
  line-height: 36px;
  width: 100%;
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  margin-bottom: 20px;
}
.pc-login .main .item img {
  width: 36px;
  height: 36px;
}
.pc-login .main .item input,
.pc-login .main .item select {
  height: 36px;
  line-height: 36px;
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
  text-indent: 10px;
}
.pc-login .pc-login-btn {
  width: 250px;
  margin: 0 auto 30px;
  cursor: pointer;
}
.pc-login .hos-name {
  width: 320px;
  margin: 30px auto 0;
}
.pc-index .pc-login-btn {
  width: 250px;
  margin: 0 auto;
  cursor: pointer;
}
.pc-index .tips {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  margin: 15px 0;
}
.pc-register .main {
  overflow: hidden;
  width: 440px;
}
.pc-register .main .item {
  width: 210px;
}
.pc-register #provice,
.pc-register #city {
  color: #777;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  background-color: #fff;
}
.pc-register .pc-login-btn {
  margin-top: 10px;
}
.pc-register .logo {
  margin-bottom: 30px;
}
.pc-zhibo {
  padding-bottom: 70px;
}
.pc-zhibo .content {
  width: 90%;
  margin: 0 auto;
}
.pc-zhibo .logo-box {
  width: 90%;
  margin: 0 auto;
}
.pc-zhibo .logo {
  width: 65%;
  margin: 50px auto 20px;
}
.pc-zhibo .r-logo {
  width: 25%;
  margin-top: 50px;
}
.pc-zhibo .r-logo img {
  width: 100%;
  margin-right: 0;
}
.pc-zhibo .pc-login-btn {
  margin-top: 30px;
  width: 250px;
}
body::-webkit-scrollbar {
  display: none;
}
.mob-index {
  background: url('../images/mob_back.png') no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 840px;
  margin: 0 auto;
}
.mob-index .logo {
  width: 90%;
  margin: 0 auto;
  margin-top: 58px;
  margin-bottom: 70px;
}
.mob-index .r-logo {
  margin-top: 10px;
}
.mob-index .r-logo img {
  width: 140px;
  margin-right: 10px;
}
.mob-index .hos-logo {
  width: 65%;
  margin: 25px auto;
  max-width: 300px;
}
.mob-index .mob-btn {
  width: 65%;
  margin: 0 auto;
  max-width: 300px;
}
.mob-index .tips {
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 30px;
  margin: 10px 0;
}
.mob-index .zhibo-logo {
  width: 90%;
  margin: 20px auto;
  max-width: 500px;
}
.mob-index .invitation {
  width: 65%;
  margin: 0 auto;
}
.mob-index .par-mode {
  width: 300px;
  margin: 10px auto;
}
.mob-index .par-mode .mode {
  width: 68%;
}
.mob-index .par-mode .qr-code {
  width: 30%;
  margin-top: 15px;
}
.mob-reg .main {
  width: 65%;
  margin: 0 auto;
}
.mob-reg .main .item {
  height: 32px;
  line-height: 32px;
  width: 100%;
  border-radius: 5px;
  border-left: none;
  margin-bottom: 15px;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
}
.mob-reg .main .item img {
  width: 32px;
  height: 32px;
}
.mob-reg .main .item input {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  width: 100%;
  text-indent: 10px;
}
.mob-reg #provice,
.mob-reg #city {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  border: none;
  color: #666;
  background-color: #fff;
  box-sizing: border-box;
}
.mob-reg .mob-btn {
  margin-top: 20px;
}
.m-r .logo {
  margin-bottom: 15px;
}
.mob-login .main {
  margin: 0 auto;
}
.mob-login .main .item {
  margin-bottom: 30px;
}