.bg{
  position: relative;
  width: 10rem;
  margin: 0 auto;
}
.login-ul{
  height: 1.37rem;
  margin-bottom:0.5rem;
  margin-left:0.45rem;
  li{
    float: left;
    line-height: 1.37rem;
    font-size: 0.42rem;
    color: #999999;
    margin-right:0.1rem;
  }
}
.login-input-box{
  p{
    text-align: center;
    color: #111111;
    font-size: 0.42rem;
    margin-bottom:0.3rem;
  }
}
.input-content{
  position: relative;
  width: 7.52rem;
  height: 0.93rem;
  margin: 0 auto;
  background: url("../images/input.png")no-repeat;
  background-size: 100% 100%;
  input{
    position: absolute;
    border: none;
    left: 0.2rem;
    font-size: 0.35rem;
    width: 5rem;
    bottom: 0.065rem;
    height: 0.8rem;
    line-height: 0.93rem;
  }
  button{
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    width: 1.02rem;
    height: 0.73rem;
    background: linear-gradient(to right, #ff8d00 , #ff5200);
    border: none;
    border-radius: 0.1rem;
    color: #ffffff;
    box-shadow: 0rem 0.04rem 0.1rem #FFDFCD;
  }
}
.login-face-box{
  margin-top: 1rem;
  text-align: center;
  margin-bottom:2rem;
  p{
    font-size: 0.39rem;
    color: #111111;
    text-align: center;
  }
  img{
    margin-top: 0.45rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
  }
  span{
    display: block;
    text-align: center;
    color: #111111;
    font-size:0.35rem;
    margin-top: 0.27rem;
  }
}
.login-btn{
  width: 7.5rem;
  height: 1.2rem;
  margin-left:1.25rem;
  background: #dfdfe1;
  color: #ffffff;
  font-size:0.45rem;
  border-radius: 1.2rem;
}
.payfor-btn-out{
  width: 7.5rem;
  height: 1.2rem;
  margin-left:1.25rem;
  background: url("../images/payfor-btn.png")no-repeat;
  background-size: 100% 100%;
  color: #ff6600;
  font-size:0.45rem;
  border-radius: 1.2rem;
}
.login-btn-go{
  background: linear-gradient(to right, #ff8d00 , #ff5200);
  box-shadow: 0rem 0.06rem 0.1rem #FFDFCD;
}
.login-tips{
  position: absolute;
  color: red;
  font-size: 0.3rem;
  top: 0.95rem;
  left: 0.1rem;
  display: none;
}
.payfor-face{
  position: absolute;
  right: 0.6rem;
  top: 0.25rem;
  font-size: 0.3rem;
  height: 1rem;
  line-height: 1rem;
  img{
    vertical-align: middle;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    margin-top: -0.1rem;
  }
}
.payfor-ul{
  width: 9.8rem;
  margin-left:0.1rem;
  li{
    position: relative;
    float: left;
    width: 4.2rem;
    margin-left: 0.45rem;
    height: 1.3rem;
    border-radius: 0.15rem;
    border: 0.025rem solid #E0E0E0;
    margin-bottom: 0.3rem;
    p{
      text-align: center;
      height: 0.65rem;
      line-height: 0.55rem ;
    }
    .payfor-rmb{
      color: #111111;
      font-size: 0.4rem;
      line-height: 0.8rem !important;
    }
    .payfor-zuan{
      color: #999999;
      font-size: 0.28rem;
      line-height: 0.6rem !important;
    }
    .payfor-best{
      position: absolute;
      top: -0.2rem;
      left: -0.2rem;
      width: 0.58rem;
    }
  }
  .payfor-click{
    background: url("../images/bg-click.png")no-repeat;
    background-size: 100% 100%;
    border: 0.025rem solid #ffffff;
  }
}
.payfor-more{
  margin-top:0.6rem;
  margin-left:0.5rem;
  p{
    font-size: 0.32rem;
    margin-bottom:0.27rem;
  }
  ul{
    li{
      float: left;
      width: 2.6rem;
      height: 0.9rem;
      border: 0.025rem solid #E0E0E0;
      border-radius: 0.15rem;
      margin-right: 0.18rem;
      font-size: 0.3rem;
      text-align: center;
      line-height: 0.9rem;
      img{
        vertical-align: middle;
        width: 0.41rem;
        margin-top: -0.04rem;
      }
    }
  }
}
.payfor-button-box{
  margin-top:1.5rem;
  button{
    margin-bottom:0.3rem;
  }
}
.pay-click{
  background: url("../images/pay-click.png")no-repeat;
  background-size: 100% 100%;
  border: 0.025rem solid #ffffff !important;
}
.paybox{
  width: 5.75rem;
  height: 4.17rem;
  p{
    font-size: 0.3rem;
    text-align: center;
    color: #111111;
    padding-top: 0.6rem;
  }
  .layer-face{
    img{
      position: absolute;
      left: 1rem;
      top: 1.3rem;
      height: 1.1rem;
      width: 1.1rem;
      border-radius: 50%;
    }
  }
  .layer-uid{
    position: absolute;
    width: 3rem;
    left: 2.3rem;
    top: 1.3rem;
    p{
      text-align: left;
      padding-top:0.1rem;
    }
  }
}
#layui-layer1{
  border-radius: 0.2rem !important;
}
.layui-layer-ico{
  width: 0.35rem !important;
  height: 0.35rem !important;
  background: url(../images/close.png) no-repeat !important;
  background-size: 100% 100% !important;
  top: -0.2rem !important;
  right: -0.2rem !important;
}
.payfor-ok{
  position: absolute;
  bottom: -1.2rem;
  left: -1rem;
  width: 3.14rem;
  height: 0.68rem;
  color: #ffffff;
  font-size: 0.4rem;
  border-radius: 0.5rem;
  background: linear-gradient(to right, #ff8d00, #ff5200);
  box-shadow: 0rem 0.06rem 0.1rem #FFDFCD;
}
.pay-end{
  width: 5.75rem;
  height: 3.22rem;
  .p1{
    text-align: center;
    color: #111111;
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: 0.3rem;
    border-bottom:0.02rem solid #E8E8E8;
  }
  .p2{
    text-align: center;
    color: #ff6600;
    height: 0.95rem;
    line-height: 0.95rem;
    font-size: 0.3rem;
    border-bottom:0.02rem solid #E8E8E8;
  }
  .p3{
    text-align: center;
    height: 0.95rem;
    line-height: 0.95rem;
    font-size: 0.3rem;
    font-size: 0.3rem;
    border-bottom:0.02rem solid #E8E8E8;
  }
}

.yourclass2 .layui-layer-ico{
  display: none;
}
input::-webkit-input-placeholder{
  color:#e2e2e2;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#e2e2e2;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#e2e2e2;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#e2e2e2;
}