* {
  margin: 0;
  padding: 0;
}
.box {
  width: 100%;
  height: 100%;
}
.box .title {
  width: 100%;
  height: 0.520833rem;
  background: #ffffff;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.box .title .cons {
  width: 7.5rem;
  margin: 0 auto;
  height: 100%;
}
.box .title .cons img {
  width: 0.53125rem;
  height: 0.3125rem;
  margin-top: 0.104167rem;
  cursor: pointer;
  float: left;
}
.box .title .cons p {
  width: 0.848958rem;
  height: 0.203125rem;
  float: right;
  background: #ffffff;
  border: 1px solid #c93948;
  border-radius: 0.104167rem;
  font-size: 0.072917rem;
  font-family: Arial;
  font-weight: 400;
  color: #c93948;
  line-height: 0.203125rem;
  margin-right: 0.104167rem;
  margin-top: 0.15625rem;
  cursor: pointer;
}
.box .title .cons p img {
  width: 0.09375rem;
  height: 0.083333rem;
  margin-top: 0.059083rem;
  margin-left: 0.064167rem;
  margin-right: 0.042083rem;
}
.box .title .cons .register {
  width: 0.848958rem;
  height: 0.203125rem;
  float: right;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 0.104167rem;
  font-size: 0.072917rem;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
  line-height: 0.203125rem;
  margin-right: 0.104167rem;
  margin-top: 0.15625rem;
}
.box .title .cons .register img {
  width: 0.09375rem;
  height: 0.083333rem;
  margin-top: 0.052083rem;
  margin-left: 0.064167rem;
  margin-right: 0.042083rem;
}
.box nav {
  width: 100%;
  height: 4.0625rem;
  background: url(../images/forgot-passwor/bg.png) no-repeat;
  background-size: cover;
  position: absolute;
}
.box nav .contens {
  width: 4.3875rem;
  margin: 0 auto;
  margin-top: 0.3125rem;
}
.box nav .contens .top_title {
  width: 100%;
  height: 0.520833rem;
}
.box nav .contens .top_title p {
  font-size: 0.104167rem;
  font-family: Arial;
  font-weight: 400;
  color: #333333;
  float: left;
}
.box nav .contens .top_title span {
  font-size: 0.072917rem;
  font-family: Arial;
  font-weight: 400;
  color: #c93948;
  float: right;
  margin-top: 0.026042rem;
  cursor: pointer;
}
.box nav .contens .iputs {
  width: 3.53125rem;
  margin: 0 auto;
}
.box nav .contens .iputs p {
  width: 100%;
  height: 0.166667rem;
  margin: 0.052083rem auto 0;
  position: relative;
  line-height: 0.166667rem;
  font-size: 0.072917rem;
  font-family: Arial;
  font-weight: 400;
  color: #666666;
}
.box nav .contens .iputs p em {
  color: #FF0000;
  margin-right: 0.026042rem;
}
.box nav .contens .iputs p .code {
  width: 1.97rem !important;
  height: 100%;
  float: right;
  padding-left: 0.208333rem;
  font-size: 0.0625rem;
  font-family: Arial;
  font-weight: 400;
  color: #c1c1c1;
}
.box nav .contens .iputs p .send {
  width: 0.4rem;
  float: right;
  font-size: 0.0625rem;
  font-family: Arial;
  font-weight: 400;
  text-align: center;
  height: 100%;
  border: 1px solid #c1c1c1;
  cursor: pointer;
  margin-left: 0.08rem;
}
.box nav .contens .iputs p .inps {
  width: 2.45rem;
  height: 100%;
  float: right;
  padding-left: 0.208333rem;
  font-size: 0.0625rem;
  font-family: Arial;
  font-weight: 400;
  color: #c1c1c1;
}
.box nav .contens .iputs p input:focus {
  border: 1px solid #c93948;
}
.box nav .contens .iputs p img {
  width: 0.072917rem;
  height: 0.0625rem;
  position: absolute;
  top: 0.052083rem;
  left: 0.9225rem;
}
.box nav .contens .iputs .tishi {
  color: #c93948;
  margin-left: 0.80125rem;
  height: 10px;
  display: none;
}
.box nav .contens button {
  width: 2.708333rem;
  height: 0.208333rem;
  background: #c93948;
  border-radius: 2px;
  display: block;
  margin-left: 1.241667rem;
  margin-top: 0.178125rem;
  font-size: 0.072917rem;
  font-family: Arial;
  font-weight: 400;
  color: #fefefe;
  border: 0;
  cursor: pointer;
}
.box footer {
  width: 100%;
  height: 0.520833rem;
  background: #ffffff;
  box-shadow: 0px 5px 5px 0px #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.box footer p {
  font-size: 0.072917rem;
  font-family: Arial;
  font-weight: 400;
  color: #999999;
  text-align: center;
  line-height: 0.520833rem;
}