pika_shangjia/pages/shop/shop.css

/* shop.css */
.top{position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
.topbg{width: 100%;height: 100%;}
.title{position: absolute;left: 0;right: 0;text-align: left;font-size: 36rpx;color: #fff;padding-left: 34rpx;}
.tcon{position: relative;}
.tcbg{width: 100%;height: 260rpx;position: absolute;top: 0;left: 0;z-index: 0;}
.merchant{padding: 40rpx 45rpx;position: relative;z-index: 1;}
.logo{width: 100rpx;height: 100rpx;border: 2rpx solid #fff;background: #fff;border-radius: 50%;margin-right: 25rpx;}
.merchant-name{font-size: 36rpx;color: #fff;}
.change{margin-left: 10rpx;font-size: 24rpx;color: rgba(255,255,255,.5);}
.change image{width: 14rpx;height: 23rpx;margin-left: 6rpx;}
.merchant-info{font-size: 24rpx;color: #FFDEC4;margin-top: 14rpx;}
.merchant-info image{width: 24rpx;height: 24rpx;margin-right: 8rpx;}
.m-share{font-size: 22rpx;color: #fff;margin-left: 50rpx !important;}
.m-share image{width: 34rpx;height: 34rpx;margin: 0 auto 15rpx;}
.con{background: #fff;border-radius: 25rpx 25rpx 0 0;position: relative;z-index: 1;padding: 25rpx 0 0;}
.search{height: 64rpx;border-radius: 32rpx;background: #f0f1f3;padding: 0 40rpx;font-size: 28rpx;color: #A7A7A7;margin: 0 30rpx;}
.search image{width: 30rpx;height: 30rpx;margin-right: 7rpx;}
.nav .li{width: 25%;text-align: center;font-size: 26rpx;color: #222;padding: 55rpx 0;}
.nav .li image{width: 98rpx;height: 98rpx;margin: 0 auto 15rpx;}
.tab{margin: 0 30rpx;border-bottom: 1rpx solid #D1D1D1;position: relative;}
.tab::after{content: '';display: block;width: 1rpx;height: 78rpx;background: #ccc;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.tab .li{width: 50%;text-align: center;padding: 5rpx 0 35rpx;}
.tab .li view{font-size: 36rpx;color: #222;font-weight: bold;}
.tab .li text{display: block;font-size: 24rpx;color: #999;margin-top: 10rpx;}