body{
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", san-serif;
    color: #333333;
    /* display: none; */
}

* {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
  }
input {
    border: none;
    text-indent: 0;
    resize:none; 
    outline:none;  /*清除选中效果的默认蓝色边框 */
    line-height: normal;  
}
li, ul{
    list-style: none;
 
  }

ul, li, ol, dl, dt, dd, div, p, span, h1, h2, h3, h4, h5, h6, a {
padding: 0;
margin: 0;
}

a {
    text-decoration: none
}

a,input,textarea {
    -webkit-tap-highlight-color: transparent
}

input,textarea {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
    border: none
}
.easemobim-prompt-wrapper{
    width: 1.6rem !important;
    height: 1.6rem !important;
    -webkit-box-sizing: border-box!important;
            box-sizing: border-box!important;
}
.easemobim-prompt-wrapper .loading{
   
    width: 1.06667rem !important;
    height: 1.06667rem !important;
  
}
header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
header.fixed {
  height: 1.12rem;
  position: fixed;
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .header {
  height: 1.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.42667rem 0 0.37333rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.10667rem;
}
header .header .search_input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  width: 0;
  height: 0.69333rem;
  margin: 0 0.4rem;
  line-height: 0.69333rem;
  opacity: 0;
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .header .search_input.fixed {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
header .logo {
  width: 1.41333rem;
  height: 0.56rem;
  background: url(/_next/static/images/a0af20441b361ead43c38289b552bd5d.png);
  background-size: cover;
}
header .left,
header .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .city {
  font-size: 0.32rem;
  line-height: 0.48rem;
  height: 0.48rem;
  margin-left: 0.21333rem;
  background-color: #f3f3f3;
  color: #666666;
  padding: 0 0.29333rem 0 0.13333rem;
  position: relative;
  border-radius: 0.10667rem;
}
header .city::after {
  content: "";
  position: absolute;
  bottom: 0.10667rem;
  right: 0.10667rem;
  width: 0.10667rem;
  height: 0.10667rem;
  background: url(/_next/static/images/e83752ad366ba77ac4a016a6e1e88222.png);
  background-size: cover;
}
header .car {
  width: 0.53333rem;
  height: 0.53333rem;
  background: url(/_next/static/images/9bd6574052366cebe5ae61908b574547.png);
  background-size: cover;
  position: relative;
}
header .car:hover,
header .car:active {
  background-image: url(/_next/static/images/fd50c18669c8a619efc5f6e634aa4edf.png);
}
header .car .car-count {
  background-image: url(/_next/static/images/3af22d99f19228075903697e887d84d7.png);
  background-size: cover;
  height: 0.61333rem;
  line-height: 0.61333rem;
  text-align: center;
  width: 0.56rem;
  color: #fff;
  font-size: 0.29333rem;
  position: absolute;
  top: 0;
  right: -0.34667rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header .car .car-count.more {
  background-image: url(/_next/static/images/76e6adc791a32414a2725d888bd577fd.png);
  width: 0.69333rem;
}
header .car .car-count.max {
  background-image: url(/_next/static/images/ad0a06e7ceaa56219e31d187b50d5a43.png);
  width: 0.69333rem;
}
header .user {
  margin-left: 0.66667rem;
  width: 0.53333rem;
  height: 0.53333rem;
  background: url(/_next/static/images/08b936d90beb64d9988ff7b69b0c5add.png);
  background-size: cover;
  position: relative;
}
header .user-wrap {
  position: relative;
}
header .change-user {
  position: absolute;
  z-index: 9999;
  background: url(/_next/static/images/0fa1cf0cda38c92347bc91f00935fa05.png);
  background-size: 100% 100%;
  bottom: -0.85333rem;
  right: -0.26667rem;
  width: 1.70667rem;
  height: 0.85333rem;
}
header .change {
  margin-left: 0.66667rem;
  width: 0.53333rem;
  height: 0.53333rem;
  background: url(/_next/static/images/228fd9d7e3bd186b607ad0d18f1f8a8b.png);
  background-size: cover;
}
header .search {
  text-align: center;
  font-size: 0;
}
header .search_input {
  width: 9.14667rem;
  height: 0.8rem;
  background: #f5f5f5;
  border-radius: 0.10667rem;
  margin: auto;
  font-size: 0.34667rem;
  padding-left: 0.85333rem;
  background-image: url(/_next/static/images/18604f89a0395be940ef6a063d38a349.png);
  background-repeat: no-repeat;
  background-size: 0.32rem 0.32rem;
  background-position: 0.29333rem center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .search_input::-webkit-input-placeholder {
  color: #bbbbbb;
}
header .search_input::-moz-input-placeholder {
  color: #bbbbbb;
}
header .search_input::-ms-input-placeholder {
  color: #bbbbbb;
}
.topPlaceHolder {
  height: 2.08rem;
  width: 100%;
}

.cityPopUp {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #F9F9F9;
  bottom: 0;
  z-index: 999;
}
.cityPopUp .location {
  margin-top: 0.69333rem;
  position: relative;
}
.cityPopUp .location .relocation {
  background-color: #fff;
  color: #1FB895;
  font-size: 0.32rem;
  position: absolute;
  top: 1.01333rem;
  right: 0.93333rem;
  padding-left: 0.62667rem;
}
.cityPopUp .location .relocation::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 0.38667rem;
  height: 0.38667rem;
  background-image: url(/_next/static/images/659c43d9839e5b7912870e2eb884a4e1.png);
  background-size: cover;
}
.cityPopUp .cityNav {
  position: absolute;
  top: 2.66667rem;
  right: 0;
  color: #1FB895;
  font-size: 0.32rem;
  line-height: 0.4rem;
  text-align: center;
  z-index: 999;
  padding: 0 0.26667rem;
}
.cityPopUp .cityNav li {
  position: relative;
  padding: 0.02667rem 0.05333rem;
}
.cityPopUp .cityNav li.active {
  background-color: #F0F7F6;
  border-radius: 50%;
}
.cityPopUp .cityNav li.active .bubble {
  display: block;
  opacity: 0;
  -webkit-animation: bubble 2s ;
          animation: bubble 2s ;
}
.cityPopUp .cityNav li .bubble {
  color: #fff;
  font-size: 0.61333rem;
  background-image: url(/_next/static/images/363c40bd17a072de0ab2ccbdd1c1ff07.png);
  background-size: cover;
  width: 1.14667rem;
  height: 0.96rem;
  line-height: 0.96rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0.14667rem;
  position: absolute;
  display: none;
  z-index: 1;
  top: 50%;
  left: -0.4rem;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.cityPopUp .selectlist {
  overflow-y: scroll;
  position: static;
  height: 100%;
  margin-right: -0.13333rem;
}
.cityPopUp .title {
  background-color: #fff;
  font-size: 0.45333rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.17333rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 1.17333rem;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.cityPopUp .back {
  width: 0.26667rem;
  height: 0.48rem;
  position: absolute;
  top: 0.34667rem;
  left: 0.42667rem;
  background-image: url(/_next/static/images/692877a84dd131a3b919150862bcfa98.png);
  background-size: cover;
}
.cityPopUp .topContent {
  padding: 1.17333rem 0.42667rem 0.48rem;
  background: #fff;
}
.cityPopUp .topContent .tit {
  font-size: 0.32rem;
  color: #999999;
  line-height: 0.45333rem;
  height: 0.45333rem;
}
.cityPopUp .topContent .cityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 0.66667rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cityPopUp .topContent .cityItem {
  width: 2.66667rem;
  height: 0.90667rem;
  background: #f3f3f3;
  border-radius: 0.53333rem;
  font-size: 0.37333rem;
  color: #333333;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: normal;
  padding-top: 0.18667rem;
  margin: 0.24rem 0;
}
.cityPopUp .topContent .hotCity {
  margin-top: 0.69333rem;
}
.cityPopUp .topContent .location .cityItem :hover,
.cityPopUp .topContent .hotCity .cityItem :hover,
.cityPopUp .topContent .location .cityItem:active,
.cityPopUp .topContent .hotCity .cityItem:active,
.cityPopUp .topContent .location .cityItem.active,
.cityPopUp .topContent .hotCity .cityItem.active {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#49d391), to(#34d0aa));
  background: linear-gradient(180deg, #49d391 0%, #34d0aa 100%);
}
.cityPopUp .allCity {
  width: 100%;
  background-color: #fff;
  padding: 0 0.90667rem 1.06667rem 0.42667rem;
  color: #333333;
  font-size: 0.34667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.26667rem;
  overflow: hidden;
}
.cityPopUp .allCity li {
  margin-top: 0.37333rem;
}
.cityPopUp .allCity .key {
  margin-bottom: -0.02667rem;
  font-size: 0.32rem;
}
.cityPopUp .allCity .cityItem {
  height: 0.90667rem;
  line-height: 0.90667rem;
  margin-top: 0.21333rem;
  position: relative;
  border-bottom: 0.01333rem solid #E3E3E3;
}
@-webkit-keyframes bubble {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bubble {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.swiper-container {
  width: 100%;
  height: 3.2rem;
  margin: 0.37333rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.swiper-container .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.42667rem;
  overflow: hidden;
}
.swiper-container .swiper-slide .content {
  border-radius: 0.26667rem;
  overflow: hidden;
  height: 3.2rem;
}
.swiper-container .swiper-slide img {
  width: 100%;
}
.swiper-container .swiper-pagination {
  font-size: 0;
  bottom: 0.16rem !important;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.39 !important;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
  opacity: 1 !important;
}

.nearSchool {
  font-weight: 300;
  width: 9.14667rem;
  height: 3.38667rem;
  border-radius: 0.26667rem;
  border: 0.02667rem solid rgba(242, 244, 249, 0.5);
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.48rem 2.13333rem 0.48rem 0.4rem;
  background: url(/_next/static/images/c0193105408c8c174ca44bfc88233e76.png) no-repeat;
  background-position: bottom center;
  background-size: contain;
  position: relative;
  -webkit-box-shadow: 0 0.21333rem 0.32rem 0 rgba(206, 223, 241, 0.4);
          box-shadow: 0 0.21333rem 0.32rem 0 rgba(206, 223, 241, 0.4);
}
.nearSchool::after {
  content: "";
  position: absolute;
  background: url(/_next/static/images/8499dfdc6d007ca3ad6d6b567c5e4588.png) no-repeat;
  background-size: cover;
  top: 0.61333rem;
  left: 0;
  width: 0.10667rem;
  height: 0.90667rem;
}
.nearSchool .btn {
  position: absolute;
  width: 1.54667rem;
  height: 0.90667rem;
  top: 0.85333rem;
  right: 0.32rem;
  font-size: 0.29333rem;
  line-height: 0.90667rem;
  background-image: url(/_next/static/images/0e773f3aff5910fe8d9fd54e909919e7.png);
  background-size: cover;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nearSchool .btn:active {
  background-image: url(/_next/static/images/ff1cf041ffa7a10b27bdf515a1855885.png);
}
.nearSchool .btn::before {
  -ms-flex-item-align: center;
      align-self: center;
  content: "";
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background: url(/_next/static/images/71ae30dae6c6ec59d976724be9c3299a.png);
  background-size: cover;
  margin-right: 0.13333rem;
}
.nearSchool .distance {
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.45333rem;
  margin: 0;
}
.nearSchool .schoolName {
  margin: 0.05333rem 0 0.2rem;
  font-size: 0.45333rem;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 0.64rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nearSchool .phone {
  font-size: 0.34667rem;
  color: #666666;
  line-height: 0.48rem;
  margin: 0 0 0.10667rem 0;
  background-image: url(/_next/static/images/6256fa1f56d27da892caf26d6106ace3.png);
  background-size: 0.34667rem 0.34667rem;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 0.53333rem;
}
.nearSchool .address {
  font-size: 0.34667rem;
  color: #666666;
  line-height: 0.48rem;
  margin: 0;
  background-image: url(/_next/static/images/02a697e0658f837bae5038d6b61bc36f.png);
  background-size: 0.32rem 0.4rem;
  background-repeat: no-repeat;
  background-position: 0 0.04rem;
  padding-left: 0.53333rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Class {
  padding: 0 0.42667rem;
  margin-top: 0.93333rem;
  font-weight: 500;
}
.Class .title {
  font-size: 0.64rem;
}
.Class .gradeList {
  font-size: 0.34667rem;
  margin-top: 0.53333rem;
  text-align: center;
}
.Class .gradeList .gradeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0.05333rem 0.26667rem 0 rgba(206, 223, 241, 0.4);
          box-shadow: 0 0.05333rem 0.26667rem 0 rgba(206, 223, 241, 0.4);
  border-radius: 0.26667rem;
  margin-bottom: 0.26667rem;
}
.Class .gradeList .gradeItem .gradeTitle {
  width: 1.92rem;
  font-size: 0.37333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  color: #fff;
}
.Class .gradeList .gradeItem .gradeTitle img {
  width: 1.04rem;
  height: 0.82667rem;
}
.Class .gradeList .gradeItem .classList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 7.2rem;
  border: 0.02667rem solid rgba(237, 240, 247, 0.3);
  border-left: none;
  border-radius: 0 0.26667rem 0.26667rem 0;
  overflow: hidden;
}
.Class .gradeList .gradeItem .classList.more .classItem {
  padding: 0.29333rem 0;
}
.Class .gradeList .gradeItem .classList .classItem {
  white-space: nowrap;
  width: 1.77333rem;
  position: relative;
  padding: 0.53333rem 0;
}
.Class .gradeList .gradeItem .classList .classItem:active {
  background-color: #f5f5f5;
}
.Class .gradeList .gradeItem .classList .classItem:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1PX;
  height: 400%;
  background-color: rgba(227, 227, 227, 0.7);
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.Class .gradeList .gradeItem .classList .classItem:nth-child(4n) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
}
.Class .gradeList .gradeItem .classList .classItem:nth-child(4n):before {
  content: none;
}
.Class .gradeList .gradeItem .classList .classItem:nth-child(n+5)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 1PX;
  background-color: rgba(227, 227, 227, 0.7);
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
@media (max-width: 320px) {
  .classItem p {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

.bottomBar {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 1.33333rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.18667rem;
  padding-left: 0.66667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0.01333rem 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.01333rem 0 0 rgba(0, 0, 0, 0.25);
  z-index: 9;
}
.bottomBar .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1 1;
  margin-right: 1.22667rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.13333rem;
}
.bottomBar::after {
  width: 100%;
  height: 1PX;
  background-color: rgba(0, 0, 0, 0.25);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scaleY(0.25);
          transform: scaleY(0.25);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.bottomBar .zixun {
  font-size: 0.26667rem;
  padding-top: 0.56rem;
  color: #666666;
  background: url(/_next/static/images/ca56632a254f4c166c66af09150f2c94.png);
  background-size: 0.53333rem 0.48rem;
  background-repeat: no-repeat;
  min-width: 0.53333rem;
  text-align: center;
  background-position: center 0  ;
  line-height: 0.37333rem;
}
.bottomBar .laidian {
  line-height: 0.37333rem;
  font-size: 0.26667rem;
  color: #666666;
  padding-top: 0.56rem;
  background: url(/_next/static/images/350e399716fc1c4ca87dc18446ddd52d.png);
  background-size: 0.48rem 0.48rem;
  background-repeat: no-repeat;
  min-width: 0.53333rem;
  text-align: center;
  background-position: center 0  ;
}
.bottomBar .yuyue {
  width: 5.86667rem;
  height: 1.06667rem;
  background: url(/_next/static/images/409cf86fa41f5fc86234cb67bb0df75e.png);
  background-size: cover;
  font-size: 0.37333rem;
  color: #fff;
  line-height: 1.06667rem;
  text-align: center;
}

.navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.32rem;
  margin: 0.56rem 0.53333rem 0.58667rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navList .nav {
  text-align: center;
  width: 1.33333rem;
  line-height: 0.32rem;
}
.navList .nav img {
  width: 92%;
  margin-bottom: 0.32rem;
}

.brand {
  padding: 0 0.42667rem 0.8rem;
  margin-top: 1.06667rem;
}
.brand .title {
  font-size: 0.64rem;
  font-weight: 500;
  color: #333333;
}
.brand .brandList {
  font-size: 0;
  margin-top: 0.66667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.brand .brandList .brandItem img {
  width: 1.6rem;
}
.brand .brandList .brandItem .brandTitle {
  margin-top: 0.34667rem;
  font-size: 0.42667rem;
  font-weight: 500;
}
.brand .brandList .brandItem .brandSubText {
  margin-top: 0.10667rem;
  font-size: 0.32rem;
  -webkit-transform: scale(0.83);
          transform: scale(0.83);
  line-height: 0.37333rem;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  color: #999999;
}
.footer {
  background-color: #F5F5F5;
  padding: 0.50667rem 0.64rem 0.50667rem;
  font-size: 0.26667rem;
  color: #999999;
  text-align: center;
}
.footer.Android {
  padding-bottom: 1.84rem;
}

.schContainer {
  margin-top: 1.06667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.schContainer .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9.14667rem;
  height: 0.88rem;
}
.schContainer .titleLeft {
  width: auto;
  height: 0.88rem;
  font-size: 0.64rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.88rem;
}
.schContainer .titleRight {
  width: 0.21333rem;
  height: 0.32rem;
}
.schContainer .cityArea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0.42667rem 0 0.4rem 0;
  padding-left: 0.42667rem;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.schContainer .cityArea::-webkit-scrollbar {
  display: none;
}
.schContainer .cityMain {
  display: -webkit-box;
  display: -moz-box;
  height: 0.66667rem;
  line-height: 0.66667rem;
}
.schContainer .cityItem {
  padding-top: 1PX;
  padding-bottom: 0.06667rem;
  margin-right: 0.53333rem;
  height: 0.66667rem;
  font-size: 0.37333rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.66667rem;
  text-align: center;
}
.schContainer .chooseCityItem {
  margin-top: 0;
  margin-right: 0.53333rem;
  font-size: 0.48rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.66667rem;
}
.schContainer .AreaDet {
  width: 9.14667rem;
  margin-bottom: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schContainer .areaItem {
  margin-bottom: 0.13333rem;
  width: 2.96rem;
  height: 0.8rem;
  background: #f0f7f6;
  border-radius: 0.08rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #80bcaf;
  line-height: 0.8rem;
  padding: 0.18667rem 0.18667rem 0.16rem 0.21333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.schContainer .areaItem:nth-child(2),
.schContainer .areaItem:nth-child(5) {
  margin: 0 0.13333rem;
}
.schContainer .areaItem span {
  display: block;
  width: 2.56rem;
  height: 0.45333rem;
  line-height: 0.45333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.schContainer .allSchools {
  width: 9.14667rem;
  height: 1.06667rem;
  border-radius: 0.53333rem;
  border: 0.5PX solid #dddddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.4rem;
  font-weight: 400;
  color: #1fb895;
  line-height: 0.56rem;
}
.schContainer .allSchools:active {
  color: rgba(31, 184, 149, 0.5);
}

.eduHeadContainer {
  margin-top: 1.06667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eduHeadContainer .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9.14667rem;
  height: 0.88rem;
}
.eduHeadContainer .titleLeft {
  width: auto;
  height: 0.88rem;
  font-size: 0.64rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.88rem;
}
.eduHeadContainer .titleRight {
  width: 0.21333rem;
  height: 0.32rem;
}
.eduHeadContainer .eduArea {
  margin: 0.42667rem 0 0.56rem 0;
  width: 9.14667rem;
  overflow-y: hidden;
  overflow-x: auto;
}
.eduHeadContainer .eduMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.66667rem;
}
.eduHeadContainer .eduItem {
  padding-top: 1PX;
  margin-right: 0.53333rem;
  height: 0.66667rem;
  font-size: 0.37333rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.66667rem;
  text-align: center;
}
.eduHeadContainer .chooseEduItem {
  margin-top: 0;
  margin-right: 0.53333rem;
  height: 0.66667rem;
  font-size: 0.48rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.66667rem;
}
.eduHeadContainer ::-webkit-scrollbar {
  display: none;
}
.eduHeadContainer .headContainer {
  width: 9.14667rem;
}
.eduHeadContainer .noNews {
  padding-top: 1.62667rem;
  padding-left: 3.12rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.eduHeadContainer .noNews img {
  width: 2.93333rem;
  height: 2.93333rem;
}
.eduHeadContainer .noNews div {
  margin-top: 0.26667rem;
  margin-left: 0.72rem;
  width: 1.6rem;
  height: 0.53333rem;
  font-size: 0.37333rem;
  font-weight: 300;
  color: #999999;
  line-height: 0.53333rem;
}
.eduHeadContainer .headItem {
  padding-bottom: 0.44rem;
  border-bottom: 0.5PX solid #e3e3e3;
  margin-bottom: 0.53333rem;
}
.eduHeadContainer .headContainer a:nth-child(3) .headItem {
  margin-bottom: 0;
}
.eduHeadContainer .headTitle {
  margin-bottom: 0.21333rem;
  font-size: 0.45333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.64rem;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-all;
}
.eduHeadContainer .headStat {
  height: 0.61333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eduHeadContainer .time {
  width: 0.29333rem;
  height: 0.26667rem;
}
.eduHeadContainer .count {
  width: 0.34667rem;
  height: 0.24rem;
}
.eduHeadContainer .fire {
  width: 0.45333rem;
  height: 0.61333rem;
}
.eduHeadContainer .timeWord {
  margin-left: 0.05333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.45333rem;
}

.orderPopUp {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.orderPopUp .success {
  height: 11.09333rem;
  width: 10rem;
  margin: 1.6rem auto 0;
  background-image: url(/_next/static/images/4f1270bb78f7e2e7ea2234bd21ce04a6.png);
  background-size: cover;
}
.orderPopUp .success-text {
  font-size: 0.4rem;
  text-align: center;
  font-weight: 300;
  color: #ffffff;
  line-height: 0.64rem;
  margin-top: 0.26667rem;
}
.orderPopUp .close {
  height: 0.8rem;
  width: 0.8rem;
  margin: 0.53333rem auto 0;
  background-image: url(/_next/static/images/f5449e4ccd7611ba05768e1ba8ed2f42.png);
  background-size: cover;
}