.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; }