yuminge-app/yun-min-program-plugin-master/packageC/o2o/GoodsClassify/GoodsClassify.wxss

/* pages/GoodsClassify/GoodsClassify.wxss */
.goods-class .list .box-a {
  padding-left: 28rpx;
  border-top: solid 2rpx #ebebeb;
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #fff;
}

.goods-class .list .box-a .left {
  display: flex;
  padding: 20rpx 0;
  font-size: 32rpx;
}

.goods-class .list .box-a .left .span {
  line-height: 80rpx;
}

.goods-class .list .box-a .right {
  display: flex;
  padding: 20rpx 0;
  margin-right: 20rpx;
}

.goods-class .list .box-a .right icon {
  font-size: 48rpx;
  color: #c9c9c9;
  width: 80rpx;
  line-height: 80rpx;
  position: relative;
  z-index: 3;
}

.goods-class .list .box-b {
  background: #fafafa;
  padding-left: 56rpx;
  border-top: solid 2rpx #ebebeb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.goods-class .list .box-b .left {
  display: -ms-flexbox;
  display: flex;
  margin-left: 40rpx;
  padding: 20rpx 0;
  font-size: 32rpx;
}

.goods-class .list .box-b .left .span {
  line-height: 80rpx;
}

.goods-class .list .box-b .right {
  display: -ms-flexbox;
  display: flex;
  padding: 20rpx 0;
  margin-right: 20rpx;
}

.goods-class .list .box-b .right icon {
  font-size: 48rpx;
  color: #c9c9c9;
  width: 80rpx;
  line-height: 80rpx;
  position: relative;
  z-index: 3;
}

.goods-class .bottom {
  border-top: solid 2rpx #ebebeb;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  padding: 0 28rpx;
  font-size: 32rpx;
  box-sizing: border-box;
}

.goods-class .bottom .button {
  color: #fff;
  width: 100%;
  height: 80rpx;
  line-height: 80rpx;
  border-radius: 3rpx;
  background-color: #f15353;
  border: none;
  margin: 12rpx 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goods-class .list .box-a .more {
  z-index: 2;
  background: rgba(51, 51, 51, 0.9);
  border-radius: 8rpx;
  color: #f0f0f0;
  width: 240rpx;
  position: absolute;
  right: 98rpx;
  top: 84rpx;
}

.goods-class .list .box-a .more .ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.goods-class .list .box-a .more .ul .li {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.goods-class .list .box-a .more .ul .li icon {
  display: block;
  margin-top: 4rpx;
  font-size: 36rpx;
  color: rgb(255, 255, 255);
}

.goods-class .list .box-a .more .icon {
  position: absolute;
  right: 20rpx;
  top: -42rpx;
}

.goods-class .list .box-a .more .icon icon {
  font-size: 48rpx;
  color: rgba(51, 51, 51, 0.9);
}

.goods-class .list .box-b .more {
  z-index: 2;
  background: rgba(51, 51, 51, 0.9);
  border-radius: 8rpx;
  color: #f0f0f0;
  width: 240rpx;
  position: absolute;
  right: 98rpx;
  top: 84rpx;
}

.goods-class .list .box-b .more .ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.goods-class .list .box-b .more .ul .li {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.goods-class .list .box-b .more .ul .li icon {
  display: block;
  margin-top: 4rpx;
  font-size: 36rpx;
  color: rgb(255, 255, 255);
}

.goods-class .list .box-b .more .icon {
  position: absolute;
  right: 20px;
  top: -42rpx;
}

.goods-class .list .box-b .more .icon icon {
  font-size: 48rpx;
  color: rgba(51, 51, 51, 0.9);
}