.l_top {
  display: flex;
  justify-content: space-between;
  padding: 2.6667vw 3.2vw;
}
.l_top a {
  display: flex;
}
.l_top a span {
  font-size: 6.4vw;
  color: #4a4a4a;
}
.l_logo {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 8.5333vw 0 17.0667vw;
}
.l_logo img {
  width: 42.2667vw;
  height: 14.6333vw;
}
.l_iputs {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 6.4vw;
}
.l_iputs .frame {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 5.8667vw;
}
.l_iputs .frame input {
  width: 100%;
  height: 12.2667vw;
  font-size: 4.2667vw;
  color: #4a4a4a;
  background: #f7f7f7;
  border-radius: 6.4vw;
  border: 0.2667vw solid #e0e0e0;
  outline: none;
  padding-left: 5.8667vw;
}
.l_iputs .password {
  width: 100%;
  height: 12.2667vw;
  padding: 0 3.4vw 0 5.8667vw;
  background: #f7f7f7;
  border-radius: 6.4vw;
  color: #4a4a4a;
  border: 0.2667vw solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5.8667vw;
}
.l_iputs .password input {
  width: 90%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 4.2667vw;
  background: #f7f7f7;
}
.l_iputs .password .eye span {
  display: none;
  font-size: 4.8vw;
}
.l_iputs .password .eye span.show {
  display: block;
}
.l_iputs .xg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 6.4vw 0;
}
.l_iputs .xg a {
  font-size: 3.7333vw;
  color: #181818;
}
.l_iputs .xg a:last-of-type {
  color: #dc0000;
}
.l_iputs button {
  width: 100%;
  height: 12.2667vw;
  background: #e64340;
  border-radius: 6.4vw;
  color: #ffffff;
  font-size: 4.8vw;
  font-weight: bold;
  border: none;
  outline: none;
}
.l_iputs .tips1 {
  font-size: 3.7333vw;
  color: #999999;
  margin-top: 7.4667vw;
  text-align: center;
}
.l_iputs .tips2 {
  font-size: 3.2vw;
  color: #181818;
  margin-top: 3.7333vw;
}
.l_iputs .tips2 a {
  color: #181818;
}
.set_userinfo {
  padding: 3.2vw;
}
.set_userinfo .set_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6.6667vw 0;
  font-size: 5.3333vw;
  color: #888;
  font-weight: bold;
}
.set_userinfo .set_text a {
  font-size: 4.8vw;
  color: #888;
}
.set_userinfo .set_tx {
  display: flex;
  align-items: center;
  margin-bottom: 3.2vw;
  border-bottom: 1.6vw solid #e0e0e0;
  padding-bottom: 1.3333vw;
}
.set_userinfo .set_tx span {
  color: 3.7333vw;
  color: #888888;
}
.set_userinfo .set_tx img {
  display: block;
  width: 13.3333vw;
  height: 13.3333vw;
  border-radius: 50%;
}
.set_userinfo .set_one {
  padding: 3.2vw 0;
}
.set_userinfo .set_one .text {
  font-size: 3.7333vw;
  margin-bottom: 2.6667vw;
}
.set_userinfo .set_one .upload_box {
  width: 67vw;
  height: 11vw;
  font-size: 4.2667vw;
  color: #ffffff;
  background: #999999;
  border-radius: 0.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.set_userinfo .set_one .upload_box input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.set_userinfo .set_one .img_box {
  display: flex;
  flex-wrap: wrap;
}
.set_userinfo .set_one .img_box img {
  display: block;
  width: 13.3333vw;
  height: 13.3333vw;
  border-radius: 50%;
  margin: 0 4vw 1.8vw 0;
}
.set_userinfo .set_nc {
  font-size: 3.7333vw;
  color: #888888;
  margin-top: 4vw;
}
.set_userinfo .set_n {
  padding: 3.2vw 0;
}
.set_userinfo .set_n input {
  width: 100%;
  height: 10vw;
  border: 0.2667vw solid #e0e0e0;
  border-radius: 1.0667vw;
  outline: none;
  background: #f7f7f7;
  padding: 0 2.4vw;
  font-size: 3.7333vw;
  color: #181818;
}
.set_userinfo .submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11vw;
  color: #ffffff;
  font-size: 4.2667vw;
  background: #e64340;
  border-radius: 1.0667vw;
  border: none;
  outline: none;
  margin-top: 6.6667vw;
}