.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main {
  width: 12rem !important;
  margin: 0 auto;
}

.header-wrapper {
  width: 100%;
  height: 1.52rem;
  background: #FFFFFF;
}

.header-wrapper .height {
  width: 100%;
  height: 1.52rem;
}

.header-wrapper .header-main {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.52rem;
  z-index: 90;
}

.header-wrapper .header-main .bottom {
  width: 100%;
  height: .54rem;
  background: #69a488;
}

.header-wrapper .header-main .bottom .main {
  height: 100%;
}

.header-wrapper .header-main .bottom .main li {
  height: 100%;
  margin-left: .74rem;
  position: relative;
}

.header-wrapper .header-main .bottom .main li::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .06rem;
  background: #FFFFFF;
  opacity: 0;
  -webkit-transition: all .6s;
  transition: all .6s;
}

.header-wrapper .header-main .bottom .main li:hover::before {
  opacity: 1;
}

.header-wrapper .header-main .bottom .main li .children {
  position: absolute;
  top: .54rem;
  left: 0;
  width: 1.7rem;
  display: none;
}

.header-wrapper .header-main .bottom .main li .children a {
  width: 100%;
  display: block;
  height: .4rem;
  background: #69a488;
  margin-top: 1px;
  text-align: center;
  font-size: .18rem;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .4rem;
  cursor: pointer;
  -webkit-transition: all .6s;
  transition: all .6s;
}

.header-wrapper .header-main .bottom .main li .children a:hover {
  background: #3b6652;
}

.header-wrapper .header-main .bottom .main li .items {
  font-size: .18rem;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .54rem;
}

.header-wrapper .header-main .top {
  width: 100%;
  height: .98rem;
  background: #FFFFFF;
}

.header-wrapper .header-main .top .left {
  width: 5.81rem;
  height: .59rem;
}

.header-wrapper .header-main .top .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.header-wrapper .header-main .top .right .people {
  margin-left: .22rem;
}

.header-wrapper .header-main .top .right .people img {
  width: .16rem;
  height: .16rem;
}

.header-wrapper .header-main .top .right .people span {
  font-size: .16rem;
  font-weight: 400;
  color: #45765F;
  line-height: .16rem;
  margin-left: .05rem;
  max-width: .6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header-wrapper .header-main .top .right .logout {
  margin-left: .22rem;
}

.header-wrapper .header-main .top .right .logout img {
  width: .18rem;
  height: .18rem;
}

.header-wrapper .header-main .top .right .logout span {
  font-size: .16rem;
  font-weight: 400;
  color: #45765F;
  line-height: .16rem;
  margin-left: .05rem;
}

.header-wrapper .header-main .top .right .change-pwd {
  margin-left: .22rem;
}

.header-wrapper .header-main .top .right .change-pwd img {
  width: .15rem;
  height: .2rem;
}

.header-wrapper .header-main .top .right .change-pwd span {
  font-size: .16rem;
  font-weight: 400;
  color: #45765F;
  line-height: .16rem;
  margin-left: .05rem;
}

.header-wrapper .header-main .top .right .input-box {
  width: 2.06rem;
  height: .24rem;
  border-bottom: 1px solid #69A488;
}

.header-wrapper .header-main .top .right .input-box .search-icon {
  width: .2rem;
  height: .2rem;
  cursor: pointer;
}

.header-wrapper .header-main .top .right .input-box input {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: .1rem;
  padding-left: .1rem;
}

.footer {
  width: 100%;
  background: #45765f;
  padding: .58rem 0;
  text-align: center;
}

.footer a {
  font-size: .16rem;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .16rem;
}

.total-page {
  margin: .32rem 0 .55rem 0;
}

.total-page .left {
  background: none !important;
}

.total-page .left .btn {
  width: .7rem;
  height: .4rem;
  background: #69A488;
  text-align: center;
  font-size: .16rem;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: .4rem;
  margin-left: .2rem;
}

.total-page .left input {
  width: .96rem;
  height: .4rem;
  outline: none;
  background: none;
  border-bottom: 1px solid #69a488;
}

.total-page .left input::input-placeholder {
  color: #AAAAAA;
}

.total-page .left input::input-placeholder {
  color: #AAAAAA;
}

.total-page .left input::-webkit-input-placeholder {
  color: #AAAAAA;
}

.total-page .left input::-moz-placeholder {
  color: #AAAAAA;
}

.total-page .left input::-moz-placeholder {
  color: #AAAAAA;
}

.total-page .left input::-ms-input-placeholder {
  color: #AAAAAA;
}

.total-page .right .prev, .total-page .right .next {
  width: .4rem;
  height: .4rem;
  background: #69A488;
  -webkit-transition: all .6s;
  transition: all .6s;
  cursor: pointer;
}

.total-page .right .prev:hover, .total-page .right .next:hover {
  background: #45765F;
}

.total-page .right .prev img, .total-page .right .next img {
  width: .1rem;
}

.total-page .right .prev {
  margin-right: .22rem;
}

.total-page .right .next {
  margin-left: .22rem;
}

.total-page .right p a, .total-page .right p span {
  font-size: .18rem;
  font-family: Myriad Pro;
  font-weight: 400;
  color: #B7B7B7;
  line-height: .18rem;
  margin: 0 .04rem;
}

.total-page .right p a.active, .total-page .right p span.active {
  color: #69a488;
}

.mobile-header {
  display: none;
}

.mobile-height {
  display: none;
}

.mobile-menu-content {
  display: none;
}

.header-wrapper .header-main .top .right{
flex:1;
}

.header-wrapper .header-main .top .right .input-box input{
width:80%;
}

@media screen and (max-width: 768px) {
  .header-wrapper {
    display: none;
  }
  html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  .main {
    width: 100% !important;
    padding: 0 .3rem;
  }
  .mobile-height {
    display: block;
    width: 100%;
    height: 1rem;
  }
  .mobile-menu-content {
    display: block;
    position: fixed;
    padding: 1.3rem .3rem .3rem .3rem;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    z-index: 79;
    -webkit-transition: all .6s;
    transition: all .6s;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-800px);
            transform: translateX(-800px);
    overflow: hidden;
  }
  .mobile-menu-content.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .mobile-menu-content ul::-webkit-scrollbar {
    display: none;
  }
  .mobile-menu-content ul {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-menu-content ul li .items {
    width: 100%;
    height: .8rem;
    border-bottom: 1px solid #eaeaea;
    padding: 0 .06rem;
  }
  .mobile-menu-content ul li .items a {
    font-size: 0.26rem;
    color: #a1a1a1;
    line-height: .8rem;
  }
  .mobile-menu-content ul li .items img {
    width: .3rem;
    cursor: pointer;
  }
  .mobile-menu-content ul li .children {
    width: 100%;
    display: none;
  }
  .mobile-menu-content ul li .children a {
    display: block;
    font-size: 0.26rem;
    color: #a1a1a1;
    line-height: .8rem;
    padding-left: .18rem;
    border-bottom: 1px solid #eaeaea;
  }
  .mobile-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 .3rem;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background: #FFFFFF;
    height: 1rem;
  }
  .mobile-header .logo {
    width: 80%;
  }
  .mobile-header .logo img {
    width: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mobile-header .menu-icon {
    width: .5rem;
    height: .5rem;
  }
  .mobile-header .menu-icon img {
    width: 100%;
    height: 100%;
  }
  .mobile-header .menu-icon .open {
    display: block;
  }
  .mobile-header .menu-icon .close {
    display: none;
  }
}
/*# sourceMappingURL=public.css.map */