H5_module/share/invite/index.css

page{background-color: #fff;}
.con-top image{width: 100%;}
.price-list{padding: 0 60rpx 130rpx;}
.price-list .li{margin-top: 40rpx;background: linear-gradient(90deg,#fe3a00,#fdb103);padding: 3rpx;border-radius: 5rpx;position: relative;height: 103rpx;}
.li-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.price-list .li-c{background: #fff;border-radius: 5rpx;padding: 0 53rpx 0 32rpx;position: relative;z-index: 3;height: 103rpx;}
.price-tag{width: 67rpx;height: 67rpx;position: absolute;top: 0;left: 0;z-index: 4;}
.gou{width: 33rpx;height: 33rpx;}
.price{font-size: 60rpx;color: #fd7a02;font-weight: bold;margin-left: 30rpx;}
.price-fh{font-size: 24rpx;position: relative;top: -15rpx;}
.price-dw{font-size: 22rpx;position: relative;bottom: -13rpx;margin-left: 10rpx;}
.price-txt{font-size: 30rpx;color: #fff;font-weight: bold;}
.price-txt text{display: block;font-size: 22rpx;opacity: .8;margin-top: 5rpx;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;z-index: 50;}
.supp{height: 60rpx;background: #f5f5f5;font-size: 20rpx;color: #a4a4a4;text-align: center;line-height: 60rpx;}
.btn{height: 100rpx;background: var(--mina);font-size: 36rpx;color: #fff;font-weight: bold;text-align: center;line-height: 100rpx;}


/* 轮播图 */
.ban{height: 400rpx;position: relative;background: #fff;}
.swiper{width: 100%;height: 400rpx;}
.swiper image{width: 100%;height: 100%;}
.swiper-img{width: 750rpx;height: 400rpx;}
.dots{position: absolute;left: 50%;transform: translateX(-50%);bottom: 30rpx;z-index: 3;justify-content: center;}
.dot{width: 12rpx;height: 12rpx;background: rgba(255,255,255,.4);margin: 0 3rpx;border-radius: 6rpx;}
.dot.active{background: #fff;width: 28rpx;}
/* 表单 */
.form{padding: 40rpx 30rpx;background: #fff;}
.form-title{font-size: 38rpx;color: #000;font-weight: bold;text-align: center;}
.form-list{margin-top: 40rpx;}
.form-list .li{margin-bottom: 30rpx;border-bottom: 1rpx solid #D1D1D1;}
.label{font-size: 28rpx;color: #666;}
.ipt{font-size: 28rpx;color: #333;padding: 25rpx 0;}
.textarea{font-size: 28rpx;color: #333;padding: 25rpx 0;height: 140rpx;width: 100%;box-sizing: border-box;}
.phone-ipt{font-size: 28rpx;color: #333;text-align: left;padding: 25rpx 0 !important;}
.placeholder{color: #ccc;}
.form-btn{margin-top: 60rpx;background: var(--mina);font-size: 30rpx;color: #fff;text-align: center;line-height: 90rpx;border-radius: 10rpx;}
/* 文本 */
.richText{background: #fff;padding: 40rpx 30rpx;font-size: 34rpx;color: #333;line-height: 1.7;margin: 20rpx 0;}
/* 商品 */
.product{margin: 20rpx 0;padding: 0 30rpx;background: #fff;}
.product .li{border-bottom: 1rpx solid #e9e9e9;padding: 30rpx 0;align-items: flex-start;}
.product .li:last-child{border-bottom: none;}
.pro-img{width: 200rpx;height: 200rpx;border-radius: 15rpx;margin-right: 20rpx;}
.pro-info{height: 200rpx;position: relative;}
.pro-name{font-size: 30rpx;color: #333;line-height: 40rpx;height: 85rpx;overflow: hidden;}
.pro-bri{font-size: 24rpx;color: #999;}
.pro-opt{justify-content: space-between;position: absolute;left: 0;right: 0;bottom: 0;}
.money{font-size: 36rpx;color: #C5020B;font-weight: bold;}
.money text{font-size: 22rpx;color: #252A3B;margin-left: 5rpx;font-weight: normal;}
.pro-btn{background: var(--mina);height: 50rpx;border-radius: 25rpx;padding: 0 20rpx;font-size: 28rpx;color: #fff;text-align: center;line-height: 50rpx;}
.product2{margin: 20rpx 0;padding: 30rpx;}
.product2 .li{width: 330rpx;margin-right: 30rpx;background: #fff;border-radius: 15rpx;}
.product2 .li:nth-child(2n){margin-right: 0;}
.product2 .pro-img{width: 330rpx;height: 330rpx;border-radius: 15rpx 15rpx 0 0;}
.product2 .li .pro-info{padding: 20rpx;height: auto;}
.product2 .li .pro-opt{position: inherit;margin-top: 10rpx;}
.pro-cart image{width: 42rpx;height: 42rpx;}
.product3{margin: 20rpx 0;padding: 20rpx 0;background: none;height: 260rpx;overflow: hidden;}
.product3 scroll-view{white-space: nowrap;padding-bottom: 20rpx;}
.product3 .li{width: 600rpx;margin-right: 30rpx;border: none;display: inline-block;padding: 30rpx;background: #fff;border-radius: 20rpx;}
.product3 .li:first-child{margin-left: 30rpx;}
/* 图片 */
.images image{width: 100%;}

.item6{background: linear-gradient(180deg, #FFFFFF, #FFFFFF, #F9FCFF, #FFFFFF);box-shadow: 0 0 51rpx 0 rgba(152,137,136,0.2);border-radius: 30rpx;margin: 30rpx 40rpx 50rpx;}
.item6-top{position: relative;}
.bg3{width: 100%;height: 116rpx;}
.item6-top-c{position: absolute;top: 0;left: 0;right: 0;z-index: 5;padding: 0 40rpx;font-size: 30rpx;color: #FEFEFE;font-weight: bold;height: 116rpx;flex-direction: column;justify-content: center;align-items: flex-start;line-height: 1;}
.item6-top-c text{display: block;font-size: 24rpx;font-weight: normal;margin-top: 12rpx;}
.item6-con{padding: 0 44rpx;}
.item6-con-t{padding: 50rpx 30rpx 40rpx;text-align: center;}
.kf-img{width: 150rpx;height: 150rpx;border-radius: 50%;margin: 0 auto;}
.name{font-size: 36rpx;color: #000;margin-top: 20rpx;font-weight: bold;}
.mobile{font-size: 30rpx;color: #000;margin-top: 10rpx;}
.tag{width: 268rpx;height: 52rpx;border: 2rpx solid #06B252;border-radius: 28rpx;font-size: 24rpx;color: #06B252;line-height: 52rpx;margin: 0 auto;margin-top: 25rpx;}
.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: 35rpx 0 50rpx;border-top: 1rpx dashed #DEDEDE;font-size: 24rpx;color: #999;text-align: center;}
.qrcode image{width: 356rpx;height: 354rpx;margin: 0 auto 20rpx;}