@charset "UTF-8";
@media screen and (min-width: 1000px) {


  .sign-top, .login-form, .qq-body, .sign-top-phone, .nouser-body {
    display: none; }

  .other-login-background {
    display: block; } }
@media screen and (max-width: 999px) and (min-width: 0px) {
  .py_top,
  .sign_bg, .reg_top, .bind_main, .reg_top, .reg_main {
    display: none; } }
.my-modal {
  display: none; }
  .my-modal .my-modal-bg {
    width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0.8;
    filter: Alpha(Opacity=80); }
  .my-modal .my-modal-alert {
    width: 5.10rem;
    height: 2.92rem;
    border-radius: 0.15rem;
    position: absolute;
    top: 1.24rem;
    left: 1.49rem;
    background-color: #ffffff;
    z-index: 9999; }
    .my-modal .my-modal-alert p {
      text-align: center;
      margin-top: 0.87rem;
      line-height: 0.6rem;
      font-size: 0.36rem;
      color: #2f2e2e; }
    .my-modal .my-modal-alert .close {
      position: absolute;
      right: 0.1rem;
      top: 0.1rem;
      font-size: 0.4rem; }

.provisions {
  background-color: #f9f8f6; }
  .provisions h1 {
    font-size: 0.36rem;
    margin: 0.4rem;
    text-align: center;
    color: #535353;
    font-weight: bold; }
  .provisions .provisions-text {
    width: 6.8rem;
    margin: 0.49rem 0 0 0.35rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #535353; }
    .provisions .provisions-text h2 {
      font-size: 0.32rem;
      font-weight: bold;
      color: #535353;
      line-height: 0.6rem; }
    .provisions .provisions-text .magin-bottom-60 {
      margin-bottom: 0.6rem; }

.nouser-body {
  background-color: #f9f8f6; }
  .nouser-body .real-name input {
    border: 1px solid #aeaeae;
    width: 6.3rem;
    height: 0.8rem;
    border-radius: 0.05rem;
    font-size: 0.28rem;
    color: #979797;
    padding-left: 0.28rem;
    margin: 0.6rem 0 0 0.59rem; }
  .nouser-body .agree {
    margin: 0.3rem 0 0 0.59rem;
    font-size: 0; }
    .nouser-body .agree .agree-icon {
      display: inline-block; }
      .nouser-body .agree .agree-icon .agree-icon-on {
        font-size: 0.25rem;
        color: #c0191f; }
      .nouser-body .agree .agree-icon .agree-icon-no {
        font-size: 0.25rem;
        color: #c0191f;
        display: none; }
    .nouser-body .agree p {
      display: inline-block;
      margin-left: 0.13rem;
      font-size: 0.22rem;
      color: #979797; }
      .nouser-body .agree p a {
        color: #90704d; }
  .nouser-body form {
    margin-top: 0.31rem; }
    .nouser-body form input {
      border-radius: 0.05rem;
      border: 1px solid #aeaeae;
      height: 0.8rem;
      font-size: 0.28rem;
      color: #979797; }
    .nouser-body form .no-phone {
      margin: 0.31rem 0 0 0.6rem;
      position: relative; }
      .nouser-body form .no-phone .width-230 {
        display: inline-block;
        width: 2.3rem;
        padding-left: 0.18rem;
        color: #2f2e2e; }
      .nouser-body form .no-phone .width-391 {
        display: inline-block;
        width: 3.91rem;
        padding-left: 0.51rem; }
      .nouser-body form .no-phone .down {
        position: absolute;
        left: 1.9rem;
        top: 0.22rem;
        color: #d4d4d4; }
      .nouser-body form .no-phone .select {
        display: none;
        position: absolute;
        top: 0.8rem;
        width: 2.3rem;
        height: 1.6rem;
        background-color: yellow; }
    .nouser-body form p {
      margin: 0.3rem 0 0 0.57rem;
      font-size: 0.22rem;
      color: #979797; }
    .nouser-body form .no-dynamic {
      font-size: 0;
      margin: 0.35rem 0 0 0.6rem; }
      .nouser-body form .no-dynamic .width-365 {
        display: inline-block;
        width: 3.65rem;
        padding-left: 0.28rem; }
      .nouser-body form .no-dynamic .get-code {
        display: inline-block;
        width: 2.46rem;
        height: 0.8rem;
        line-height: 0.8rem;
        background-color: #90704d;
        font-size: 0.28rem;
        text-align: center;
        border-radius: 0.05rem;
        margin-left: 0.2rem;
        color: #ffffff; }
    .nouser-body form button {
      width: 6.3rem;
      height: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
      margin: 0.9rem 0 4.67rem 0.6rem;
      border: none;
      border-radius: 0.05rem;
      background-color: #ca1019; }
      .nouser-body form button a {
        color: #ffffff;
        font-size: 0.36rem; }

.qq-body, .qq-body-phone {
  background-color: #f9f8f6; }
  .qq-body .maps div, .qq-body-phone .maps div {
    display: inline-block; }
  .qq-body .maps .maps-l, .qq-body-phone .maps .maps-l {
    font-size: 2.12rem;
    color: #2f7bd5;
    margin: 0.51rem 0 0 1.09rem; }
  .qq-body .maps .maps-l-wechat, .qq-body-phone .maps .maps-l-wechat {
    color: #45a638; }
  .qq-body .maps .maps-l-pay, .qq-body-phone .maps .maps-l-pay {
    color: #1e95d4; }
  .qq-body .maps .maps-l-weibo, .qq-body-phone .maps .maps-l-weibo {
    color: #c0191f; }
  .qq-body .maps .maps-change, .qq-body-phone .maps .maps-change {
    font-size: 0.965rem;
    color: #979797;
    margin: 0rem 0 0 0.08rem;
    vertical-align: text-bottom; }
  .qq-body .maps .maps-r, .qq-body-phone .maps .maps-r {
    font-size: 2.12rem;
    color: #c30418;
    margin: 0.51rem 0 0 0.0rem; }
  .qq-body p, .qq-body-phone p {
    margin-top: 0.1rem;
    font-size: 0.28rem;
    color: #535353;
    text-align: center; }
  .qq-body a .magin-top-138, .qq-body-phone a .magin-top-138 {
    margin-top: 1.38rem; }
  .qq-body a button, .qq-body-phone a button {
    border: none;
    width: 6.30rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #ffffff;
    background-color: #ca1019;
    text-align: center;
    margin: 0.3rem 0 0 0.6rem; }
  .qq-body a .magin-bottom-416, .qq-body-phone a .magin-bottom-416 {
    margin-bottom: 4.16rem; }

.sign-top, .sign-top-phone {
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  background-color: #c0191f;
  color: #ffffff;
  overflow: hidden; }
  .sign-top .turn-back, .sign-top-phone .turn-back {
    display: inline-block;
    margin: 0rem 0 0 0.34rem; }
  .sign-top span, .sign-top-phone span {
    display: inline-block;
    font-size: 0.36rem;
    margin: 0rem 0 0 2.48rem; }
  .sign-top .register, .sign-top-phone .register {
    display: inline-block;
    font-size: 0.28rem;
    margin: 0 0  0 1.89rem; }
  .sign-top .magin-left-213, .sign-top-phone .magin-left-213 {
    margin-left: 2.13rem; }

.login-form ul {
  font-size: 0; }
  .login-form ul li {
    border: none;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 50%;
    display: inline-block;
    color: #90704d;
    background-color: #F4F1ED;
    font-size: 0.28rem;
    text-align: center; }
  .login-form ul .active {
    font-size: 0.28rem;
    font-weight: bold;
    color: #ca1019;
    background-color: #ffffff; }
.login-form .login-form-info {
  margin-top: 0.42rem; }
  .login-form .login-form-info .login-group {
    font-size: 0;
    position: relative;
    margin: 0.3rem 0 0 0.6rem; }
    .login-form .login-form-info .login-group .select-sign {
      display: none;
      position: absolute;
      z-index: 1;
      top: 0.8rem;
      width: 2.44rem;
      height: 1.6rem;
      background-color: yellow; }
      .login-form .login-form-info .login-group .select-sign p {
        margin: 0.3rem 0 0 0.57rem;
        font-size: 0.22rem;
        color: #979797; }
    .login-form .login-form-info .login-group .down {
      position: absolute;
      color: #d4d4d4;
      font-size: 0.32rem;
      left: 2.0rem;
      top: 0.23rem; }
    .login-form .login-form-info .login-group span {
      position: absolute;
      top: 0.15rem;
      left: 0.28rem;
      font-size: 0.38rem;
      color: #aeaeae; }
    .login-form .login-form-info .login-group input {
      width: 6.3rem;
      height: 0.8rem;
      font-size: 0.28rem;
      border-radius: 0.05rem;
      border: 1px solid #aeaeae;
       }
    .login-form .login-form-info .login-group .width-450 {
      width: 4.5rem;
      padding-left: 0.28rem; }
    .login-form .login-form-info .login-group .width-244 {
      width: 2.44rem;
      color: #2f2e2e;
      padding-left: 0.28rem; }
    .login-form .login-form-info .login-group .width-366 {
      padding-left: 0.27rem;
      color: #979797; }
    .login-form .login-form-info .login-group .width-365 {
      width: 3.65rem;
      padding-left: 0.28rem; }
    .login-form .login-form-info .login-group .dynamic {
        display: inline-block;
        margin-left: 0.2rem;
        width: 2.46rem;
        background-color: #90704d;
        font-size: 0.28rem;
        height: 0.83rem;
        line-height: 0.8rem;
        color: #ffffff;
        border-radius: 0.05rem;
        border: none; }
    .login-form .login-form-info .login-group .verification {
      font-size: 0.28rem;
      width: 1.75rem;
      height: 0.76rem;
      display: inline-block;
      margin-left: 0.08rem;
      vertical-align: top;
      background-color: #edefed;
      border-radius: 0.05rem; }
  .login-form .login-form-info .auto-login {
    margin: 0.31rem 0 0 0.65rem;
    font-size: 0; }
    .login-form .login-form-info .auto-login .auto-login-l {
      display: inline-block;
      font-size: 0.26rem;
      color: #2f2e2e; }
      .login-form .login-form-info .auto-login .auto-login-l span {
        display: inline-block;
        color: red;
        font-size: 0.2rem;
        margin-right: 0.11rem; }
      .login-form .login-form-info .auto-login .auto-login-l .auto-login-l-no {
        display: none; }
    .login-form .login-form-info .auto-login .auto-login-l-r {
      display: inline-block;
      font-size: 0.26rem;
      color: #2f2e2e; }
      .login-form .login-form-info .auto-login .auto-login-l-r span {
        display: inline-block;
        color: red;
        font-size: 0.2rem;
        margin-right: 0.11rem; }
      .login-form .login-form-info .auto-login .auto-login-l-r .auto-login-l-r-no {
        display: none; }
    .login-form .login-form-info .auto-login .auto-login-r {
      display: inline-block;
      font-size: 0.26rem;
      color: #90704d;
      margin-left: 3.01rem; }
  .login-form .login-form-info button {
    margin-bottom: 4.67rem;
    border: none;
    width: 6.30rem;
    height: 0.80rem;
    margin: 0.32rem 0 0 0.60rem;
    border-radius: 0.05rem;
    background-color: #ca1019;
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.80rem; }
.login-form .other-login {
  width: 6.26rem;
  border: 1px solid #d4d4d4;
  height: 0px;
  margin: 0.99rem 0 0 0.60rem;
  position: relative; }
  .login-form .other-login span {
    position: absolute;
    top: -0.2rem;
    left: 1.87rem;
    display: inline-block;
    font-size: 0.28rem;
    color: #808080;
    padding: 0 0.12rem 0 0.16rem;
    background-color: #ffffff; }
.login-form .other-login-info {
  margin-top: 0.345rem;
  font-size: 0; }
  .login-form .other-login-info .other-login-info-in {
    display: inline-block;
    color: #90704d;
    font-size: 0.675rem;
    margin-left: 0.955rem; }

.other-login-background {
  background-color: #f9f8f6;
  overflow: hidden; }

/*# sourceMappingURL=sign_phone.css.map */