H5_module/pages/merchant/index.css

/**index.wxss**/
page{background: #fff;}
/* .top-fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 50;background: #fff;}
.top-fixed-c{padding-right: 200rpx;position: relative;z-index: 5;}
.top-title{text-align: left;font-size: 36rpx;color: #986527;padding-left: 34rpx;font-weight: 600;}
.idx-logo{height: 45rpx;width: 168rpx;} */
.banner{position: relative;z-index: 1;}
.banner image{width: 100%;height: 530rpx;}
.con{background: #fff;border-radius: 30rpx 30rpx 0 0;margin-top: -30rpx;position: relative;z-index: 5;padding: 40rpx 30rpx 0;border-bottom: 10rpx solid #F5F5F5;}
.info{border-bottom: 1rpx solid #DEDEDE;padding-bottom: 55rpx;}
.name{font-size: 40rpx;color: #333;}
.change{font-size: 28rpx;margin-left: 20rpx;}
.change image{width: 14rpx;height: 23rpx;margin-left: 9rpx;}
.mai{font-size: 28rpx;color: #999;margin-top: 15rpx;}
.time{font-size: 30rpx;color: #333;margin: 45rpx 0;}
.info-img{width: 42rpx;height: 45rpx;margin-right: 30rpx;}
.addr{font-size: 30rpx;color: #333;}
.tel{padding: 0 20rpx;border-left: 1rpx solid #DBDBDB;}
.tel image{width: 35rpx;height: 35rpx;}
.opt .li{width: 33.33%;justify-content: center;font-size: 30rpx;color: #333;padding: 45rpx 0;position: relative;}
.opt .li:before{content: '';display: block;width: 1rpx;height: 36rpx;background: #DBDBDB;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.opt .li:first-child:before{display: none;}
.opt .li image{width: 45rpx;height: 39rpx;margin-right: 8rpx;}
.tits{font-size: 30rpx;color: #333;margin: 45rpx 30rpx 25rpx;justify-content: space-between;}
.tits image{width: 14rpx;height: 23rpx;}
.pro{align-items: flex-start;margin: 0 30rpx;}
.pro .li{width: 210rpx;margin-right: 30rpx}
.pro .li:nth-child(3n){margin-right: 0;}
.pro-img{width: 100%;height: 210rpx;}
.pro-info{padding: 15rpx;border: 1rpx solid #E9E9E9;border-top: none;}
.pro-tit{font-size: 24rpx;color: #2F3440;}
.money{font-size: 30rpx;color: #F21211;margin-top: 10rpx;}
.money text{font-size: 24rpx;}