@charset "UTF-8";
/* 绝对定位垂直居中 */
/* 绝对定位水平居中 */
/* 绝对定位水平垂直居中 */
.trans-slide-enter[data-v-0900af17], .trans-slide-leave-to[data-v-0900af17] {
  opacity: 0;
  transform: translateX(-30px);
}
.trans-slide-leave-active[data-v-0900af17] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-enter-active[data-v-0900af17] {
  transition: all .3s linear;
}
.trans-slide-right-enter[data-v-0900af17], .trans-slide-right-leave-to[data-v-0900af17] {
  opacity: 0;
  transform: translateX(30px);
}
.trans-slide-right-leave-active[data-v-0900af17] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-right-enter-active[data-v-0900af17] {
  transition: all .3s linear;
}
.trans-slide-y-enter[data-v-0900af17], .trans-slide-y-leave-to[data-v-0900af17] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-leave-active[data-v-0900af17] {
  transition: all 100ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-enter-active[data-v-0900af17] {
  transition: all 100ms linear;
}
.trans-slide-y-300-enter[data-v-0900af17], .trans-slide-y-300-leave-to[data-v-0900af17] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-300-leave-active[data-v-0900af17] {
  transition: all 300ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-300-enter-active[data-v-0900af17] {
  transition: all 300ms linear;
}
.trans-fade-enter[data-v-0900af17], .trans-fade-leave-to[data-v-0900af17] {
  opacity: 0;
}
.trans-fade-leave-active[data-v-0900af17] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-enter-active[data-v-0900af17] {
  transition: all .3s linear;
}
.trans-fade-fast-enter[data-v-0900af17], .trans-fade-fast-leave-to[data-v-0900af17] {
  opacity: 0;
}
.trans-fade-fast-leave-active[data-v-0900af17] {
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-fast-enter-active[data-v-0900af17] {
  transition: all .1s linear;
}
.trans-bounce-enter[data-v-0900af17], .trans-bounce-leave-to[data-v-0900af17] {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.trans-bounce-leave-active[data-v-0900af17] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-bounce-enter-active[data-v-0900af17] {
  transition: all .3s linear;
}
.com-top-nav[data-v-0900af17] {
  background-color: #FFF;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;
}
.com-headNav[data-v-0900af17] {
  padding: 0 .24rem;
  display: flex;
  align-items: center;
  height: .9rem;
  position: relative;
  background: #FFF;
  z-index: 10;
}
.com-headNav__item[data-v-0900af17] {
    font-size: 0.32rem;
    font-weight: 400;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.com-headNav__item--selected[data-v-0900af17] {
      font-size: 0.36rem;
      font-weight: 800;
      color: #222;
}
.com-headNav__badge[data-v-0900af17] {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.16rem;
    height: 0.16rem;
    background: #FF192D;
    border-radius: 50%;
}
.com-headNav__sign[data-v-0900af17] {
    position: absolute;
    background: linear-gradient(90deg, #FFE14D 0%, #FFC34D 100%);
    bottom: 0;
    left: 0;
    transition: transform .3s;
    width: 0.4rem;
    height: 0.12rem;
    border-radius: 1px;
}
.sub-nav-con[data-v-0900af17] {
  display: flex;
  align-items: center;
  padding: .24rem;
}
.sub-nav-item[data-v-0900af17] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.46rem;
  width: 1.32rem;
  flex-grow: 1;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  font-size: 0.24rem;
  color: #666666;
  margin-right: .1rem;
  box-sizing: border-box;
  position: relative;
}
.sub-nav-item[data-v-0900af17]:last-child {
    margin-right: 0;
}
.sub-nav-item--active[data-v-0900af17] {
    background: linear-gradient(90deg, #FFE14D 0%, #FFC34D 100%);
    color: #222222;
    border: 0;
}
.sub-nav-item__point[data-v-0900af17] {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #FF192D;
    border-radius: 50%;
    top: 0;
    right: 0;
}