@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
.page-body.data-v-2f754cba {
  display: flex;
  background: #fff;
  overflow: hidden;
  position: fixed;
}
.nav.data-v-2f754cba {
  display: flex;
  width: 100%;
}
.nav-left.data-v-2f754cba {
  width: 25%;
  background: #fafafa;
}
.nav-left-item.data-v-2f754cba {
  height: 100rpx;
  border-right: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-left-item.data-v-2f754cba:last-child {
  border-bottom: none;
}
.nav-right.data-v-2f754cba {
  width: 75%;
}
.box.data-v-2f754cba {
  display: block;
  overflow: hidden;
  border-bottom: 20rpx solid #f3f3f3;
  /* min-height: 100vh; */
  /*若您的子分类过少想使得每个子分类占满屏请放开上边注视 */
}
.box.data-v-2f754cba:last-child {
  border: none;
  min-height: 100vh;
}
.nav-right-item.data-v-2f754cba {
  width: 29%;
  min-height: 220rpx;
  float: left;
  text-align: center;
  padding: 11rpx;
  font-size: 28rpx;
}
.nav-right-item image.data-v-2f754cba {
  width: 120rpx;
  height: 120rpx;
}
.active.data-v-2f754cba {
  color: #ff80ab;
  background: #fff;
  border-right: 0;
}
.data-v-2f754cba::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.right_item_name.data-v-2f754cba {
  width: 100%;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.data-v-2f754cba .u-sticky {
  top: 153rpx !important;
}

