H5_module/product/supplier/supplier.css

/* supplier */
.top{position: fixed;left: 0;top: 0;right: 0;z-index: 50;}
.back{position: absolute;left: 0;padding-left: 23rpx;width: 20rpx;z-index: 5;}
.back image{width: 20rpx;height: 34rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 23rpx;}
.title{position: absolute;left: 0;right: 0;text-align: center;z-index: 4;font-size: 36rpx;color: #333;}
.sup-pic{width: 100%;height: 320rpx;}
.con{background: #fff;border-radius: 12rpx;margin: -95rpx 32rpx 0;position: relative;z-index: 2;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);padding: 40rpx 20rpx;}
.info{padding: 0 15rpx;}
.name{font-size: 32rpx;color: #333;font-weight: bold;}
.fanweis{position: relative;}
.fanwei{font-size: 15px;color: #676F77;line-height: 24px;margin-top: 35rpx;overflow: hidden;}
.f-height{height: 48px;overflow: hidden;}
.more{position: absolute;right: 0;bottom: 0;background: #fff;height: 24px;padding-left: 30rpx;width: 26rpx;height: 24px;}
.more image{width: 26rpx;height: 15rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 30rpx;margin-top: 1px;}
.sup-shi{border-top: 1rpx solid #E1E1E1;margin-top: 39rpx;padding-top: 40rpx;font-size: 24rpx;color: #714D23;}
.sup-shi .li{width: 20%;text-align: center;}
.sup-shi .li image{width: 70rpx;height: 70rpx;margin: 0 auto 5rpx;}
.datas{background: #FEF1E8;padding: 25rpx 28rpx 10rpx;flex-wrap: wrap;margin-top: 30rpx;}
.datas .li{width: 40%;font-size: 24rpx;color: #714D23;margin-bottom: 15rpx;}
.datas .li:nth-child(2n){width: 60%;}
.datas .li text{font-weight: bold;}
.tabs{margin: 60rpx 0 40rpx;overflow: hidden;height: 60rpx;overflow: hidden;}
.tab{white-space: nowrap;width: 100%;box-sizing: border-box;}
.tab .li{display: inline-block;font-size: 30rpx;color: #333;position: relative;margin-right: 50rpx;padding-bottom: 18rpx;}
.tab .li:first-child{margin-left: 32rpx;}
.tab .li:last-child{margin-right: 32rpx;}
.tab .li.active{font-size: 34rpx;color: #FD3D32;font-weight: bold;}
.tab .li.active::after{content: '';display: block;width: 62rpx;height: 4rpx;background: #FD3D32;border-radius: 2rpx;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.prolist{padding: 0 32rpx;flex-wrap: wrap;margin-top: 60rpx;}
.prolist .li{background: #fff;margin: 0 18rpx 40rpx 0;width: 335rpx;}
.prolist .li:nth-child(2n){margin-right: 0;}
.prolist .li image{width: 100%;height: 276rpx;}
.infos{border: 1rpx solid #E9E9E9;border-top: none;padding: 25rpx 23rpx;}
.proname{font-size: 30rpx;color: #2F3440;line-height: 44rpx;height: 88rpx;overflow: hidden;}
.sta{justify-content: space-between;margin-top: 35rpx;align-items: center;}
.price{font-size: 36rpx;color: #F21211;font-weight: bold;}
.price text{font-size: 24rpx;font-weight: normal;}
.stock{font-size: 24rpx;color: #999;}