/* pages/category_v2/category_v2.wxss */
.category {
  background: #fff;
  height: 100vh;
}
.pass_price{
  color: #867E7E;
}
.cate-box {
  display: flex;
}

.category .m_header {
  width: 100%;
  height: 90rpx;
  padding-right: 30rpx;
  box-sizing: border-box;
  background: #fff;
  line-height: 90rpx;
  font-size: 36rpx;
}

.category .m_header .span {
  display: inline-block;
  width: 32rpx;
  height: 48rpx;
  margin-left: 20rpx;
  font-size: 60rpx;
}

.category .m_header icon {
  font-size: 32rpx;
  float: right;
  font-style: normal;
}

.category .rootlists {
  height: 90vh;

  /* overflow: scroll; */
  width: 24%;
  background: #fff;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.category .search-box {
  padding: 12rpx 32rpx;
  background: white;
}

.category .search-box .search-content {
  /* width: 100%; */
  height: 60rpx;
  line-height: 60rpx;
  background: #f5f5f5;
  padding: 0 20rpx;
  border-radius: 28rpx;
  color: #8c8c8c;
  display: flex;
  align-items: center;
}

.category .category-content {
  height: 90vh;

  /* overflow-y: scroll; */
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  width: 76%;
  background: #fff;
}

.category .category-content .err {
  padding-top: 80rpx;
  font-size: 28rpx;
  text-align: center;
}

.category .category-content .carcontent {
  word-wrap: break-word;
}

.category .bottom {
  width: 100%;
  box-sizing: border-box;
  padding: 30rpx;
  border-top: 2rpx solid #eaeaea;
  position: fixed;
  bottom: 0;
  background: #fff;
  font-size: 36rpx;
  text-align: left;
  line-height: 80rpx;
}

.category .catagoryBox .van-cell__title {
  overflow: hidden;
}

.category .catagoryBox .van-cell {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10rpx 15px;
  box-sizing: border-box;
  line-height: 24px;
  position: relative;
  background-color: #fff;
  color: #323233;
  font-size: 14px;
  overflow: hidden;
}

/* .category .catagoryBox .van-cell .title {
	overflow-x: auto;
	margin: 0 auto;
} */

/* .category .catagoryBox .activetitle {
	display: flex;
	align-items: center;
	height: 90rpx;
	line-height: 90rpx;
	padding-left: 20rpx;
} */

/* .category .catagoryBox .activetitle van-icon {
	color: #969799;
	margin-left: 5px;
	height: 24px;
	min-width: 32rpx;
	font-size: 16px;
	line-height: 24px;
} */

