H5_module/promote/package/index.css

page{background: #fff;}
.tab{border-top: 10rpx solid #f5f5f5;position: fixed;top: 0;left: 0;right: 0;height: 100rpx;background: #fff;z-index: 50;;}
.tab .li{width: 33.33%;font-size: 36rpx;color: #999;text-align: center;position: relative;line-height: 100rpx;}
.tab .li text{display: block;width: 70rpx;height: 40rpx;background: linear-gradient(138deg, #FBE6BE 0%, #F4CD8F 100%);border-radius: 5rpx;font-size: 24rpx;color: #7F4C1A;position: absolute;top: 12rpx;right: 0;text-align: center;line-height: 40rpx;}
.tab .li.active{color: #000;}
.tab .li.active::after{content: '';display: block;width: 70rpx;height: 3rpx;background: var(--mina);position: absolute;left: 50%;transform: translateX(-50%);bottom: 10rpx;}
.con{margin: 20rpx 30rpx 0;border: 1rpx solid #EFEFEF;border-top: 5rpx solid #60BBFF;padding: 30rpx;position: relative;}
.con-tit{font-size: 24rpx;color: #999;}
.con-tit text{color: #FF5E00;}
.con-tits{font-size: 30rpx;color: #333;font-weight: bold;margin-bottom: 8rpx;}
.con-lis{font-size: 28rpx;color: #333;line-height: 72rpx;margin-top: 35rpx;}
.con-lis image{width: 36rpx;height: 26rpx;margin-right: 30rpx;}
.hhr-bg{width: 266rpx;height: 297rpx;position: absolute;right: 0;bottom: 0;}
.info{margin: 50rpx 30rpx 0;}
.tits{font-size: 30rpx;color: #333;font-weight: bold;}
.form{margin-top: 25rpx;border: 1rpx solid #EEEEEE;padding: 0 30rpx;}
.form .li{border-bottom: 1rpx solid #E9E9E9;height: 90rpx;}
.form .li:last-child{border-bottom: none;}
.label{font-size: 28rpx;color: #333;width: 140rpx;}
.label-spe{width: 235rpx;}
.ipt{font-size: 28rpx;color: #333;padding: 20rpx 0;text-align: right;}
.placeholder{color: #999;}
.sex{justify-content: flex-end;}
.sex .lis{margin-left: 100rpx;}
.sex .lis:last-child{margin-right: 0;}
.radio{width: 30rpx;height: 30rpx;margin-right: 15rpx;}
.sex-ico{width: 30rpx;height: 30rpx;}
.rico{width: 14rpx;height: 24rpx;margin-left: 17rpx;}
.item{flex: 1;-webkit-flex: 1;font-size: 28rpx;color: #999;overflow: hidden;text-align: right;}
.item.active{color: #333;}
.phone-btn{font-size: 28rpx;color: #999;text-align: right;padding: 20rpx 0 !important;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;padding: 25rpx 30rpx 20rpx;z-index: 50;
box-shadow: 0 -1rpx 10rpx 1rpx rgba(0,0,0,0.08);}
.money{font-size: 48rpx;color: #323232;font-weight: bold;}
.money text{font-size: 30rpx;font-weight: normal;}
.btn{width: 280rpx;height: 86rpx;background: linear-gradient(180deg, #4AB1FF 0%, #0091FE 100%);border-radius: 5rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 86rpx;}