.app {
  width: 100%;
  min-height: calc(100vh - 310px);
  background: url(../images/auth_bg.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.conten {
  width: 882px;
  min-height: 604px;
  margin: 0 auto;
  /* background-color: #fff; */
  padding-top: 80px;
}

.conten .title {
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 42px;
  color: #ffffff;
  line-height: 72px;
  background: linear-gradient(202deg, #fce8c2 0%, #e9b669 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-top: 80px;
}

.conten .tip {
  text-align: center;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 28px;
}

.conten .input-div {
  width: 540px;
  height: 52px;
  background: #ffffff;
  border-radius: 26px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 6px;
  box-sizing: border-box;
  margin-bottom: 46px;
}
.conten .input-div input{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    padding: 0 20px;
}

.conten .input-div .input-val {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background: none;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  padding: 0 20px;
}

.conten .input-div .btn {
  width: 120px;
  height: 41px;
  background: #ffb03e;
  border-radius: 20px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  line-height: 41px;
  text-align: center;
  cursor: pointer;
}
.conten .certificate {
  width: 882px;
  height: 604px;
  /* background-color: #e9b669; */
  margin-bottom: 28px;
  display: none;

}
.conten .certificate img{
    width: 100%;
    height: 100%;
}
.conten .msg{
    font-family: Source Han Sans CN;
font-weight: 400;
font-size: 18px;
color: #C1C1C1;
text-align: center;
padding-bottom: 54px;
}
.self-service {
  width: 160px;
  height: 426px;
  /* background-color: aqua; */
  background: url(../images/zhizu.png) no-repeat center;
  position: fixed;
  left: 68px;
  top: 394px;
  transform: translateY(-50%);
  cursor: pointer;
}
.err-msg{
    font-family: Source Han Sans CN;
font-weight: 600;
font-size: 18px;
color: #fff;
text-align: center;
padding-bottom: 54px;
}