.page-body {
  border-top: 1px solid #e7e7e7;
  overflow: hidden;
  font-size: 14px;
}
.page-body .page-title {
  padding: 20px 50px 20px;
  color: #3f3f3f;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
}
.page-body .left-box {
  /*width: 680px;*/
  width:100%;
  float: left;
  /*border-right: 1px solid #E7E7E7;*/
}
.page-body .left-box .ruleForm {
  width: 370px;
  margin: auto;
}
.page-body .left-box .ruleForm .el-input {
  width: 220px;
}
.page-body .left-box .ruleForm .width-100 {
  width: 100px;
}
.page-body .left-box .ruleForm .forget-pwd {
  color: #3f3f3f;
}
.page-body .left-box .ruleForm .code-btn {
  color: #3f3f3f;
  font-weight: normal;
}
.page-body .left-box .el-input {
  width: 220px;
}
.page-body .left-box .submit-btn {
  width: 200px;
  border-radius: 0;
  background-color: #5ecfba;
  color: #fff;
  padding: 8px 12px;
  background: #5ecfba;
  border-color: #5ecfba;
  margin-right: 10px;
}
.page-body .hide{display:none;}
.page-body .right-box {
  width: 290px;
  padding-left: 50px;
  float: left;
}
.page-body .right-box .tip {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
  width: 100%;
  height: 17px;
  text-align: center;
}
.page-body .right-box .tip span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  padding: 0 20px;
}
.page-body .right-box .weixin-sign,
.page-body .right-box .qq-sign {
  display: block;
  width: 240px;
  height: 30px;
  color: #fff;
  margin: 0 auto 20px;
  line-height: 30px;
  position: relative;
  text-align: center;
}
.page-body .right-box .weixin-sign {
  background: #55D865;
}
.page-body .right-box .qq-sign {
  background: #4796D4;
}
.page-body .right-box .login-now {
  font-size: 14px;
  text-align: center;
}
.page-body .right-box .login-now a {
  color: #666;
}
.page-body .right-box .login-now a:hover {
  color: #ff9900;
}