@import "bootstrap.min.css";
@import "swiper-bundle.min.css";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ol,
ul {
  list-style: none;
}
a,
u {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-size: 16px;
}
b,
strong {
  font-weight: 400;
}
@media all and (max-width: 320px) {
  html {
    font-size: 12px;
  }
}
@media all and (min-width: 321px) and (max-width: 375px) {
  html {
    font-size: 14px;
  }
}
@media all and (min-width: 376px) {
  html {
    font-size: 16px;
  }
}
html {
  background-size: cover;
}
body {
  background: url(../img/bg.png) no-repeat center / cover;
}
.page-wrapper {
  max-width: 640px;
  margin: 0 auto;
}
.index-wrapper .banner {
  height: 12.7143rem;
  background-color: transparent;
  position: relative;
}
.index-wrapper .banner .logo {
  position: absolute;
  top: 2.1429rem;
  left: 2rem;
}
.index-wrapper .banner .logo img {
  height: 1.7143rem;
}
.index-wrapper .banner .title {
  text-align: center;
  color: #fff;
  font-size: 1.5714rem;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.index-wrapper .content {
  background-color: #fff;
  border-radius: 2.21rem 2.21rem 0 0;
  padding: 2rem 1rem;
  position: relative;
}
.index-wrapper .content .avatar {
  position: absolute;
  top: -3.75rem;
  left: 50%;
  margin-left: -3.75rem;
  width: 7.5rem;
  height: 7.5rem;
  border: 1px solid #fff;
  background-color: #c9c9c9;
  border-radius: 50%;
}
.index-wrapper .content .avatar img {
  width: 7.5rem;
  height: 7.5rem;
}
.index-wrapper .content .tool_tip {
  color: #fff;
  height: 5.4286rem;
  margin-top: 3.7857rem;
  display: flex;
  background: url(../img/tooltip_bg.png) no-repeat;
  background-size: 100% 100%;
  justify-content: space-between;
  padding: 1.4286rem;
  align-items: center;
}
.index-wrapper .content .tool_tip .name {
  font-size: 1.2857rem;
}
.index-wrapper .content .tool_tip .tip {
  color: #000;
  text-align: center;
  width: 7.6429rem;
  height: 1.5714rem;
  border-radius: 0.7857rem;
  background-color: #fff;
}
.index-wrapper .content .list {
  margin-top: 1.1429rem;
  border-radius: 0.7143rem;
  height: 20.6429rem;
  box-shadow: 5px 5px 5px #00000014, 5px -5px 5px #00000014, -5px 5px 5px #00000014, -5px -5px 5px #00000014;
}
.index-wrapper .content .list a {
  color: #7f7f7f;
  font-size: 1.0714rem;
  line-height: 1.2143rem;
}
.index-wrapper .content .list a .item {
  padding: 1.2857rem;
  height: 3.7143rem;
  border-bottom: 1px solid #b7b7b7;
}
.index-wrapper .content .list a .item img {
  height: 1.0714rem;
  margin-right: 0.7143rem;
}
.index-wrapper .content .list a .item .right {
  margin-top: 0.1429rem;
  float: right;
}
.login-wrapper .banner {
  height: 12.7143rem;
  background-color: transparent;
  position: relative;
}
.login-wrapper .banner .logo {
  position: absolute;
  top: 2.1429rem;
  left: 2rem;
}
.login-wrapper .banner .logo img {
  height: 1.7143rem;
}
.login-wrapper .banner .xixi {
  position: absolute;
  top: 50%;
  left: 50%;
}
.login-wrapper .banner .slogan {
  text-align: center;
  padding-top: 7rem;
}
.login-wrapper .banner .slogan img {
  width: 70%;
}
.login-wrapper .content {
  background-color: #fff;
  border-radius: 2.21rem 2.21rem 0 0;
  padding: 2.75rem 4.3571rem;
  position: relative;
  min-height: 34.8rem;
}
.login-wrapper .content .login .login_welcome {
  margin-top: 1.4286rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #be0601;
}
.login-wrapper .content .login .login_welcome .henxian {
  height: 1px;
  width: 5rem;
}
.login-wrapper .content .login .login_welcome .login_welcome_title {
  margin: 0 1.4286rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.login-wrapper .content .login .login_input_number {
  margin-top: 3.1429rem;
  height: 3rem;
  position: relative;
}
.login-wrapper .content .login .login_input_number img {
  width: 1.0714rem;
  position: absolute;
  left: 1.4286rem;
  top: 0.7143rem;
}
.login-wrapper .content .login .login_input_number input {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: #d4d4d4 1px solid;
  padding-left: 3.2143rem;
}
.login-wrapper .content .login .login_input_password {
  height: 3rem;
  position: relative;
  margin-top: 1.0714rem;
}
.login-wrapper .content .login .login_input_password input {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: #d4d4d4 1px solid;
  padding-left: 3.2143rem;
  padding-right: 3.5714rem;
}
.login-wrapper .content .login .login_input_password img {
  width: 1.0714rem;
  position: absolute;
  left: 1.4286rem;
  top: 0.7143rem;
}
.login-wrapper .content .login .login_input_password .forgot_password {
  position: absolute;
  font-size: 1rem;
  right: 0.2857rem;
  top: 30%;
}
.login-wrapper .content .login .login_input_password .forgot_password a {
  color: #a5a6a4;
}
.login-wrapper .content .login .login_botton {
  margin-top: 3.2857rem;
  height: 3rem;
  background-color: #c22a26;
  color: #fbf5f5;
  font-size: 1.1429rem;
  text-align: center;
  border-radius: 0.7143rem;
  line-height: 42px;
}
.login-wrapper .content .login_bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 0.9286rem;
}
.login-wrapper .content .login_bottom input {
  margin-left: 0.2857rem;
}
.login-wrapper .content .login_bottom .lou_password {
  font-size: 0.8571rem;
  color: #a5a6a4;
  margin-left: 0.8571rem;
}
.login-wrapper .content .login_bottom .zhuce {
  font-size: 0.8571rem;
  color: #2a76ff;
}
@media screen and (min-aspect-ratio: 1/1) {
  .login-wrapper .banner {
    height: 15rem;
  }
}
.register-wrapper .banner {
  height: 12.7143rem;
  background-color: transparent;
  position: relative;
}
.register-wrapper .banner .logo {
  position: absolute;
  top: 2.1429rem;
  left: 2rem;
}
.register-wrapper .banner .logo img {
  height: 1.7143rem;
}
.register-wrapper .banner .xixi {
  position: absolute;
  top: 50%;
  left: 50%;
}
.register-wrapper .banner .slogan {
  text-align: center;
  padding-top: 7rem;
}
.register-wrapper .banner .slogan img {
  width: 70%;
}
.register-wrapper .content {
  background-color: #fff;
  border-radius: 2.21rem 2.21rem 0 0;
  padding: 2.75rem;
  position: relative;
  min-height: 34.8rem;
}
.register-wrapper .content .login .type {
  flex: 1;
  white-space: nowrap;
}
.register-wrapper .content .login .type.active .title,
.register-wrapper .content .login .type.active .check {
  color: #be0601;
}
.register-wrapper .content .login .type.active .title {
  border-color: #be0601;
}
.register-wrapper .content .login .login_welcome {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #be0601;
}
.register-wrapper .content .login .login_welcome .henxian {
  height: 1px;
  width: 5rem;
}
.register-wrapper .content .login .login_welcome .login_welcome_title {
  margin: 0 1.4286rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.register-wrapper .content .login .login_input_password {
  height: 3rem;
  display: flex;
  position: relative;
  margin-top: 1.0714rem;
  font-size: 0.7857rem;
  line-height: 3rem;
  color: #a5a6a4;
}
.register-wrapper .content .login .login_input_password .title {
  width: 10rem;
}
.register-wrapper .content .login .login_input_password input {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: #d4d4d4 1px solid;
  padding-left: 0.7143rem;
  padding-right: 3.5714rem;
}
.register-wrapper .content .login .login_input_password input:focus ~ .forgot_password:not(.send-code) {
  display: none;
}
.register-wrapper .content .login .login_input_password .forgot_password {
  position: absolute;
  font-size: 0.7857rem;
  right: 0.5rem;
}
.register-wrapper .content .login .login_input_password .forgot_password a {
  color: #a5a6a4;
  text-decoration: solid;
  text-decoration: underline;
}
.register-wrapper .content .login .login_input_password .forgot_password a:hover {
  color: #1b4399;
}
.register-wrapper .content .login .login_botton {
  margin-top: 2.8571rem;
  height: 3rem;
  background-color: #c22a26;
  color: #fbf5f5;
  font-size: 1.1429rem;
  text-align: center;
  border-radius: 0.7143rem;
  line-height: 42px;
}
.register-wrapper .content .login_bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 0.9286rem;
}
.register-wrapper .content .login_bottom input {
  margin-left: 0.2857rem;
}
.register-wrapper .content .login_bottom .lou_password {
  font-size: 0.8571rem;
  color: #a5a6a4;
  margin-left: 0.8571rem;
}
.register-wrapper .content .login_bottom .zhuce {
  font-size: 0.8571rem;
  color: #2a76ff;
}
.register-wrapper .box1 {
  display: flex;
  font-size: 0.7143rem;
  justify-content: space-between;
  margin-top: 2.8571rem;
  margin-bottom: 1.4286rem;
  gap: 1rem;
}
.register-wrapper .box1 button {
  border: none;
  background-color: transparent;
  text-align: center;
  color: #6c6c6c;
}
.register-wrapper .box1 .title {
  border: #6c6c6c 1px solid;
  border-radius: 0.3571rem;
  padding: 0.4286rem;
}
.register-wrapper .box1 .check {
  font-size: 1rem;
  margin-top: 4px;
}
@media screen and (min-aspect-ratio: 1/1) {
  .register-wrapper .banner {
    height: 15rem;
  }
}
.list-wrapper .banner {
  height: 12.7143rem;
  background-color: transparent;
  position: relative;
}
.list-wrapper .banner .logo {
  position: absolute;
  top: 2.1429rem;
  left: 2rem;
}
.list-wrapper .banner .logo img {
  height: 1.7143rem;
}
.list-wrapper .banner .title {
  text-align: center;
  color: #fff;
  font-size: 1.5714rem;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.list-wrapper .content {
  min-height: 35rem;
  background-color: #fff;
  border-radius: 2.21rem 2.21rem 0 0;
  padding: 2.75rem 1.7143rem;
}
.list-wrapper .content .btn {
  color: #f39800;
  border-color: currentColor;
}
.list-wrapper .list_title {
  display: flex;
  color: #fff;
  border-radius: 0.7143rem;
  background-color: #be0601;
  font-size: 1.2857rem;
  padding: 1.1429rem;
  justify-content: space-between;
  position: relative;
  margin-bottom: 2.1429rem;
}
.list-wrapper .list_title .triangle {
  width: 0px;
  height: 0px;
  border: 0.8571rem solid transparent;
  border-top-color: #be0601;
  border-bottom: 0;
  position: absolute;
  bottom: -0.8rem;
  left: 50%;
  margin-left: -0.7143rem;
}
.list-wrapper .list {
  margin: 0;
  padding: 0;
}
.list-wrapper .list .list_item {
  margin-top: 0.3571rem;
  padding: 0 1.7857rem;
  height: 6.4286rem;
  border-radius: 0.625rem;
  background-color: #ededed;
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}
.list-wrapper .list .list_item .title {
  font-size: 1rem;
  font-weight: 700;
}
.list-wrapper .list .list_item .btn {
  border-radius: 0px;
  margin-top: 0.9286rem;
  width: 6.4286rem;
  height: 1.5rem;
  font-size: 0.8571rem;
  line-height: 0.85rem;
}
.list-wrapper .list .list_item .msg {
  margin-top: 1rem;
  font-size: 0.8571rem;
  color: #676767;
}
.submit-wrapper .banner {
  height: 12.7143rem;
  background-color: transparent;
  position: relative;
}
.submit-wrapper .banner .logo {
  position: absolute;
  top: 2.1429rem;
  left: 2rem;
}
.submit-wrapper .banner .logo img {
  height: 1.7143rem;
}
.submit-wrapper .banner .title {
  text-align: center;
  color: #fff;
  font-size: 1.5714rem;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.submit-wrapper .content {
  min-height: 35rem;
  background-color: #fff;
  border-radius: 2.21rem 2.21rem 0 0;
  padding: 2.75rem 1.7143rem;
}
.submit-wrapper .content .row {
  margin: 1rem 0;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.submit-wrapper .content .col-form-label {
  width: 4.1429rem;
  font-size: 1rem;
  color: #737373;
  padding: 0;
  text-align: right;
  line-height: 2.1429rem;
}
.submit-wrapper .content .col-sm-10 {
  width: 80%;
  padding: 0;
}
.submit-wrapper .content .btn {
  margin-top: 3.5714rem;
  width: 100%;
  border-radius: 0.3571rem;
  background-color: #be0601;
  color: #fff;
  text-align: center;
}
/*# sourceMappingURL=styles.css.map */