.category .catagoryBox .activetitle .dl {
  width: 100%;
  overflow: hidden;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.category .catagoryBox .activetitle .dl .dt {
  flex-shrink: 0;
  margin-bottom: 0;
  height: 24px;
  line-height: 24px;
}

/* .category .catagoryBox .activetitle .dl .dt_no{
  flex-shrink: 0;
  margin-bottom: 0;
  height: 66rpx;
  line-height: 66rpx;
} */

.category .bottom .b {
  color: #f37385;
}

.category .bottom .a {
  color: #000;
}

.category .bottom .span {
  width: 260rpx;
  text-align: center;
  height: 80rpx;
  color: #fff;
  background: #f15353;

  /* float: right; */
  display: inline-block;
}

.category .bottom .span .a {
  font-size: 32rpx;
  color: #fff;
}

.rootList {
  width: 100%;
  background: #fff;
  font-size: 24rpx;
  padding-bottom: 90rpx;
}

.rootList_no {
  width: 94% !important;
  background: #fff;
  font-size: 24rpx;
  padding-bottom: 90rpx;
  padding-top: 10rpx !important;
  font-family: 'PingFangSC-Medium';
}

.rootList .active.li {
  /* 	border-left: 4rpx solid red;
	background: #ffffff;
	color: #000;
	font-weight: bold; */
  background: #fff;
  color: #000;
}

.rootList .active .span {
  border-left: 8rpx solid red;
  width: 100%;
  line-height: 32rpx;
}

.rootList .li {
  padding: 24rpx 0;
  color: #999;
  font-size: 24rpx;
  text-align: center;
}

.rootList .li.tem_2 {
  background: #fff;
}

.rootList .active.tem_2 {
  background: #eee;
  color: #f15353;
}

rootlist .li_no {
  color: #999;
  font-size: 24rpx;
  text-align: center;
  min-height: 88rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}


/* @import "/mycss/stylesheet.wxss"; */

/* @import "/mycss/iconfont.wxss"; */

.carcontent2 {
  color: #686868;

  /* margin-bottom: 120rpx; */
  height: 100%;
  margin-top: 3%;
}

.carcontent2 .branch {
  margin: 0 3%;

  /* height: 300rpx; */
}

.carcontent2 .branch .a image {
  border-radius: 16rpx;
  overflow: hidden;
}

.branch_no {
  padding: 20rpx 20rpx 20rpx 30rpx;
  height: 240rpx;
}

.branch_no .branchSwiper {
  width: 100%;
  height: 240rpx;
}

.branch_no .branchSwiper .branch_img {
  width: 100%;
  height: 100%;
  background: aquamarine;
}

.branch_no .branchSwiper .branch_img image {
  width: 100%;
  height: 100%;
}

.carcontent2 .catagoryBox {
  position: relative;
  height: 90rpx;
  z-index: 100;
}

.category .topnavFixed .van-cell__title {
  overflow: hidden;
}

.carcontent2 .topnavFixed {
  position: fixed;
  width: 76%;
  height: 90rpx;
  white-space: nowrap;

  /* white-space 属性设置如何处理元素内的空白 */
  top: 100rpx;
  background: #fff;
  z-index: 100;
}

.carcontent2 .catagoryBox .threeTitle {
  height: 80rpx;
  line-height: 80rpx;
  text-align: left;
}

.carcontent2 .catagoryBox .dl {
  display: flex;
  flex-wrap: wrap;
}

.carcontent2 .catagoryBox .dl .dt {
  /* height: 70rpx;
	line-height: 70rpx;
	padding: 0 32rpx;
	border: solid 2rpx #e5e5e5; */
  font-size: 24rpx;
  height: 36rpx;
  line-height: 36rpx;
  padding: 0 16rpx;
  border: dashed 2rpx rgb(229, 229, 229);
  border-radius: 8rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
}

.carcontent2 .catagoryBox .dl .dt05 {
  font-size: 24rpx;
  padding: 17rpx 20rpx 16rpx 22rpx;
  border-radius: 8rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
}

.carcontent2 .catagoryBox .dl .dt_no {
  font-size: 24rpx;
  padding: 0 16rpx;
  border-radius: 6rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  background-color: #fcf6f5;
  flex-shrink: 0;
  margin-bottom: 0;
  height: 66rpx;
  line-height: 66rpx;
}

.carcontent2 .catagoryBox .dl .dt_no_c {
  font-size: 24rpx;
  padding: 0 16rpx;
  border-radius: 6rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  background-color: #f9f9f9;
  flex-shrink: 0;
  margin-bottom: 0;
  height: 66rpx;
  line-height: 66rpx;
}

.carcontent2 .catagoryBox .dl .addClass {
  border: dashed 2rpx #ff4949;
  color: #f15353;
}

.carcontent2 .catagoryBox .dl .addClass_no {
  /* border: dashed 2rpx #ff4949; */
  color: #f15353;
}

.carcontent2 .catagoryBox .dl .addClass1 {
  border: none;
  color: #fff;
  background: #fb5050;
  border-radius: 28rpx;
}

.carcontent2 .catagoryBox .dl .addClass5 {
  border: none;
  color: #c03b38;
  background: #fcf6f5;
  border-radius: 28rpx;
}

.carcontent2 .catagoryBox .dl .removeClass1 {
  border: none;
}

.carcontent2 .catagoryBox .dl .more-btn-class {
  background: transparent;
  border: none;
  color: #fb5050;
  display: flex;
  height: 36rpx;
  line-height: 36rpx;
}

.carcontent2 .catagoryBox .dl .more-btn-class icon {
  display: flex;
}

.carcontent2 .goodsList {
  background: #fff;
  position: relative;
  overflow-y: scroll;
}

.carcontent2 .goodsList .coverLayer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  z-index: 1;
}

.carcontent2 .goodsList .goodWrapper {
  height: 100%;
  padding-left: 24rpx;
  padding: 0 16rpx;
}

.carcontent2 .goodsList .goodWrapper::after {
  display: block;
  background: transparent;
  content: " ";
  width: 100%;
  height: 116rpx;
}

