H5_module/topic/service/index.css

/* index.css */
.top{position: relative;margin: 30rpx 30rpx 0;}
.bg{width: 100%;}
.top-c{position: absolute;top: 0;left: 0;right: 0;z-index: 5;padding: 60rpx 30rpx 0;font-size: 36rpx;color: #fff;font-weight: bold;}
.top-c text{display: block;font-size: 28rpx;font-weight: normal;margin-top: 12rpx;}
.con{background: #fff;margin: -155rpx 30rpx 30rpx;position: relative;z-index: 6;border-radius: 10rpx;}
.con-t{padding: 50rpx 30rpx 40rpx;text-align: center;}
.kf-img{width: 120rpx;height: 120rpx;background: #D6D6D6;border-radius: 50%;margin: 0 auto;}
.name{font-size: 36rpx;color: #333;margin-top: 20rpx;}
.tag{width: 130rpx;height: 40rpx;border: 2rpx solid var(--mina);border-radius: 50rpx;font-size: 24rpx;color: var(--mina);line-height: 40rpx;margin: 0 auto;margin-top: 20rpx;}
.shop{font-size: 24rpx;color: #999;margin-top: 10rpx;}
.tags{justify-content: center;margin-top: 25rpx;}
.tags text{height: 46rpx;background: #F5F5F5;border-radius: 5rpx;font-size: 24rpx;color: #999;padding: 0 14rpx;line-height: 45rpx;margin: 0 18rpx 18rpx 0;}
.tips{font-size: 24rpx;color: #333;line-height: 36rpx;margin-top: 45rpx;}
.qrcode{padding: 40rpx 0 50rpx;border-top: 1rpx dashed #DEDEDE;font-size: 24rpx;color: #999;text-align: center;}
.qrcode image{width: 285rpx;height: 285rpx;margin: 0 auto 20rpx;}
.qrcode text::before{content: '';display: inline-block;width: 0;height: 0;border: 8rpx solid transparent;border-right: none;border-left-color: #999;margin: 0 20rpx;}