.nav {
  height: 0.87rem;
  background-color: #41a3ff;
  display: flex;
  position: relative;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 0.36rem; }
  .nav .zuo {
    position: absolute;
    left: .4rem;
    width: .37rem; }

.bo {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; }

.index {
  width: 90%;
  margin: 0 auto; }

.select {
  width: 6rem;
  background: #fff;
  margin: 0 auto;
  margin-top: 2rem;
  height: .9rem;
  overflow: hidden;
  border-radius: 0.05rem;
  border: solid 1px #ecf1f3;
  position: relative; }
  .select .s1 {
    background: url("../img/xia.png") no-repeat;
    background-position: 95% center;
    background-size: .22rem; }
  .select .s2 {
    border-bottom: 1px solid #ecf1f3;
    background: #fff; }
    .select .s2:last-child {
      border-bottom: 0; }
  .select .select-item {
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    color: #8a939c;
    height: 0.9rem;
    display: flex;
    padding-left: .3rem;
    align-items: center;
    z-index: 99; }
  .select .ab {
    position: absolute;
    top: .89rem;
    left: -1px;
    width: calc(100% + 2px);
    border-left: 1px solid #ecf1f3;
    border-right: 1px solid #ecf1f3; }

.show {
  overflow: visible !important; }

.open {
  width: 6rem;
  height: 1rem;
  background-color: #41a3ff;
  border-radius: 0.5rem;
  margin: 0 auto;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .36rem;
  color: #fff; }
  .open img {
    margin-right: 5px;
    width: .3rem; }

.alert {
  background-color: #ffffff;
  box-shadow: 0rem 0.14rem 0.3rem 0.05rem rgba(144, 152, 166, 0.27);
  border-radius: 0.05rem;
  width: 6rem;
  position: fixed;
  bottom: 2.5rem;
  left: calc(50% - 3rem);
  padding: 0.53rem  0.74rem;
  display: none; }
  .alert h1 {
    font-size: 0.42rem;
    font-weight: bold;
    font-stretch: normal;
    color: #555555;
    text-align: center;
    margin-bottom: .2rem; }
  .alert h2 {
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0.02rem;
    color: #555555;
    margin-bottom: .2rem; }
  .alert div {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .alert div .bb {
      flex: 0  0 1.88rem;
      height: 0.74rem;
      border-radius: 0.05rem;
      font-size: 0.3rem;
      text-align: center;
      line-height: .73rem;
      justify-content: center; }
    .alert div .b1 {
      color: #555555;
      background-color: #e9e9e9; }
    .alert div .b2 {
      background-color: #379fff;
      color: #fff; }

body {
  min-height: 100vh;
  background: #fafafa; }

.navb {
  background: transparent;
  color: black; }

.grop {
  margin: 0 auto;
  margin-top: .4rem;
  width: 6rem;
  height: 0.9rem;
  background-color: #ffffff;
  border-radius: 0.05rem;
  border: solid 0.02rem #ecf1f3; }
  .grop input {
    box-sizing: border-box;
    padding: 0 1em;
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    display: block;
    font-size: .36rem; }
    .grop input::placeholder {
      font-size: 0.36rem;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0.02rem;
      color: #8a939c; }

.form {
  padding-top: .2rem; }

.gropmore {
  width: 6rem;
  margin: 0 auto;
  margin-top: .4rem; }
  .gropmore p {
    font-size: 0.36rem;
    letter-spacing: 0.02rem;
    color: #000000;
    line-height: 1; }
  .gropmore div {
    width: 100%;
    margin-top: .2rem;
    height: 0.9rem;
    padding: 0 1em;
    background-color: #ffffff;
    border-radius: 0.05rem;
    border: solid 0.02rem #ecf1f3;
    line-height: .89rem;
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.02rem;
    color: #8a939c; }
  .gropmore .big {
    height: 2.5rem; }

.photo {
  height: 95vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7); }
  .photo .kuang {
    width: 4.39rem;
    height: 4.35rem;
    background: rgba(255, 255, 255, 0.7) url("../img/sdt.png");
    background-size: 100% 100%; }
  .photo p {
    margin-top: .2rem;
    font-size: .32rem;
    color: #fff;
    text-align: center; }

.php {
  overflow: hidden; }

.sq {
  padding-top: .6rem;
  width: 6rem;
  margin: 0 auto; }
  .sq h2 {
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    color: #191919;
    margin-bottom: .3rem; }
  .sq .sqb {
    border-bottom: 1px solid #e7e7e7;
    padding: .2rem 0;
    margin-top: .1rem;
    display: block;
    background: url("../img/jt.png") no-repeat;
    background-size: .18rem;
    background-position: right center; }
    .sq .sqb p {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.28rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 0.36rem;
      letter-spacing: 0.01rem;
      width: 90%; }
    .sq .sqb h5 {
      font-size: 0.28rem;
      font-weight: normal;
      font-stretch: normal;
      color: #a0a0a0;
      margin-top: .2rem; }

.ye {
  color: #ff9a41; }

.tg {
  color: #5cd799; }

.sb {
  color: #ff4e41; }

.gropmore .grop {
  padding-left: 0; }

.big textarea {
  resize: none;
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: none; }

.login {
  padding-top: 1rem; }
  .login > img {
    display: block;
    width: 1.14rem;
    margin: 0 auto;
    margin-bottom: .2rem; }
  .login h1 {
    text-align: center;
    font-size: 0.48rem;
    font-weight: normal;
    font-stretch: normal;
    color: #41a3ff;
    padding-bottom: .2rem; }
  .login .login-ti {
    width: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: .3rem;
    height: .8rem; }
    .login .login-ti input {
      border: none;
      border-bottom: 1px solid #ededed;
      margin-left: .2rem;
      height: 100%;
      background: transparent;
      display: block;
      padding: 0;
      padding-left: .1rem;
      font-size: 0.36rem;
      flex: 1; }
      .login .login-ti input::placeholder {
        padding-left: .1rem;
        font-size: 0.36rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.02rem;
        color: #8a939c; }
    .login .login-ti img {
      width: .3rem; }

.xuan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 6rem;
  margin: 0 auto;
  margin-top: .2rem; }
  .xuan a {
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    color: #8a939c; }

.ind {
  overflow-x: hidden; }

.fixed {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  overflow: hidden;
  display: none; }
  .fixed .fbox {
    width: 5.5rem;
    background: #fff;
    height: 100%;
    display: flex;
    transition: 0.3s;
    flex-direction: column;
    transform: translateX(-100%); }
  .fixed .tou {
    flex: 0 0  2.89rem;
    background-color: #f3f9ff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .fixed .tou .close {
      left: .2rem;
      top: .2rem;
      position: absolute; }
    .fixed .tou .tx {
      width: 1.3rem;
      margin-bottom: .2rem; }
    .fixed .tou p {
      font-size: 0.3rem;
      font-weight: normal;
      font-stretch: normal;
      color: #555555; }
  .fixed .fxia {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .fixed .fxia a {
      display: flex;
      align-items: center;
      font-family: PingFang-SC-Regular, serif;
      font-size: 0.36rem;
      font-weight: normal;
      font-stretch: normal;
      color: #555555;
      letter-spacing: .1rem;
      width: 4.2rem;
      margin: 0 auto;
      margin-bottom: .7rem;
      background: url("../img/jt.png") no-repeat;
      background-size: .18rem;
      background-position: right center; }
      .fixed .fxia a img {
        width: .42rem;
        margin-right: .3rem; }

.xs {
  transform: translateX(0) !important; }

/*# sourceMappingURL=all.css.map */