/* school */

.head-main {

  position: absolute;

  top: 0;

  z-index: 23;

  width: 100%;

  max-height: 0.8rem;
  
  max-width: 7.7rem !important;
  margin: 0 auto;

}



.head-main .head-out {

  padding: .14rem .4rem;

  background: #fff;

  border-bottom:  0.01rem solid #E7E7E7;

}



.head-main .btn-back {

  margin-left: 0.06rem;

  width: 0.20rem;

  height: 0.20rem;

  border-left: 0.05rem solid #262626;

  border-bottom: 0.05rem solid #262626;

  transform: rotate(45deg);

}



.head-main .title {

  height: 0.5rem;

  line-height: 0.5rem;

  font-size: 0.36rem;

  font-weight: bold;

  color: #262626;

}





.head-main .icon-navigation {

  color: #8C8C8C;

  font-size: 25px;

}



.head-main .dev-ava {

  width: .5rem;

  height: .5rem;

  border-radius: 50%;

}



.head-main  div.dhang {

  width: .5rem;

  height: .5rem;

}



.head-main div.dhang .icon-navigation {

  display: block;

  color: #1890ff;

  font-size: 32px;
  
  margin-top: -0.08rem;

}



.search-main {

  position: absolute;

  top: 0.8rem;

  z-index: 20;

  width: 100%;

  height: 1.06rem;

  max-width: 7.7rem !important;
  margin: 0 auto;

}



.search-main .search-out {

  padding-top: 0.3rem;

  background-color: #FFFFFF;

  padding-bottom: 0.1rem;

}



.search-main .search-k {

  width: 6.7rem;

  height: .64rem;

  background: #FFFFFF;

  border-radius: 1rem;

  border: 1px solid #C5C5C5;

  position: relative

}



.search-main .search-t {

  width: .35rem;

  height: .35rem;

  position: absolute;

  top: .15rem;

  left: .37rem

}



.search-main .search-t i {

  color: #8C8C8C;

}



.search-main .search-w {

  left: .78rem;

  font-size: .32rem;

  font-weight: 400;

  color: #8C8C8C;

  line-height: .45rem;

  position: absolute;

  top: .1rem;


}

input[type="search"] {
  background-color: transparent !important;
  -webkit-appearance: none !important;
}



/* school-result */

.head-result {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 20;

  max-width: 7.7rem !important;
  margin: 0 auto;

}



.head-result .head-out {

  padding: .2rem .4rem;

  background: #fff;

  border-bottom:  0.01rem solid #E7E7E7;

}



.head-result .btn-back {

  margin-left: 0.06rem;

  width: 0.20rem;

  height: 0.20rem;

  border-left: 0.05rem solid #262626;

  border-bottom: 0.05rem solid #262626;

  transform: rotate(45deg);

}



.head-result .search-out {

  background-color: #FFFFFF;

}

.head-result .searchfix {

  width: 5.35rem;

}

.head-result .search-k {

  width: 5.35rem;

  height: .58rem;

  background: #FFFFFF;

  border-radius: 1rem 0.04rem 1rem 1rem;

  position: relative;

  background-color: #F7F7F7;

}



.head-result .search-t {

  width: .23rem;

  height: .23rem;

  position: absolute;

  top: .12rem;

  left: .2rem

}



.head-result .search-t i {

  color: #8C8C8C;

}



.head-result .search-w {

  left: .56rem;

  font-size: .28rem;

  font-weight: 400;

  color: #262626;

  line-height: .45rem;

  position: absolute;

  top: 0.07rem;

}



.head-result .search {

  font-size: 0.28rem;

  color: #1890FF;

}

.head-result div.dhang .icon-navigation {

  display: block;

  color: #1890ff;

  /* margin-left: 0.1rem; */
  
  margin-top: -0.12rem;

}



/* search-main */

.head-search {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 20;

  max-width: 7.7rem !important;
  margin: 0 auto;

}



.head-search .head-out {

  padding: .2rem .4rem;

  background: #fff;

}



.head-search .btn-back {

  margin-left: 0.06rem;

  width: 0.20rem;

  height: 0.20rem;

  border-left: 0.05rem solid #262626;

  border-bottom: 0.05rem solid #262626;

  transform: rotate(45deg);

}



.head-search .search-out {

  background-color: #FFFFFF;

}

.head-search .input-box {

  width: 5.35rem;

  height: 0.58rem;

  border-radius: 1rem 0.04rem 1rem 1rem;

  background-color: #F7F7F7;

}

.head-search .search-k {

  width: 5.35rem;

  height: .58rem;

  background: #FFFFFF;

  border-radius: 1rem 0.04rem 1rem 1rem;

  position: relative;

  background-color: #F7F7F7;

}



.head-search .search-t {

  width: .23rem;

  height: .23rem;

  position: relative;

  top: -0.05rem;

  left: .2rem

}



.head-search .search-t i {

  color: #8C8C8C;

}



.head-search .search-w {

  top: -0;

  left: .33rem;

  font-size: .28rem;

  font-weight: 400;

  color: #262626;

  position: relative;

  width: 4.2rem;
  height: 0.6rem;

  /* background-color: transparent; */

  outline: none;

  border: none;

  background: #F7F7F7 !important;
  border-radius: 0 !important;

}

.search-w::placeholder {

  color: #8C8C8C;

}



.head-search .search {

  font-size: 0.28rem;
  width: 0.64rem;
  height: 0.64rem;
  line-height: 0.64rem;

  color: #1890FF;

}