/* packageE/others/case_library/category/caseLibraryCategory.wxss */
#case_category_mobile {
  background: #fff;
}

#case_category_mobile .category {
  display: flex;
}

#case_category_mobile .category .left-ca {
  position: fixed;
  width: 170rpx;
  min-width: 170rpx;
  height: calc(100vh - 80rpx);
  background: #f7f7f7;
}

#case_category_mobile .category .left-ca .li-ca {
  line-height: 80rpx;
  margin: 8rpx 0;
  text-align: center;
}

#case_category_mobile .category .left-ca .li-ca-selected {
  background: #fff0e8;
  color: #ff5c00;
  border-left: 2rpx solid #ff5c00;
}

#case_category_mobile .category .right-ca {
  flex: 1;
  text-align: left;
  position: absolute;
  left: 170rpx;
  width: calc(100% - 170rpx);
}

#case_category_mobile .category .right-ca .top {
  position: fixed;
  line-height: 106rpx;
  height: 106rpx;
  background: #fff;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
  border-bottom: #ebebeb 1rpx solid;
}

#case_category_mobile .category .right-ca .top span {
  display: inline-block;
  border-radius: 27.2rpx;
  padding: 0 36rpx;
  line-height: 54rpx;
  border: 1rpx solid #dcdcdc;
  margin-left: 20rpx;
}

#case_category_mobile .category .right-ca .top .li-selected {
  border: 1rpx solid #ff5c00;
  color: #ff5c00;
  background: #fff0e8;
}

#case_category_mobile .category .right-ca .ul {
  background: #fff;
  position: relative;
  top: 106rpx;
  min-height: calc(100vh - 186rpx);
}
