/* pages/category/category.wxss */
page {
  height: 100%;
  background-color: #ffffff;}

.nav-container {
  width: 100%;
  height: 100%;
  display: flex; }

.nav-menu {
  flex: 0;
  width: 25%;
  padding-bottom: 50px;
}

.nav-menu .menu-item {
  position: relative;
  /* padding: 0 16rpx; */
  padding: 0 28rpx;
  font-size: 26rpx;
  color: #000000;
  line-height: 100rpx;
  text-align: center; }

/* .nav-menu .menu-item::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 18rpx;
  width: 8rpx;
  height: 60rpx;
  background: transparent; } */

/* .nav-menu .menu-item.active::after {
  background: #cB3C3C; } */

.nav-menu .menu-item .menu-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 26rpx; }

.nav-contents {
  flex: 1;
  width: 75%; }

.nav-content {
  display: none;
  padding: 30rpx 30rpx; }

.nav-content.active {
  display: block; }

.sec-menu-image::after {
  content: '';
  display: block;
  clear: both; }

.sec-menu-image image {
  width: 100%;
  height: auto;
  float: left; 
  border-radius: 4rpx;
  margin-bottom: 30rpx;}

.menu-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom:50rpx;
  justify-content: space-between;
   
}
.menu-list:after{
  content: '';
  width: 150rpx;
}

.menu-third {
  width: 150rpx;
  text-align: center;
  padding-bottom: 32rpx; }

.menu-third image {
  width: 150rpx;
  height: 150rpx; 
  border-radius: 2rpx;
  }

.thr-menu-name {
  font-size: 24rpx;
  margin-top: 10rpx;
  font-family: SourceHanSansCN-Normal;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -1px;
  color: #333; }