.carcontent2 .goodsList .space {
  width: 100%;
  height: 116rpx;
  text-align: center;
  line-height: 116rpx;
}

.carcontent2 .goodsList .list {
  display: flex;
  padding: 4rpx 0;
  border-bottom: solid 2rpx #f2f2f7;
}

.carcontent2 .goodsList .list .img {
  width: 140rpx;
  height: 140rpx;
  border-radius: 12rpx;
  overflow: hidden;
  margin-right: 20rpx;
}

.carcontent2 .goodsList .list .img image {
  width: 100%;
  height: 100%;
  border-radius: 12rpx;
}

.carcontent2 .goodsList .list .goods-info {
  /* width: 386rpx; */
  flex: 1;
  text-align: left;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_a {
  margin-bottom: 8rpx;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_a .goods-title{
  line-height: 32rpx;
  font-size: 24rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #000;
  max-width: 360rpx;
  white-space: normal;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_a .goods-label-box{
  line-height: 32rpx;
  font-size: 24rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgb(136, 136, 136);
  max-width: 360rpx;
  max-height: 66rpx;
  white-space: normal;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_a .goods-label-box .goods-label {
  margin-right: 12rpx;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_a_five {
  margin-bottom: 8rpx;
  line-height: 32rpx;
  height: 64rpx;
  font-size: 24rpx;
  color: #000;
  max-width: 307rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_b {
  color: #999;
  font-size: 22rpx;
  line-height: 30rpx;
  height: 30rpx;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c {
  display: flex;
  justify-content: space-between;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .price {
  color: #f15353;
  font-size: 24rpx;
  font-weight: bold;
  line-height: 40rpx;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .price .small {
  font-size: 20rpx;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c_five .price text {
  color: #c23b38;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .standard button {
  height: 40rpx;
  width: 80rpx;
  background-color: #f15353;
  border: none;
  border-radius: 24rpx;
  color: #fff;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .select {
  display: flex;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .select .span {
  outline: none;
  border: none;
  display: inline-block;
  width: 40rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 28rpx;
  text-align: center;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .select input {
  outline: none;
  border: none;
  display: inline-block;
  width: 40rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 14px;
  text-align: center;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .select .icon-life-game-plus {
  background-color: #f15353;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .select icon {
  width: 40rpx;
  height: 40rpx;
  text-align: center;
  line-height: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24rpx;
  color: #fff;
  font-size: 14px;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .select .icon-life-game-sign {
  background-color: #ccc;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .leaseBox {
  padding: 0 16rpx;
  background: #f15353;
  color: #fff;
  line-height: 40rpx;
  border-radius: 32rpx;
  font-size: 12px;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .leaseBox_five {
  padding: 0;
  background-color: #fff;
  color: #fff;
  line-height: 40rpx;
  border-radius: 32rpx;
  font-size: 12px;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .leaseBox_five image {
  width: 56rpx;
  height: 56rpx;
}

.leaseBox_five_no {
  padding: 0;
  background-color: #fff;
  color: #fff;
  line-height: 40rpx;
  border-radius: 32rpx;
  font-size: 12px;
}

.leaseBox_five_no image {
  width: 56rpx;
  height: 56rpx;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .optionClass {
  position: relative;
  z-index: 0;
}

.carcontent2 .goodsList .list .goods-info .info-class .info_c .optionClass icon {
  width: 32rpx;
  height: 32rpx;
  line-height: 32rpx;
  font-size: 12px;
  position: absolute;
  top: -8px;
  right: -5px;
  background-color: #ff5d5c !important;
}

.category .spec_box {
  background: #fff;
  width: 660rpx;
  height: 780rpx;
  border-radius: 20rpx;
  padding-bottom: 110rpx;
  overflow: auto;
}

.category .spec_box .h3 {
  border-radius: 20rpx 20rpx 0 0;
  width: 90%;
  background-color: #fff;
  text-align: center;
  overflow: hidden;

  /* 超出部分隐藏 */
  text-overflow: ellipsis;

  /* 超出部分显示省略号 */
  white-space: nowrap;

  /* 规定段落中的文本不进行换行 */
  position: fixed;
  left:5%;
  line-height: 88rpx;
  border-bottom: solid 2rpx #ebebeb;
  font-size: 16px;
}

.category .spec_box .h3 icon {
  position: absolute;
  right: 28rpx;
  line-height: 88rpx;
  color: #999;
  font-size: 36rpx;
}

.category .spec_box .spec_a {
  margin-top: 20rpx;
  background: #fff;
}

.category .spec_box .spec_a .h5 {
  display: block;
  line-height: 80rpx;
  text-align: left;
  padding-left: 40rpx;
}

.category .spec_box .spec_a .option {
  display: flex;
  padding: 0 40rpx;
  flex-wrap: wrap;
}

.category .spec_box .spec_a .option .cur {
  border: solid 2rpx #f15353 !important;
  background: #faf0f0 !important;

  /* z-index: 2001; */
}

.category .spec_box .spec_a .option .li {
  padding: 0 6px;
  min-height: 60rpx;
  line-height: 60rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  background: #f5f5f5;
  border: solid 2rpx #ebebeb;
  border-radius: 6rpx;
}

.category .add_car {
  width: 100%;
  height: 110rpx;
  line-height: 110rpx;
  background-color: #fff;
  border-top: solid 2rpx #ebebeb;
  position: fixed;
  bottom: 0;
  border-radius: 0 0 20rpx 20rpx;
}

.category .add_car .car_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28rpx;
  height: 100%;
}

.category .add_car .car_btn .left {
  color: #f15353;
  font-size: 32rpx;
  text-align: left;
  flex: 0 0 416rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.category .add_car .car_btn .left .good-price {
  line-height: 36rpx;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category .add_car .car_btn .left .vip-price {
  width: 100%;
  line-height: 38rpx;
  font-size: 12px;
  color: #fdbc2e;
}

.category .add_car .car_btn .left .span {
  font-size: 24rpx;
}

.category .add_car .car_btn .right .span {
  display: block;
  width: 178rpx;
  text-align: center;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 32rpx;
  background: #f15353;
  color: #fff;
  font-size: 14px;
}

.category .add_car .car_btn .Box {
  position: absolute;

  /* bottom: 20rpx; */
  right: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.category .add_car .car_btn .Box icon {
  width: 28px;
  height: 56rpx;
  line-height: 56rpx;
  font-size: 26px;
  color: #f15353;
}

.category .add_car .car_btn .Box .icon-store_reduceLine {
  color: #aaa;
}

.category .add_car .car_btn .Box label {
  right: 70rpx;
  color: #333;
  font-size: 12px;
  padding: 0;
  width: 48rpx;
  height: 56rpx;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  line-height: 56rpx;
  vertical-align: top;
  background-origin: content-box;
  background-color: transparent;
}

.carcontent2 .category_template04 {
  background: #f4f4f4;
}

.carcontent2 .category_template04 .goodWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.carcontent2 .category_template04 .goodWrapper .list {
  width: 49%;
  background: #fff;
  margin-top: 16rpx;
  border-radius: 16rpx;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.carcontent2 .category_template04 .list .img {
  width: 100%;
  height: 0;
  margin: 0;
  padding-bottom: 100%;
  position: relative;
  border-radius: 0;
}

.carcontent2 .category_template04 .list .img image {
  width: 100%;
  right: 0;
  height: 100%;
  position: absolute;
  border-radius: 0;
}

.carcontent2 .category_template04 .list .goods-info {
  padding: 8rpx;
}

.carcontent2 .category_template04 .list .goods-info .info-class .info_c .price {
  flex: 1;
  line-height: 36rpx;
  overflow: hidden;/* 超出部分隐藏 */
  text-overflow: ellipsis;/* 超出部分显示省略号 */
  white-space: nowrap;/* 规定段落中的文本不进行换行 */
}

.carcontent2 .category_template04 .list .goods-info .info-class .info_c .leaseBox {
  padding: 0 12rpx;
  line-height: 36rpx;
  height: 36rpx;
  font-size: 20rpx;
}

/* 模板5 */
.dodL {
  /* width: 100%; */
  text-align: center;
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 28rpx;
  box-sizing: border-box;
}

.indAct {
  position: relative;
}

.indAct::before {
  content: "";
  position: absolute;
  left: 14rpx;
  bottom: 0;
  top: 30rpx;
  width: 6rpx;
  height: 30rpx;
  border-radius: 10rpx;
  background: #ad0d10;
}

.name_no {
  font-size: 32rpx;
  font-weight: 700;
}

.name_no_ae {
  font-size: 28rpx;
  font-weight: 400;
}

.addClass_no {
  color: #c23b38;
}
