haowanShow/miniprogram/pages/index/index.wxss

.index {
  color: #131D34;
  padding-bottom: 200rpx;
  background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
}
.search-w {
  margin: 0 auto;
  padding: 0 46rpx;
  margin-top: 20rpx;
  margin-bottom: 34rpx;
}

.content {
  padding: 0 46rpx;
}

.advertise image {
  width: 100%;
  height: 312rpx;
  background-size: cover;
  background-position: center center;
  /* background-image: url(../../image/4Dage/index/b-banner.png); */
}
.banner {
  position: relative;
  margin-bottom: 32rpx;
}
.banner swiper {
  height: 254rpx;
}
.banner-diots {
  position: absolute;
  bottom: 10rpx;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.banner-diot-item {
  width: 8rpx;
  height: 8rpx;
  background: #fff;
  border-radius: 4rpx;
  margin-right: 8rpx;
}
.banner-diot-item.is-active {
  background: #17D2D2;
  height: 18rpx;
}
.banner image {
  width: 100%;
  height: 254rpx;
}
.tab-w {
  display: flex;
  height: 202rpx;
  align-items: center;
}
.tab {
  text-align: center;
  flex: 1;
  font-size: 26rpx;
}
.tab image {
  width: 80rpx;
  height: 80rpx;
  margin-bottom: 10rpx;
}
.category-header {
  margin-bottom: 26rpx;
}
.category-title {
  font-size: 30rpx;
  font-weight: bold;
}
.category-list {
  display: flex;
  flex-wrap: wrap;
}
.category-item {
  width: 318rpx;
  overflow: hidden;
  text-align: left;
  margin-bottom: 32rpx;
}
.category-item:nth-child(odd) {
  margin-right: 22rpx;
}
.category-item image {
  width: 100%;
  height: 238rpx;
  margin-bottom: 14rpx;
}
.goods-name {
  font-weight: bold;
  font-size: 30rpx;
}
.desc {
  margin-top: 8rpx;
  font-size: 22rpx;
  color: #909090;
}
.desc:last-child {
  margin-top: 0;
}

.enterprise-w {
  /* margin-top: 52rpx; */
  background: #fff;
  /* height: 978rpx; */
  width: 100%;
}

.enterprise-header {
  padding: 36rpx 42rpx 22rpx 30rpx;
}
.enterprise-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15rpx;
}
.enterprise-item {
  display: flex;
  flex-direction: column;
  width: 33.3333%;
  border-bottom: 2rpx solid #F7F7F7;
  height: 170rpx;
  font-size: 16rpx;
  align-items: center;
  justify-content: center;
}
.enterprise-name {
  text-align: center;
}
.enterprise-item:nth-child(3n-2) {
  border-right: 2rpx solid #F7F7F7;
}
.enterprise-item:nth-child(3n-1) {
  border-right: 2rpx solid #F7F7F7;
}
.enterprise-logo {
  width: 100%;
  height: 108rpx;
  text-align: center;
  position: relative;
}
.enterprise-logo image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rpx;
  height: 2rpx;
  visibility: hidden;
}
.enterprise-name {
  padding: 0 30rpx;
  text-align: center;
}



page,.container{
  /* background: #231815; */
 
}

.title {
  color: #131D34;
  font-size: 34rpx;
  margin-bottom: 26rpx;
  font-weight: bold;
  line-height: 44rpx;
  display: flex;
  justify-content: space-between;
}
.title .more {
  
}

.c-body{
  width: 100%;
  background: #231815;
  z-index: 11;
  position: relative;
}

.body{
  width: 100%;
  font-size: 0;
  padding-bottom: 150rpx;
  padding: 24rpx 46rpx 204rpx;
}

.body::-webkit-scrollbar {display:none}

.body .ul {
  position: relative;
  width: 100%;
  font-size: 0;
  z-index: 1;
  margin: 0 auto;
}

.body .li {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto 20rpx;
}


.body .li image{
  width: 100%;
  height: 332rpx;
}



.body .li .b-title{
  background: rgba(0,0,0,0.3);
  position: absolute;
  left: 0%;
  bottom: 0;
  padding-left: 24rpx;
  font-size: 26rpx;
  width: 100%;
  height: 56rpx;
  color: #fff;
  line-height: 56rpx;
}

.body .li .b-title text{
  color: #fff;
}