page ,.container{
  width: 750rpx;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.form-box{
  width:90%;
  height:36%;
  overflow:hidden;
  padding:0 80rpx;
  margin:65px auto 20px auto;
  box-shadow:3px 1px 10px #ccc;
  border-radius:19rpx;
}

.form-item{
  position: relative;
  background: #fff;
  display: flex;
  flex: 1;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-top:55rpx;
}
.form-item input{
  flex: 1;
}
.form-item .username, .form-item .password, .form-item .code{
  position: absolute;
  top: 26rpx;
  left: 0;
  display: block;
  width: 100%;
  height: 44rpx;
  background: #fff;
  color: #333;
  font-size: 30rpx;
}

.form-item-code{
  margin-top:17rpx;
  height: auto;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
}

.form-item-code .form-item{
  float: left;
  width: 350rpx;
}

.form-item-code .sms-r{
  float: right;
  margin-top: 4rpx;
  height: 68rpx;
  width: 186rpx;
}

.form-item .clear{
  display: block;
  background: #fff;
  height: 44rpx;
  width: 44rpx;
}

.login-btn{
  margin-top:70rpx;
  height:72rpx;
  line-height:72rpx;
  color:#fff;
  font-size:28rpx;
width:48%;
  background:#1AAD19;
  border-radius:50rpx;
  float:left;
  margin-left: 10rpx;
}

.no-login-btn{
  margin-top:70rpx;
  height:72rpx;
  line-height:72rpx;
  color:#fff;
  font-size:28rpx;
  width:48%;
  background:#a09e9e;
  border-radius:50rpx;
  float:left;
  margin-left: 12rpx;
}

.form-item-text{
  height: 35rpx;
  width: 100%;
}

.form-item-text .register{
  display: block;
  height: 34rpx;
  float: left;
  font-size: 28rpx;
  color: #999;
}

.form-item-text .reset{
  display: block;
  height: 34rpx;
  float: right;
  font-size: 28rpx;
  color: #999;
}

.sms-rr .btn{
  height: 60rpx;
  line-height: 60rpx;
  font-size: 28rpx;
  margin-top:30rpx;
}
.login-third{
  /* margin: 117rpx auto 60rpx auto; */
  width:65%;
  float:left;
}
.login-third-text{
  /* margin: 117rpx auto 60rpx auto; */
  color: #999;
  text-align: center;
  font-size:32rpx;
  width:50%;
  float:left;
}
.login-third-div{
  width:170rpx;
  background:#ccc;
  height:1px;
  float:left;
  margin-top:24rpx;
  margin-left:84rpx;
}
.login-third-div2{
  width:170rpx;
  background:#ccc;
  height:1px;
  margin-top:24rpx;
  margin-left:243rpx;
}
.sq-weixin-view{
  width: 150rpx;
  margin: 0px auto;
  padding-top:100rpx;
}
.sq-weixin-view button{
  width: 150rpx;
  height: 150rpx;
  background:url(http://120.76.26.84:80/group1/M00/00/49/rBJEdV3JDzaAI3ceAAAreqbIuTw477.png) 0 0 no-repeat;
  background-size:156.803rpx;
}

.sq-weixin-view button:after{
  border: none;
}
.regist{
  width:17%;
  height:60rpx;
  margin-left:581rpx;
  color:#b4282d;
  /* text-align:right; */
}

.regist-btn{
  margin-top:70rpx;
  height:72rpx;
  line-height:72rpx;
  color:#fff;
  font-size:30rpx;
  width:100%;
  background:#1AAD19;
  border-radius:50rpx;
}